updated

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

trigo-web/.husky/pre-commit

@@ -0,0 +1 @@
+npm test

trigo-web/README.md

@@ -52,12 +52,14 @@ trigo-web/
 ### Installation
 
 1. Clone the repository:
+
 ```bash
 git clone [repository-url]
 cd trigo-web
 ```
 
 2. Install all dependencies:
+
 ```bash
 npm run install:all
 ```
@@ -95,26 +97,31 @@ npm run build
 The project includes comprehensive unit tests for the game logic (TrigoGame class).
 
 **Run all tests once:**
+
 ```bash
 npm run test:run
 ```
 
 **Run tests in watch mode (auto-rerun on file changes):**
+
 ```bash
 npm test
 ```
 
 **Run tests with UI dashboard:**
+
 ```bash
 npm run test:ui
 ```
 
 **Run specific test file:**
+
 ```bash
 npm exec vitest -- run tests/game/trigoGame.core.test.ts
 ```
 
 **Test Coverage:**
+
 - **109/109 tests passing (100%)**
 - Core functionality (35 tests) - Drop, pass, surrender, reset
 - History management (21 tests) - Undo, redo, jump to step
@@ -122,6 +129,7 @@ npm exec vitest -- run tests/game/trigoGame.core.test.ts
 - State management (32 tests) - Serialization, callbacks, session storage
 
 **Test Files Location:** `tests/game/`
+
 - `trigoGame.core.test.ts` - Basic game operations
 - `trigoGame.history.test.ts` - History and navigation
 - `trigoGame.rules.test.ts` - Go game rules implementation
@@ -144,6 +152,7 @@ npm run format:check
 ## Technology Stack
 
 ### Frontend
+
 - **Vue 3** - Progressive JavaScript framework
 - **TypeScript** - Type-safe JavaScript
 - **Three.js** - 3D graphics library for WebGL
@@ -154,6 +163,7 @@ npm run format:check
 - **SASS** - CSS preprocessor
 
 ### Backend
+
 - **Node.js** - JavaScript runtime
 - **Express** - Web framework
 - **Socket.io** - Real-time bidirectional communication
@@ -172,6 +182,7 @@ Trigo extends the traditional Go game into three dimensions:
 ## API Endpoints
 
 ### REST API
+
 - `GET /health` - Health check
 - `GET /api/rooms` - List active game rooms
 - `GET /api/rooms/:roomId` - Get specific room details
@@ -179,6 +190,7 @@ Trigo extends the traditional Go game into three dimensions:
 ### WebSocket Events
 
 #### Client → Server
+
 - `joinRoom` - Join or create a game room
 - `leaveRoom` - Leave current room
 - `makeMove` - Make a game move
@@ -187,6 +199,7 @@ Trigo extends the traditional Go game into three dimensions:
 - `chatMessage` - Send chat message
 
 #### Server → Client
+
 - `roomJoined` - Successfully joined room
 - `gameUpdate` - Game state update
 - `playerJoined` - Another player joined
@@ -197,6 +210,7 @@ Trigo extends the traditional Go game into three dimensions:
 ## Development Guidelines
 
 ### Code Style
+
 - Uses Prettier for consistent formatting
 - Tab indentation (following prototype style)
 - Double quotes for strings
@@ -204,6 +218,7 @@ Trigo extends the traditional Go game into three dimensions:
 - Semicolons always
 
 ### Git Workflow
+
 1. Create feature branch from `main`
 2. Make changes and test locally
 3. Format code with `npm run format`
@@ -224,4 +239,4 @@ Contributions are welcome! Please read the contributing guidelines before submit
 
 ## Support
 
-For issues, questions, or suggestions, please open an issue on GitHub.
+For issues, questions, or suggestions, please open an issue on GitHub.

trigo-web/app/package-lock.json

@@ -17,53 +17,12 @@
 			"devDependencies": {
 				"@types/three": "^0.156.0",
 				"@vitejs/plugin-vue": "^5.2.4",
-				"@vitest/ui": "^4.0.6",
-				"jsdom": "^27.1.0",
 				"sass-embedded": "^1.93.2",
 				"typescript": "^5.2.2",
 				"vite": "^5.4.21",
-				"vitest": "^4.0.6",
 				"vue-tsc": "^2.2.12"
 			}
 		},
-		"node_modules/@acemir/cssom": {
-			"version": "0.9.19",
-			"resolved": "https://registry.npmjs.org/@acemir/cssom/-/cssom-0.9.19.tgz",
-			"integrity": "sha512-Pp2gAQXPZ2o7lt4j0IMwNRXqQ3pagxtDj5wctL5U2Lz4oV0ocDNlkgx4DpxfyKav4S/bePuI+SMqcBSUHLy9kg==",
-			"dev": true
-		},
-		"node_modules/@asamuzakjp/css-color": {
-			"version": "4.0.5",
-			"resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-4.0.5.tgz",
-			"integrity": "sha512-lMrXidNhPGsDjytDy11Vwlb6OIGrT3CmLg3VWNFyWkLWtijKl7xjvForlh8vuj0SHGjgl4qZEQzUmYTeQA2JFQ==",
-			"dev": true,
-			"dependencies": {
-				"@csstools/css-calc": "^2.1.4",
-				"@csstools/css-color-parser": "^3.1.0",
-				"@csstools/css-parser-algorithms": "^3.0.5",
-				"@csstools/css-tokenizer": "^3.0.4",
-				"lru-cache": "^11.2.1"
-			}
-		},
-		"node_modules/@asamuzakjp/dom-selector": {
-			"version": "6.7.4",
-			"resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.7.4.tgz",
-			"integrity": "sha512-buQDjkm+wDPXd6c13534URWZqbz0RP5PAhXZ+LIoa5LgwInT9HVJvGIJivg75vi8I13CxDGdTnz+aY5YUJlIAA==",
-			"dev": true,
-			"dependencies": {
-				"@asamuzakjp/nwsapi": "^2.3.9",
-				"bidi-js": "^1.0.3",
-				"css-tree": "^3.1.0",
-				"is-potential-custom-element-name": "^1.0.1",
-				"lru-cache": "^11.2.2"
-			}
-		},
-		"node_modules/@asamuzakjp/nwsapi": {
-			"version": "2.3.9",
-			"resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
-			"integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
-			"dev": true
-		},
 		"node_modules/@babel/helper-string-parser": {
 			"version": "7.27.1",
 			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
@@ -112,135 +71,6 @@
 			"integrity": "sha512-fdRs9PSrBF7QUntpZpq6BTw58fhgGJojgg39m9oFOJGZT+nip9b0so5cYY1oWl5pvemDLr0cPPsH46vwThEbpQ==",
 			"dev": true
 		},
-		"node_modules/@csstools/color-helpers": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
-			"integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/csstools"
-				},
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/csstools"
-				}
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@csstools/css-calc": {
-			"version": "2.1.4",
-			"resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
-			"integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/csstools"
-				},
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/csstools"
-				}
-			],
-			"engines": {
-				"node": ">=18"
-			},
-			"peerDependencies": {
-				"@csstools/css-parser-algorithms": "^3.0.5",
-				"@csstools/css-tokenizer": "^3.0.4"
-			}
-		},
-		"node_modules/@csstools/css-color-parser": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
-			"integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/csstools"
-				},
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/csstools"
-				}
-			],
-			"dependencies": {
-				"@csstools/color-helpers": "^5.1.0",
-				"@csstools/css-calc": "^2.1.4"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"peerDependencies": {
-				"@csstools/css-parser-algorithms": "^3.0.5",
-				"@csstools/css-tokenizer": "^3.0.4"
-			}
-		},
-		"node_modules/@csstools/css-parser-algorithms": {
-			"version": "3.0.5",
-			"resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
-			"integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/csstools"
-				},
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/csstools"
-				}
-			],
-			"engines": {
-				"node": ">=18"
-			},
-			"peerDependencies": {
-				"@csstools/css-tokenizer": "^3.0.4"
-			}
-		},
-		"node_modules/@csstools/css-syntax-patches-for-csstree": {
-			"version": "1.0.15",
-			"resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.15.tgz",
-			"integrity": "sha512-q0p6zkVq2lJnmzZVPR33doA51G7YOja+FBvRdp5ISIthL0MtFCgYHHhR563z9WFGxcOn0WfjSkPDJ5Qig3H3Sw==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/csstools"
-				},
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/csstools"
-				}
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@csstools/css-tokenizer": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
-			"integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/csstools"
-				},
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/csstools"
-				}
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
 		"node_modules/@esbuild/aix-ppc64": {
 			"version": "0.21.5",
 			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
@@ -513,22 +343,6 @@
 				"node": ">=12"
 			}
 		},
-		"node_modules/@esbuild/netbsd-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
-			"integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
 		"node_modules/@esbuild/netbsd-x64": {
 			"version": "0.21.5",
 			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
@@ -545,22 +359,6 @@
 				"node": ">=12"
 			}
 		},
-		"node_modules/@esbuild/openbsd-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
-			"integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
 		"node_modules/@esbuild/openbsd-x64": {
 			"version": "0.21.5",
 			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
@@ -577,22 +375,6 @@
 				"node": ">=12"
 			}
 		},
-		"node_modules/@esbuild/openharmony-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
-			"integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"openharmony"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
 		"node_modules/@esbuild/sunos-x64": {
 			"version": "0.21.5",
 			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
@@ -958,12 +740,6 @@
 				"url": "https://opencollective.com/parcel"
 			}
 		},
-		"node_modules/@polka/url": {
-			"version": "1.0.0-next.29",
-			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
-			"integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
-			"dev": true
-		},
 		"node_modules/@rollup/rollup-android-arm-eabi": {
 			"version": "4.52.5",
 			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz",
@@ -1255,34 +1031,23 @@
 			"resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
 			"integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA=="
 		},
-		"node_modules/@standard-schema/spec": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
-			"integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
-			"dev": true
-		},
-		"node_modules/@types/chai": {
-			"version": "5.2.3",
-			"resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
-			"integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
-			"dev": true,
-			"dependencies": {
-				"@types/deep-eql": "*",
-				"assertion-error": "^2.0.1"
-			}
-		},
-		"node_modules/@types/deep-eql": {
-			"version": "4.0.2",
-			"resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
-			"integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
-			"dev": true
-		},
 		"node_modules/@types/estree": {
 			"version": "1.0.8",
 			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
 			"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
 			"dev": true
 		},
+		"node_modules/@types/node": {
+			"version": "24.10.1",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
+			"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
+			"dev": true,
+			"optional": true,
+			"peer": true,
+			"dependencies": {
+				"undici-types": "~7.16.0"
+			}
+		},
 		"node_modules/@types/stats.js": {
 			"version": "0.17.4",
 			"resolved": "https://registry.npmjs.org/@types/stats.js/-/stats.js-0.17.4.tgz",
@@ -1320,111 +1085,6 @@
 				"vue": "^3.2.25"
 			}
 		},
-		"node_modules/@vitest/expect": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.6.tgz",
-			"integrity": "sha512-5j8UUlBVhOjhj4lR2Nt9sEV8b4WtbcYh8vnfhTNA2Kn5+smtevzjNq+xlBuVhnFGXiyPPNzGrOVvmyHWkS5QGg==",
-			"dev": true,
-			"dependencies": {
-				"@standard-schema/spec": "^1.0.0",
-				"@types/chai": "^5.2.2",
-				"@vitest/spy": "4.0.6",
-				"@vitest/utils": "4.0.6",
-				"chai": "^6.0.1",
-				"tinyrainbow": "^3.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/pretty-format": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.6.tgz",
-			"integrity": "sha512-4vptgNkLIA1W1Nn5X4x8rLJBzPiJwnPc+awKtfBE5hNMVsoAl/JCCPPzNrbf+L4NKgklsis5Yp2gYa+XAS442g==",
-			"dev": true,
-			"dependencies": {
-				"tinyrainbow": "^3.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/runner": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.6.tgz",
-			"integrity": "sha512-trPk5qpd7Jj+AiLZbV/e+KiiaGXZ8ECsRxtnPnCrJr9OW2mLB72Cb824IXgxVz/mVU3Aj4VebY+tDTPn++j1Og==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/utils": "4.0.6",
-				"pathe": "^2.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/snapshot": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.6.tgz",
-			"integrity": "sha512-PaYLt7n2YzuvxhulDDu6c9EosiRuIE+FI2ECKs6yvHyhoga+2TBWI8dwBjs+IeuQaMtZTfioa9tj3uZb7nev1g==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/pretty-format": "4.0.6",
-				"magic-string": "^0.30.19",
-				"pathe": "^2.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/spy": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.6.tgz",
-			"integrity": "sha512-g9jTUYPV1LtRPRCQfhbMintW7BTQz1n6WXYQYRQ25qkyffA4bjVXjkROokZnv7t07OqfaFKw1lPzqKGk1hmNuQ==",
-			"dev": true,
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/ui": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-4.0.6.tgz",
-			"integrity": "sha512-1ekpBsYNUm0Xv/0YsTvoSRmiRkmzz9Pma7qQ3Ui76sg2gwp2/ewSWqx4W/HfaN5dF0E8iBbidFo1wGaeqXYIrQ==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/utils": "4.0.6",
-				"fflate": "^0.8.2",
-				"flatted": "^3.3.3",
-				"pathe": "^2.0.3",
-				"sirv": "^3.0.2",
-				"tinyglobby": "^0.2.15",
-				"tinyrainbow": "^3.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			},
-			"peerDependencies": {
-				"vitest": "4.0.6"
-			}
-		},
-		"node_modules/@vitest/ui/node_modules/fflate": {
-			"version": "0.8.2",
-			"resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
-			"integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
-			"dev": true
-		},
-		"node_modules/@vitest/utils": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.6.tgz",
-			"integrity": "sha512-bG43VS3iYKrMIZXBo+y8Pti0O7uNju3KvNn6DrQWhQQKcLavMB+0NZfO1/QBAEbq0MaQ3QjNsnnXlGQvsh0Z6A==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/pretty-format": "4.0.6",
-				"tinyrainbow": "^3.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
 		"node_modules/@volar/language-core": {
 			"version": "2.4.15",
 			"resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.15.tgz",
@@ -1581,45 +1241,18 @@
 			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.22.tgz",
 			"integrity": "sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w=="
 		},
-		"node_modules/agent-base": {
-			"version": "7.1.4",
-			"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
-			"integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
-			"dev": true,
-			"engines": {
-				"node": ">= 14"
-			}
-		},
 		"node_modules/alien-signals": {
 			"version": "1.0.13",
 			"resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.13.tgz",
 			"integrity": "sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==",
 			"dev": true
 		},
-		"node_modules/assertion-error": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-			"integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			}
-		},
 		"node_modules/balanced-match": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
 			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
 			"dev": true
 		},
-		"node_modules/bidi-js": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
-			"integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
-			"dev": true,
-			"dependencies": {
-				"require-from-string": "^2.0.2"
-			}
-		},
 		"node_modules/brace-expansion": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
@@ -1648,15 +1281,6 @@
 			"integrity": "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==",
 			"dev": true
 		},
-		"node_modules/chai": {
-			"version": "6.2.0",
-			"resolved": "https://registry.npmjs.org/chai/-/chai-6.2.0.tgz",
-			"integrity": "sha512-aUTnJc/JipRzJrNADXVvpVqi6CO0dn3nx4EVPxijri+fj3LUUDyZQOgVeW54Ob3Y1Xh9Iz8f+CgaCl8v0mn9bA==",
-			"dev": true,
-			"engines": {
-				"node": ">=18"
-			}
-		},
 		"node_modules/chokidar": {
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -1679,51 +1303,11 @@
 			"integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
 			"dev": true
 		},
-		"node_modules/css-tree": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
-			"integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
-			"dev": true,
-			"dependencies": {
-				"mdn-data": "2.12.2",
-				"source-map-js": "^1.0.1"
-			},
-			"engines": {
-				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-			}
-		},
-		"node_modules/cssstyle": {
-			"version": "5.3.2",
-			"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.2.tgz",
-			"integrity": "sha512-zDMqXh8Vs1CdRYZQ2M633m/SFgcjlu8RB8b/1h82i+6vpArF507NSYIWJHGlJaTWoS+imcnctmEz43txhbVkOw==",
-			"dev": true,
-			"dependencies": {
-				"@asamuzakjp/css-color": "^4.0.3",
-				"@csstools/css-syntax-patches-for-csstree": "^1.0.14",
-				"css-tree": "^3.1.0"
-			},
-			"engines": {
-				"node": ">=20"
-			}
-		},
 		"node_modules/csstype": {
 			"version": "3.1.3",
 			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
 			"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
 		},
-		"node_modules/data-urls": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-6.0.0.tgz",
-			"integrity": "sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==",
-			"dev": true,
-			"dependencies": {
-				"whatwg-mimetype": "^4.0.0",
-				"whatwg-url": "^15.0.0"
-			},
-			"engines": {
-				"node": ">=20"
-			}
-		},
 		"node_modules/de-indent": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
@@ -1746,12 +1330,6 @@
 				}
 			}
 		},
-		"node_modules/decimal.js": {
-			"version": "10.6.0",
-			"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
-			"integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
-			"dev": true
-		},
 		"node_modules/detect-libc": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
@@ -1796,12 +1374,6 @@
 				"url": "https://github.com/fb55/entities?sponsor=1"
 			}
 		},
-		"node_modules/es-module-lexer": {
-			"version": "1.7.0",
-			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-			"integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-			"dev": true
-		},
 		"node_modules/esbuild": {
 			"version": "0.21.5",
 			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
@@ -1845,15 +1417,6 @@
 			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
 			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
 		},
-		"node_modules/expect-type": {
-			"version": "1.2.2",
-			"resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.2.tgz",
-			"integrity": "sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA==",
-			"dev": true,
-			"engines": {
-				"node": ">=12.0.0"
-			}
-		},
 		"node_modules/fflate": {
 			"version": "0.6.10",
 			"resolved": "https://registry.npmjs.org/fflate/-/fflate-0.6.10.tgz",
@@ -1873,12 +1436,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/flatted": {
-			"version": "3.3.3",
-			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-			"integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
-			"dev": true
-		},
 		"node_modules/fsevents": {
 			"version": "2.3.3",
 			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1911,80 +1468,30 @@
 				"he": "bin/he"
 			}
 		},
-		"node_modules/html-encoding-sniffer": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
-			"integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+		"node_modules/immutable": {
+			"version": "5.1.4",
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+			"integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+			"dev": true
+		},
+		"node_modules/is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
 			"dev": true,
-			"dependencies": {
-				"whatwg-encoding": "^3.1.1"
-			},
+			"optional": true,
 			"engines": {
-				"node": ">=18"
+				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/http-proxy-agent": {
-			"version": "7.0.2",
-			"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
-			"integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+		"node_modules/is-glob": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 			"dev": true,
+			"optional": true,
 			"dependencies": {
-				"agent-base": "^7.1.0",
-				"debug": "^4.3.4"
-			},
-			"engines": {
-				"node": ">= 14"
-			}
-		},
-		"node_modules/https-proxy-agent": {
-			"version": "7.0.6",
-			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-			"integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
-			"dev": true,
-			"dependencies": {
-				"agent-base": "^7.1.2",
-				"debug": "4"
-			},
-			"engines": {
-				"node": ">= 14"
-			}
-		},
-		"node_modules/iconv-lite": {
-			"version": "0.6.3",
-			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-			"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-			"dev": true,
-			"dependencies": {
-				"safer-buffer": ">= 2.1.2 < 3.0.0"
-			},
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/immutable": {
-			"version": "5.1.4",
-			"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
-			"integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
-			"dev": true
-		},
-		"node_modules/is-extglob": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-			"dev": true,
-			"optional": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/is-glob": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-			"dev": true,
-			"optional": true,
-			"dependencies": {
-				"is-extglob": "^2.1.1"
+				"is-extglob": "^2.1.1"
 			},
 			"engines": {
 				"node": ">=0.10.0"
@@ -2000,81 +1507,6 @@
 				"node": ">=0.12.0"
 			}
 		},
-		"node_modules/is-potential-custom-element-name": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-			"integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-			"dev": true
-		},
-		"node_modules/jsdom": {
-			"version": "27.1.0",
-			"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-27.1.0.tgz",
-			"integrity": "sha512-Pcfm3eZ+eO4JdZCXthW9tCDT3nF4K+9dmeZ+5X39n+Kqz0DDIABRP5CAEOHRFZk8RGuC2efksTJxrjp8EXCunQ==",
-			"dev": true,
-			"dependencies": {
-				"@acemir/cssom": "^0.9.19",
-				"@asamuzakjp/dom-selector": "^6.7.3",
-				"cssstyle": "^5.3.2",
-				"data-urls": "^6.0.0",
-				"decimal.js": "^10.6.0",
-				"html-encoding-sniffer": "^4.0.0",
-				"http-proxy-agent": "^7.0.2",
-				"https-proxy-agent": "^7.0.6",
-				"is-potential-custom-element-name": "^1.0.1",
-				"parse5": "^8.0.0",
-				"saxes": "^6.0.0",
-				"symbol-tree": "^3.2.4",
-				"tough-cookie": "^6.0.0",
-				"w3c-xmlserializer": "^5.0.0",
-				"webidl-conversions": "^8.0.0",
-				"whatwg-encoding": "^3.1.1",
-				"whatwg-mimetype": "^4.0.0",
-				"whatwg-url": "^15.1.0",
-				"ws": "^8.18.3",
-				"xml-name-validator": "^5.0.0"
-			},
-			"engines": {
-				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-			},
-			"peerDependencies": {
-				"canvas": "^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"canvas": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/jsdom/node_modules/ws": {
-			"version": "8.18.3",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-			"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
-			"dev": true,
-			"engines": {
-				"node": ">=10.0.0"
-			},
-			"peerDependencies": {
-				"bufferutil": "^4.0.1",
-				"utf-8-validate": ">=5.0.2"
-			},
-			"peerDependenciesMeta": {
-				"bufferutil": {
-					"optional": true
-				},
-				"utf-8-validate": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/lru-cache": {
-			"version": "11.2.2",
-			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz",
-			"integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
-			"dev": true,
-			"engines": {
-				"node": "20 || >=22"
-			}
-		},
 		"node_modules/magic-string": {
 			"version": "0.30.19",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
@@ -2083,12 +1515,6 @@
 				"@jridgewell/sourcemap-codec": "^1.5.5"
 			}
 		},
-		"node_modules/mdn-data": {
-			"version": "2.12.2",
-			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
-			"integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
-			"dev": true
-		},
 		"node_modules/meshoptimizer": {
 			"version": "0.18.1",
 			"resolved": "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.18.1.tgz",
@@ -2124,15 +1550,6 @@
 				"url": "https://github.com/sponsors/isaacs"
 			}
 		},
-		"node_modules/mrmime": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
-			"integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			}
-		},
 		"node_modules/ms": {
 			"version": "2.1.3",
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -2168,42 +1585,12 @@
 			"dev": true,
 			"optional": true
 		},
-		"node_modules/parse5": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
-			"integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
-			"dev": true,
-			"dependencies": {
-				"entities": "^6.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/inikulin/parse5?sponsor=1"
-			}
-		},
-		"node_modules/parse5/node_modules/entities": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-			"integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.12"
-			},
-			"funding": {
-				"url": "https://github.com/fb55/entities?sponsor=1"
-			}
-		},
 		"node_modules/path-browserify": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
 			"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
 			"dev": true
 		},
-		"node_modules/pathe": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
-			"integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-			"dev": true
-		},
 		"node_modules/picocolors": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -2270,15 +1657,6 @@
 				"node": "^10 || ^12 || >=14"
 			}
 		},
-		"node_modules/punycode": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
 		"node_modules/readdirp": {
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
@@ -2293,15 +1671,6 @@
 				"url": "https://paulmillr.com/funding/"
 			}
 		},
-		"node_modules/require-from-string": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-			"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
 		"node_modules/rollup": {
 			"version": "4.52.5",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz",
@@ -2352,12 +1721,6 @@
 				"tslib": "^2.1.0"
 			}
 		},
-		"node_modules/safer-buffer": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-			"dev": true
-		},
 		"node_modules/sass": {
 			"version": "1.93.2",
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
@@ -2709,38 +2072,6 @@
 				"node": ">=14.0.0"
 			}
 		},
-		"node_modules/saxes": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-			"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-			"dev": true,
-			"dependencies": {
-				"xmlchars": "^2.2.0"
-			},
-			"engines": {
-				"node": ">=v12.22.7"
-			}
-		},
-		"node_modules/siginfo": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-			"dev": true
-		},
-		"node_modules/sirv": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
-			"integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
-			"dev": true,
-			"dependencies": {
-				"@polka/url": "^1.0.0-next.24",
-				"mrmime": "^2.0.0",
-				"totalist": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
 		"node_modules/socket.io-client": {
 			"version": "4.8.1",
 			"resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
@@ -2775,18 +2106,6 @@
 				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/stackback": {
-			"version": "0.0.2",
-			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-			"integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-			"dev": true
-		},
-		"node_modules/std-env": {
-			"version": "3.10.0",
-			"resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
-			"integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
-			"dev": true
-		},
 		"node_modules/supports-color": {
 			"version": "8.1.1",
 			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -2802,12 +2121,6 @@
 				"url": "https://github.com/chalk/supports-color?sponsor=1"
 			}
 		},
-		"node_modules/symbol-tree": {
-			"version": "3.2.4",
-			"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-			"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-			"dev": true
-		},
 		"node_modules/sync-child-process": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
@@ -2834,90 +2147,6 @@
 			"resolved": "https://registry.npmjs.org/three/-/three-0.156.1.tgz",
 			"integrity": "sha512-kP7H0FK9d/k6t/XvQ9FO6i+QrePoDcNhwl0I02+wmUJRNSLCUIDMcfObnzQvxb37/0Uc9TDT0T1HgsRRrO6SYQ=="
 		},
-		"node_modules/tinybench": {
-			"version": "2.9.0",
-			"resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-			"integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-			"dev": true
-		},
-		"node_modules/tinyexec": {
-			"version": "0.3.2",
-			"resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-			"integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-			"dev": true
-		},
-		"node_modules/tinyglobby": {
-			"version": "0.2.15",
-			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-			"integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-			"dev": true,
-			"dependencies": {
-				"fdir": "^6.5.0",
-				"picomatch": "^4.0.3"
-			},
-			"engines": {
-				"node": ">=12.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/SuperchupuDev"
-			}
-		},
-		"node_modules/tinyglobby/node_modules/fdir": {
-			"version": "6.5.0",
-			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-			"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-			"dev": true,
-			"engines": {
-				"node": ">=12.0.0"
-			},
-			"peerDependencies": {
-				"picomatch": "^3 || ^4"
-			},
-			"peerDependenciesMeta": {
-				"picomatch": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/tinyglobby/node_modules/picomatch": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/jonschlinkert"
-			}
-		},
-		"node_modules/tinyrainbow": {
-			"version": "3.0.3",
-			"resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
-			"integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==",
-			"dev": true,
-			"engines": {
-				"node": ">=14.0.0"
-			}
-		},
-		"node_modules/tldts": {
-			"version": "7.0.17",
-			"resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.17.tgz",
-			"integrity": "sha512-Y1KQBgDd/NUc+LfOtKS6mNsC9CCaH+m2P1RoIZy7RAPo3C3/t8X45+zgut31cRZtZ3xKPjfn3TkGTrctC2TQIQ==",
-			"dev": true,
-			"dependencies": {
-				"tldts-core": "^7.0.17"
-			},
-			"bin": {
-				"tldts": "bin/cli.js"
-			}
-		},
-		"node_modules/tldts-core": {
-			"version": "7.0.17",
-			"resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.17.tgz",
-			"integrity": "sha512-DieYoGrP78PWKsrXr8MZwtQ7GLCUeLxihtjC1jZsW1DnvSMdKPitJSe8OSYDM2u5H6g3kWJZpePqkp43TfLh0g==",
-			"dev": true
-		},
 		"node_modules/to-regex-range": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -2931,39 +2160,6 @@
 				"node": ">=8.0"
 			}
 		},
-		"node_modules/totalist": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-			"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/tough-cookie": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz",
-			"integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
-			"dev": true,
-			"dependencies": {
-				"tldts": "^7.0.5"
-			},
-			"engines": {
-				"node": ">=16"
-			}
-		},
-		"node_modules/tr46": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
-			"integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
-			"dev": true,
-			"dependencies": {
-				"punycode": "^2.3.1"
-			},
-			"engines": {
-				"node": ">=20"
-			}
-		},
 		"node_modules/tslib": {
 			"version": "2.8.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -2983,6 +2179,14 @@
 				"node": ">=14.17"
 			}
 		},
+		"node_modules/undici-types": {
+			"version": "7.16.0",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+			"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+			"dev": true,
+			"optional": true,
+			"peer": true
+		},
 		"node_modules/varint": {
 			"version": "6.0.0",
 			"resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
@@ -3048,694 +2252,53 @@
 				}
 			}
 		},
-		"node_modules/vitest": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.6.tgz",
-			"integrity": "sha512-gR7INfiVRwnEOkCk47faros/9McCZMp5LM+OMNWGLaDBSvJxIzwjgNFufkuePBNaesGRnLmNfW+ddbUJRZn0nQ==",
-			"dev": true,
+		"node_modules/vscode-uri": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+			"integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+			"dev": true
+		},
+		"node_modules/vue": {
+			"version": "3.5.22",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz",
+			"integrity": "sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==",
 			"dependencies": {
-				"@vitest/expect": "4.0.6",
-				"@vitest/mocker": "4.0.6",
-				"@vitest/pretty-format": "4.0.6",
-				"@vitest/runner": "4.0.6",
-				"@vitest/snapshot": "4.0.6",
-				"@vitest/spy": "4.0.6",
-				"@vitest/utils": "4.0.6",
-				"debug": "^4.4.3",
-				"es-module-lexer": "^1.7.0",
-				"expect-type": "^1.2.2",
-				"magic-string": "^0.30.19",
-				"pathe": "^2.0.3",
-				"picomatch": "^4.0.3",
-				"std-env": "^3.9.0",
-				"tinybench": "^2.9.0",
-				"tinyexec": "^0.3.2",
-				"tinyglobby": "^0.2.15",
-				"tinyrainbow": "^3.0.3",
-				"vite": "^6.0.0 || ^7.0.0",
-				"why-is-node-running": "^2.3.0"
+				"@vue/compiler-dom": "3.5.22",
+				"@vue/compiler-sfc": "3.5.22",
+				"@vue/runtime-dom": "3.5.22",
+				"@vue/server-renderer": "3.5.22",
+				"@vue/shared": "3.5.22"
 			},
+			"peerDependencies": {
+				"typescript": "*"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vue-demi": {
+			"version": "0.14.10",
+			"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+			"integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+			"hasInstallScript": true,
 			"bin": {
-				"vitest": "vitest.mjs"
+				"vue-demi-fix": "bin/vue-demi-fix.js",
+				"vue-demi-switch": "bin/vue-demi-switch.js"
 			},
 			"engines": {
-				"node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+				"node": ">=12"
 			},
 			"funding": {
-				"url": "https://opencollective.com/vitest"
+				"url": "https://github.com/sponsors/antfu"
 			},
 			"peerDependencies": {
-				"@edge-runtime/vm": "*",
-				"@types/debug": "^4.1.12",
-				"@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-				"@vitest/browser-playwright": "4.0.6",
-				"@vitest/browser-preview": "4.0.6",
-				"@vitest/browser-webdriverio": "4.0.6",
-				"@vitest/ui": "4.0.6",
-				"happy-dom": "*",
-				"jsdom": "*"
+				"@vue/composition-api": "^1.0.0-rc.1",
+				"vue": "^3.0.0-0 || ^2.6.0"
 			},
 			"peerDependenciesMeta": {
-				"@edge-runtime/vm": {
-					"optional": true
-				},
-				"@types/debug": {
-					"optional": true
-				},
-				"@types/node": {
-					"optional": true
-				},
-				"@vitest/browser-playwright": {
-					"optional": true
-				},
-				"@vitest/browser-preview": {
-					"optional": true
-				},
-				"@vitest/browser-webdriverio": {
-					"optional": true
-				},
-				"@vitest/ui": {
-					"optional": true
-				},
-				"happy-dom": {
-					"optional": true
-				},
-				"jsdom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/aix-ppc64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
-			"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
-			"cpu": [
-				"ppc64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"aix"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/android-arm": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
-			"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/android-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
-			"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/android-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
-			"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/darwin-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
-			"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/darwin-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
-			"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
-			"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/freebsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
-			"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-arm": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
-			"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
-			"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-ia32": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
-			"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-loong64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
-			"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
-			"cpu": [
-				"loong64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-mips64el": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
-			"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
-			"cpu": [
-				"mips64el"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-ppc64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
-			"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
-			"cpu": [
-				"ppc64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-riscv64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
-			"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
-			"cpu": [
-				"riscv64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-s390x": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
-			"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
-			"cpu": [
-				"s390x"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/linux-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
-			"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/netbsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
-			"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/openbsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
-			"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/sunos-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
-			"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"sunos"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/win32-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
-			"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/win32-ia32": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
-			"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/win32-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
-			"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/vitest/node_modules/@vitest/mocker": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.6.tgz",
-			"integrity": "sha512-3COEIew5HqdzBFEYN9+u0dT3i/NCwppLnO1HkjGfAP1Vs3vti1Hxm/MvcbC4DAn3Szo1M7M3otiAaT83jvqIjA==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/spy": "4.0.6",
-				"estree-walker": "^3.0.3",
-				"magic-string": "^0.30.19"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			},
-			"peerDependencies": {
-				"msw": "^2.4.9",
-				"vite": "^6.0.0 || ^7.0.0-0"
-			},
-			"peerDependenciesMeta": {
-				"msw": {
-					"optional": true
-				},
-				"vite": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitest/node_modules/debug": {
-			"version": "4.4.3",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-			"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-			"dev": true,
-			"dependencies": {
-				"ms": "^2.1.3"
-			},
-			"engines": {
-				"node": ">=6.0"
-			},
-			"peerDependenciesMeta": {
-				"supports-color": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitest/node_modules/esbuild": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
-			"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
-			"dev": true,
-			"hasInstallScript": true,
-			"bin": {
-				"esbuild": "bin/esbuild"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"optionalDependencies": {
-				"@esbuild/aix-ppc64": "0.25.12",
-				"@esbuild/android-arm": "0.25.12",
-				"@esbuild/android-arm64": "0.25.12",
-				"@esbuild/android-x64": "0.25.12",
-				"@esbuild/darwin-arm64": "0.25.12",
-				"@esbuild/darwin-x64": "0.25.12",
-				"@esbuild/freebsd-arm64": "0.25.12",
-				"@esbuild/freebsd-x64": "0.25.12",
-				"@esbuild/linux-arm": "0.25.12",
-				"@esbuild/linux-arm64": "0.25.12",
-				"@esbuild/linux-ia32": "0.25.12",
-				"@esbuild/linux-loong64": "0.25.12",
-				"@esbuild/linux-mips64el": "0.25.12",
-				"@esbuild/linux-ppc64": "0.25.12",
-				"@esbuild/linux-riscv64": "0.25.12",
-				"@esbuild/linux-s390x": "0.25.12",
-				"@esbuild/linux-x64": "0.25.12",
-				"@esbuild/netbsd-arm64": "0.25.12",
-				"@esbuild/netbsd-x64": "0.25.12",
-				"@esbuild/openbsd-arm64": "0.25.12",
-				"@esbuild/openbsd-x64": "0.25.12",
-				"@esbuild/openharmony-arm64": "0.25.12",
-				"@esbuild/sunos-x64": "0.25.12",
-				"@esbuild/win32-arm64": "0.25.12",
-				"@esbuild/win32-ia32": "0.25.12",
-				"@esbuild/win32-x64": "0.25.12"
-			}
-		},
-		"node_modules/vitest/node_modules/estree-walker": {
-			"version": "3.0.3",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-			"dev": true,
-			"dependencies": {
-				"@types/estree": "^1.0.0"
-			}
-		},
-		"node_modules/vitest/node_modules/fdir": {
-			"version": "6.5.0",
-			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-			"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-			"dev": true,
-			"engines": {
-				"node": ">=12.0.0"
-			},
-			"peerDependencies": {
-				"picomatch": "^3 || ^4"
-			},
-			"peerDependenciesMeta": {
-				"picomatch": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitest/node_modules/picomatch": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/jonschlinkert"
-			}
-		},
-		"node_modules/vitest/node_modules/vite": {
-			"version": "7.1.12",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-7.1.12.tgz",
-			"integrity": "sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==",
-			"dev": true,
-			"dependencies": {
-				"esbuild": "^0.25.0",
-				"fdir": "^6.5.0",
-				"picomatch": "^4.0.3",
-				"postcss": "^8.5.6",
-				"rollup": "^4.43.0",
-				"tinyglobby": "^0.2.15"
-			},
-			"bin": {
-				"vite": "bin/vite.js"
-			},
-			"engines": {
-				"node": "^20.19.0 || >=22.12.0"
-			},
-			"funding": {
-				"url": "https://github.com/vitejs/vite?sponsor=1"
-			},
-			"optionalDependencies": {
-				"fsevents": "~2.3.3"
-			},
-			"peerDependencies": {
-				"@types/node": "^20.19.0 || >=22.12.0",
-				"jiti": ">=1.21.0",
-				"less": "^4.0.0",
-				"lightningcss": "^1.21.0",
-				"sass": "^1.70.0",
-				"sass-embedded": "^1.70.0",
-				"stylus": ">=0.54.8",
-				"sugarss": "^5.0.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
-				}
-			}
-		},
-		"node_modules/vscode-uri": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
-			"integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
-			"dev": true
-		},
-		"node_modules/vue": {
-			"version": "3.5.22",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz",
-			"integrity": "sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==",
-			"dependencies": {
-				"@vue/compiler-dom": "3.5.22",
-				"@vue/compiler-sfc": "3.5.22",
-				"@vue/runtime-dom": "3.5.22",
-				"@vue/server-renderer": "3.5.22",
-				"@vue/shared": "3.5.22"
-			},
-			"peerDependencies": {
-				"typescript": "*"
-			},
-			"peerDependenciesMeta": {
-				"typescript": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vue-demi": {
-			"version": "0.14.10",
-			"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-			"integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-			"hasInstallScript": true,
-			"bin": {
-				"vue-demi-fix": "bin/vue-demi-fix.js",
-				"vue-demi-switch": "bin/vue-demi-switch.js"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/antfu"
-			},
-			"peerDependencies": {
-				"@vue/composition-api": "^1.0.0-rc.1",
-				"vue": "^3.0.0-0 || ^2.6.0"
-			},
-			"peerDependenciesMeta": {
-				"@vue/composition-api": {
+				"@vue/composition-api": {
 					"optional": true
 				}
 			}
@@ -3770,77 +2333,6 @@
 				"typescript": ">=5.0.0"
 			}
 		},
-		"node_modules/w3c-xmlserializer": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-			"integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
-			"dev": true,
-			"dependencies": {
-				"xml-name-validator": "^5.0.0"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/webidl-conversions": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.0.tgz",
-			"integrity": "sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==",
-			"dev": true,
-			"engines": {
-				"node": ">=20"
-			}
-		},
-		"node_modules/whatwg-encoding": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-			"integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-			"dev": true,
-			"dependencies": {
-				"iconv-lite": "0.6.3"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/whatwg-mimetype": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-			"integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-			"dev": true,
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/whatwg-url": {
-			"version": "15.1.0",
-			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-15.1.0.tgz",
-			"integrity": "sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==",
-			"dev": true,
-			"dependencies": {
-				"tr46": "^6.0.0",
-				"webidl-conversions": "^8.0.0"
-			},
-			"engines": {
-				"node": ">=20"
-			}
-		},
-		"node_modules/why-is-node-running": {
-			"version": "2.3.0",
-			"resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-			"integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-			"dev": true,
-			"dependencies": {
-				"siginfo": "^2.0.0",
-				"stackback": "0.0.2"
-			},
-			"bin": {
-				"why-is-node-running": "cli.js"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
 		"node_modules/ws": {
 			"version": "8.17.1",
 			"resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
@@ -3861,21 +2353,6 @@
 				}
 			}
 		},
-		"node_modules/xml-name-validator": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-			"integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-			"dev": true,
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/xmlchars": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-			"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-			"dev": true
-		},
 		"node_modules/xmlhttprequest-ssl": {
 			"version": "2.1.2",
 			"resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",

trigo-web/app/src/App.vue

@@ -1,10 +1,12 @@
 <template>
 	<div id="app">
-		<router-view />
+		<LayoutFrame />
 	</div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+	import LayoutFrame from "./components/LayoutFrame.vue";
+</script>
 
 <style lang="scss">
 	* {
@@ -16,7 +18,8 @@
 	html,
 	body {
 		height: 100%;
-		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+		font-family:
+			-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
 			sans-serif;
 	}
 
@@ -24,4 +27,4 @@
 		height: 100vh;
 		background: #f5f5f5;
 	}
-</style>
+</style>

trigo-web/app/src/components/LayoutFrame.vue

@@ -0,0 +1,29 @@
+<template>
+	<div class="layout-frame">
+		<SidebarMenu />
+		<div class="content-area">
+			<router-view />
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import SidebarMenu from "./SidebarMenu.vue";
+</script>
+
+<style lang="scss" scoped>
+	.layout-frame {
+		display: flex;
+		height: 100vh;
+		width: 100vw;
+		background: #f5f5f5;
+		overflow: hidden;
+	}
+
+	.content-area {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+	}
+</style>

trigo-web/app/src/components/SidebarMenu.vue

@@ -0,0 +1,235 @@
+<template>
+	<nav
+		class="sidebar-menu"
+		:class="{ expanded: isExpanded }"
+		@mouseenter="isExpanded = true"
+		@mouseleave="isExpanded = false"
+	>
+		<div
+			class="logo-section"
+			@click="handleLogoClick"
+			title="Click to test WebSocket connection"
+		>
+			<img src="@/assets/logo.png" alt="Trigo" class="logo clickable" />
+			<h1 class="app-title">Trigo</h1>
+		</div>
+
+		<div class="menu-tabs">
+			<router-link
+				v-for="tab in tabs"
+				:key="tab.path"
+				:to="tab.path"
+				class="tab-button"
+				:class="{ active: isActiveTab(tab.path) }"
+			>
+				<span class="tab-icon">{{ tab.icon }}</span>
+				<span class="tab-label">{{ tab.label }}</span>
+			</router-link>
+		</div>
+
+		<div class="sidebar-footer">
+			<p class="version">v1.0.0</p>
+		</div>
+	</nav>
+</template>
+
+<script setup lang="ts">
+	import { ref, computed } from "vue";
+	import { useRoute } from "vue-router";
+	import { useSocket } from "@/composables/useSocket";
+
+	interface Tab {
+		path: string;
+		label: string;
+		icon: string;
+	}
+
+	const tabs: Tab[] = [
+		{ path: "/", label: "Single Game", icon: "🎮" },
+		{ path: "/vs-ai", label: "VS AI", icon: "🤖" },
+		{ path: "/vs-people", label: "VS People", icon: "👥" },
+		{ path: "/library", label: "Game Library", icon: "📚" }
+	];
+
+	const route = useRoute();
+	const isExpanded = ref(false);
+
+	const isActiveTab = (path: string): boolean => {
+		return route.path === path;
+	};
+
+	// WebSocket echo test
+	const { sendEcho, connected: socketConnected } = useSocket();
+
+	const handleLogoClick = async () => {
+		try {
+			console.log("[Echo Test] Sending echo request...");
+			console.log("[Echo Test] Socket connected:", socketConnected.value);
+
+			const response = await sendEcho("Echo test from Trigo sidebar!");
+			console.log("[Echo Test] Response:", response);
+
+			// Show alert with the response
+			alert(`WebSocket Echo Test\n\n${response}`);
+		} catch (error) {
+			console.error("[Echo Test] Error:", error);
+			alert(
+				`WebSocket Echo Test Failed\n\n${error instanceof Error ? error.message : String(error)}`
+			);
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	.sidebar-menu {
+		width: 70px; // Collapsed width (icon only)
+		background: #2a2a2a;
+		display: flex;
+		flex-direction: column;
+		border-right: 1px solid #404040;
+		padding: 20px 0;
+		flex-shrink: 0;
+		transition: width 0.3s ease;
+		overflow: hidden;
+		position: relative;
+
+		&.expanded {
+			width: 220px; // Expanded width (icon + text)
+		}
+	}
+
+	.logo-section {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 0 10px 30px;
+		border-bottom: 1px solid #404040;
+		margin-bottom: 20px;
+		min-height: 110px; // Prevent layout shift
+		cursor: pointer;
+		transition: background-color 0.2s ease;
+
+		&:hover {
+			background-color: rgba(255, 255, 255, 0.05);
+		}
+
+		&:active {
+			background-color: rgba(255, 255, 255, 0.1);
+		}
+	}
+
+	.logo {
+		width: 50px;
+		height: 50px;
+		margin-bottom: 12px;
+		border-radius: 8px;
+		flex-shrink: 0;
+		transition:
+			transform 0.2s ease,
+			opacity 0.2s ease;
+
+		&.clickable {
+			.logo-section:hover & {
+				transform: scale(1.1);
+				opacity: 0.9;
+			}
+
+			.logo-section:active & {
+				transform: scale(0.95);
+			}
+		}
+	}
+
+	.app-title {
+		font-size: 20px;
+		font-weight: 600;
+		color: #e0e0e0;
+		margin: 0;
+		white-space: nowrap;
+		opacity: 0;
+		transition: opacity 0.2s ease 0.1s;
+
+		.expanded & {
+			opacity: 1;
+		}
+	}
+
+	.menu-tabs {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+		padding: 0 10px;
+	}
+
+	.tab-button {
+		display: flex;
+		align-items: center;
+		gap: 12px;
+		padding: 14px 12px;
+		border-radius: 8px;
+		background: transparent;
+		color: #a0a0a0;
+		text-decoration: none;
+		font-size: 15px;
+		font-weight: 500;
+		cursor: pointer;
+		transition: all 0.2s ease;
+		border-left: 3px solid transparent;
+		position: relative;
+		white-space: nowrap;
+
+		&:hover {
+			background: #353535;
+			color: #e0e0e0;
+		}
+
+		&.active {
+			background: #3a3a3a;
+			color: #e94560;
+			border-left-color: #e94560;
+
+			.tab-icon {
+				transform: scale(1.1);
+			}
+		}
+	}
+
+	.tab-icon {
+		font-size: 22px;
+		line-height: 1;
+		transition: transform 0.2s ease;
+		min-width: 28px;
+		text-align: center;
+		flex-shrink: 0;
+	}
+
+	.tab-label {
+		flex: 1;
+		opacity: 0;
+		transition: opacity 0.2s ease 0.1s;
+
+		.expanded & {
+			opacity: 1;
+		}
+	}
+
+	.sidebar-footer {
+		padding: 20px 10px;
+		border-top: 1px solid #404040;
+		text-align: center;
+	}
+
+	.version {
+		font-size: 11px;
+		color: #606060;
+		margin: 0;
+		white-space: nowrap;
+		opacity: 0;
+		transition: opacity 0.2s ease 0.1s;
+
+		.expanded & {
+			opacity: 1;
+		}
+	}
+</style>

trigo-web/app/src/composables/useSocket.ts

@@ -1,24 +1,31 @@
 import { ref, onUnmounted } from "vue";
 import { io, Socket } from "socket.io-client";
 
-
 // Singleton socket instance
 let socketInstance: Socket | null = null;
 
-
 export function useSocket() {
 	const connected = ref(false);
 	const error = ref<string | null>(null);
 
-
 	// Get or create socket instance
 	const getSocket = (): Socket => {
 		if (!socketInstance) {
 			// Determine the server URL based on environment
-			const isDev = import.meta.env?.DEV ?? (import.meta.env?.MODE === "development");
-			const serverUrl = isDev
-				? "http://localhost:3000" // Development: backend port
-				: window.location.origin; // Production: same origin
+			const isDev = import.meta.env?.DEV ?? import.meta.env?.MODE === "development";
+
+			let serverUrl: string;
+			if (isDev) {
+				// Development: Use same host as frontend, port 3000
+				// This allows accessing from local IP (e.g., 192.168.x.x:5173)
+				const currentHost = window.location.hostname;
+				serverUrl = `http://${currentHost}:3000`;
+			} else {
+				// Production: same origin
+				serverUrl = window.location.origin;
+			}
+
+			console.log("[Socket.io] Connecting to:", serverUrl);
 
 			socketInstance = io(serverUrl, {
 				autoConnect: true,
@@ -48,7 +55,6 @@ export function useSocket() {
 		return socketInstance;
 	};
 
-
 	// Send echo test message
 	const sendEcho = (message: string): Promise<string> => {
 		return new Promise((resolve, reject) => {
@@ -60,13 +66,17 @@ export function useSocket() {
 			}
 
 			// Send echo request and wait for response
-			socket.emit("echo", { message, timestamp: new Date().toISOString() }, (response: any) => {
-				if (response.error) {
-					reject(new Error(response.error));
-				} else {
-					resolve(response.message);
+			socket.emit(
+				"echo",
+				{ message, timestamp: new Date().toISOString() },
+				(response: any) => {
+					if (response.error) {
+						reject(new Error(response.error));
+					} else {
+						resolve(response.message);
+					}
 				}
-			});
+			);
 
 			// Timeout after 5 seconds
 			setTimeout(() => {
@@ -75,14 +85,12 @@ export function useSocket() {
 		});
 	};
 
-
 	// Clean up on unmount
 	onUnmounted(() => {
 		// Note: We don't disconnect the singleton instance
 		// It will be reused by other components
 	});
 
-
 	return {
 		socket: getSocket(),
 		connected,
@@ -91,7 +99,6 @@ export function useSocket() {
 	};
 }
 
-
 // Export function to manually disconnect (for cleanup)
 export function disconnectSocket() {
 	if (socketInstance) {

trigo-web/app/src/composables/useTrigoAgent.ts

@@ -0,0 +1,171 @@
+/**
+ * Vue Composable for Trigo AI Agent
+ *
+ * Provides reactive interface to the ONNX-based AI agent for move generation.
+ * Features:
+ * - Lazy initialization (only loads when needed)
+ * - Reactive state tracking (ready, thinking, errors)
+ * - Automatic cleanup on unmount
+ * - Move generation with error handling
+ * - Uses tree agent with evaluation mode for efficient parallel move evaluation
+ */
+
+import { ref, onUnmounted } from "vue";
+import { TrigoTreeAgent } from "@inc/trigoTreeAgent";
+import { OnnxInferencer } from "@/services/onnxInferencer";
+import type { TrigoGame } from "@inc/trigo/game";
+import type { Position } from "@inc/trigo/types";
+
+/**
+ * Composable for using the Trigo AI agent in Vue components
+ */
+export function useTrigoAgent() {
+	// Reactive state
+	const isReady = ref(false);
+	const isThinking = ref(false);
+	const error = ref<string | null>(null);
+	const lastMoveTime = ref<number>(0);
+
+	// Agent instance (created lazily)
+	let agent: TrigoTreeAgent | null = null;
+	let inferencer: OnnxInferencer | null = null;
+
+	/**
+	 * Initialize the AI agent
+	 * - Loads ONNX evaluation model and prepares for inference
+	 * - Call this when entering VS AI mode
+	 * - Safe to call multiple times (won't re-initialize)
+	 */
+	const initialize = async (): Promise<void> => {
+		if (isReady.value) {
+			console.log("[useTrigoAgent] Already initialized");
+			return;
+		}
+
+		error.value = null;
+
+		try {
+			console.log("[useTrigoAgent] Initializing tree agent with evaluation mode...");
+
+			// Create OnnxInferencer with evaluation model
+			inferencer = new OnnxInferencer({
+				modelPath: "/onnx/GPT2CausalLM_ep0015_evaluation.onnx",
+				vocabSize: 259,
+				seqLen: 2048 // Evaluation models support longer sequences
+			});
+
+			// Initialize ONNX model
+			await inferencer.initialize();
+
+			// Create tree agent with the inferencer
+			agent = new TrigoTreeAgent(inferencer);
+
+			isReady.value = true;
+			console.log("[useTrigoAgent] ✓ Tree agent ready");
+		} catch (err) {
+			const errorMessage =
+				err instanceof Error ? err.message : "Failed to initialize AI agent";
+			error.value = errorMessage;
+			console.error("[useTrigoAgent] Initialization failed:", err);
+			throw err;
+		}
+	};
+
+	/**
+	 * Generate the next move for the AI player
+	 *
+	 * @param game - Current game instance
+	 * @returns The selected move position, or null if no valid moves or pass move
+	 * @throws Error if agent is not initialized
+	 */
+	const generateMove = async (game: TrigoGame): Promise<Position | null> => {
+		if (!agent) {
+			throw new Error("AI agent not initialized. Call initialize() first.");
+		}
+
+		if (!isReady.value) {
+			throw new Error("AI agent is not ready yet.");
+		}
+
+		if (isThinking.value) {
+			console.warn("[useTrigoAgent] Already generating a move, ignoring request");
+			return null;
+		}
+
+		error.value = null;
+		isThinking.value = true;
+
+		try {
+			console.log("[useTrigoAgent] Generating move with tree agent...");
+			const startTime = performance.now();
+
+			// Use tree agent to select best move
+			const move = await agent.selectBestMove(game);
+
+			const elapsed = performance.now() - startTime;
+			lastMoveTime.value = elapsed;
+			console.log(`[useTrigoAgent] ✓ Move generated in ${elapsed.toFixed(2)}ms`);
+
+			// Convert Move to Position (return null if pass move)
+			if (!move || move.isPass) {
+				console.log("[useTrigoAgent] AI chose to pass");
+				return null;
+			}
+
+			if (move.x !== undefined && move.y !== undefined && move.z !== undefined) {
+				return { x: move.x, y: move.y, z: move.z };
+			}
+
+			console.warn("[useTrigoAgent] Move has undefined coordinates:", move);
+			return null;
+		} catch (err) {
+			const errorMessage = err instanceof Error ? err.message : "Failed to generate move";
+			error.value = errorMessage;
+			console.error("[useTrigoAgent] Move generation failed:", err);
+			throw err;
+		} finally {
+			isThinking.value = false;
+		}
+	};
+
+	/**
+	 * Check if the agent is initialized and ready
+	 */
+	const checkIsReady = (): boolean => {
+		return agent !== null && inferencer !== null;
+	};
+
+	/**
+	 * Clean up resources when component unmounts
+	 */
+	const cleanup = (): void => {
+		if (agent || inferencer) {
+			console.log("[useTrigoAgent] Cleaning up...");
+			agent = null;
+			inferencer = null;
+			isReady.value = false;
+			isThinking.value = false;
+			error.value = null;
+			lastMoveTime.value = 0;
+		}
+	};
+
+	// Automatic cleanup on component unmount
+	onUnmounted(() => {
+		cleanup();
+	});
+
+	return {
+		// State
+		isReady,
+		isThinking,
+		error,
+		lastMoveTime,
+
+		// Methods
+		initialize,
+		generateMove,
+		checkIsReady,
+		cleanup
+	};
+}

trigo-web/app/src/main.ts

@@ -5,7 +5,6 @@ import App from "./App.vue";
 import router from "./router";
 import { initializeParsers } from "@inc/trigo/parserInit";
 
-
 const app = createApp(App);
 const pinia = createPinia();
 
@@ -13,11 +12,13 @@ app.use(pinia);
 app.use(router);
 
 // Initialize parsers before mounting (required for TGN functionality)
-initializeParsers().then(() => {
-	app.mount("#app");
-}).catch((error) => {
-	console.error("Failed to initialize parsers:", error);
-	// Still mount app even if parser initialization fails
-	// (parser will throw error when TGN features are used)
-	app.mount("#app");
-});
+initializeParsers()
+	.then(() => {
+		app.mount("#app");
+	})
+	.catch((error) => {
+		console.error("Failed to initialize parsers:", error);
+		// Still mount app even if parser initialization fails
+		// (parser will throw error when TGN features are used)
+		app.mount("#app");
+	});

trigo-web/app/src/router/index.ts

@@ -1,17 +1,52 @@
 import { createRouter, createWebHistory } from "vue-router";
 import TrigoView from "@/views/TrigoView.vue";
-
+import OnnxTestView from "@/views/OnnxTestView.vue";
+import TrigoAgentTestView from "@/views/TrigoAgentTestView.vue";
+import TrigoTreeTestView from "@/views/TrigoTreeTestView.vue";
 
 const router = createRouter({
 	history: createWebHistory(import.meta.env.BASE_URL),
 	routes: [
 		{
 			path: "/",
-			name: "home",
-			component: TrigoView
+			name: "single-game",
+			component: TrigoView,
+			meta: { mode: "single" }
+		},
+		{
+			path: "/vs-ai",
+			name: "vs-ai",
+			component: TrigoView,
+			meta: { mode: "vs-ai" }
+		},
+		{
+			path: "/vs-people",
+			name: "vs-people",
+			component: TrigoView,
+			meta: { mode: "vs-people" }
+		},
+		{
+			path: "/library",
+			name: "library",
+			component: TrigoView,
+			meta: { mode: "library" }
+		},
+		{
+			path: "/onnx-test",
+			name: "onnx-test",
+			component: OnnxTestView
+		},
+		{
+			path: "/agent-test",
+			name: "agent-test",
+			component: TrigoAgentTestView
+		},
+		{
+			path: "/tree-test",
+			name: "tree-test",
+			component: TrigoTreeTestView
 		}
 	]
 });
 
-
-export default router;
+export default router;

trigo-web/app/src/services/onnxInferencer.ts

@@ -0,0 +1,68 @@
+/**
+ * ONNX Inferencer for Browser (Frontend Wrapper)
+ *
+ * This file imports onnxruntime-web and creates sessions,
+ * then injects them into the platform-agnostic inferencer.
+ */
+
+// IMPORTANT: Import onnxruntime-web first to register backends
+import * as ort from "onnxruntime-web";
+
+// Configure ONNX Runtime Web environment BEFORE creating any sessions
+ort.env.wasm.numThreads = 1;
+ort.env.wasm.simd = true;
+
+// Import the common inferencer class AFTER onnxruntime-web is loaded
+import { ModelInferencer, type InferencerConfig, type InferenceResult } from "@inc/modelInferencer";
+
+/**
+ * Web-specific configuration for the inferencer
+ */
+export interface WebInferencerConfig extends Partial<InferencerConfig> {
+	modelPath: string;
+	executionProviders?: ("wasm" | "webgl" | "webgpu")[];
+	sessionOptions?: ort.InferenceSession.SessionOptions;
+}
+
+/**
+ * ONNX Inferencer for Browser with Web-specific defaults
+ */
+export class OnnxInferencer extends ModelInferencer {
+	private modelPath: string;
+	private sessionOptions?: ort.InferenceSession.SessionOptions;
+
+	constructor(config: WebInferencerConfig) {
+		const { modelPath, executionProviders = ["wasm"], sessionOptions, ...baseConfig } = config;
+
+		// Pass ort.Tensor constructor to base class
+		super(ort.Tensor as any, baseConfig);
+
+		this.modelPath = modelPath;
+		this.sessionOptions = {
+			executionProviders: executionProviders,
+			graphOptimizationLevel: "all",
+			...sessionOptions
+		};
+	}
+
+	/**
+	 * Initialize the inference session
+	 */
+	async initialize(): Promise<void> {
+		console.log("[OnnxInferencer] Initializing...");
+		console.log("[OnnxInferencer] Model path:", this.modelPath);
+
+		try {
+			const session = await ort.InferenceSession.create(this.modelPath, this.sessionOptions);
+
+			// Inject session into base class
+			this.setSession(session as any);
+		} catch (error) {
+			console.error("[OnnxInferencer] Failed to create session:", error);
+			throw error;
+		}
+	}
+}
+
+// Re-export types
+export type { InferencerConfig, InferenceResult };

trigo-web/app/src/services/trigoViewport.ts

@@ -9,16 +9,16 @@ const COLORS = {
 	SCENE_CLEAR: 0x505055,
 
 	// Chess frame colors (three-tiered system)
-	FRAME_CREST: 0xff4d4d,      // Red-tinted for edges/corners
-	FRAME_SURFACE: 0xe6b380,    // Orange/yellow-tinted for face edges
-	FRAME_INTERIOR: 0x999999,   // Gray for interior lines
+	FRAME_CREST: 0xff4d4d, // Red-tinted for edges/corners
+	FRAME_SURFACE: 0xe6b380, // Orange/yellow-tinted for face edges
+	FRAME_INTERIOR: 0x999999, // Gray for interior lines
 
 	// intersection point colors
 	POINT_DEFAULT: 0x4a90e2,
 	POINT_HOVERED: 0x00ff00,
 	POINT_HOVERED_DISABLED: 0xff0000,
 	POINT_AXIS_ALIGNED: 0xffaa00,
-	POINT_AIR_PATCH: 0x80e680,  // Semi-transparent green for liberties in inspect mode
+	POINT_AIR_PATCH: 0x80e680, // Semi-transparent green for liberties in inspect mode
 
 	// Stone colors
 	STONE_BLACK: 0x070707,
@@ -32,7 +32,7 @@ const COLORS = {
 	AMBIENT_LIGHT: 0xffffff,
 	DIRECTIONAL_LIGHT: 0xffffff,
 	HEMISPHERE_LIGHT_SKY: 0xeefaff,
-	HEMISPHERE_LIGHT_GROUND: 0x20201a,
+	HEMISPHERE_LIGHT_GROUND: 0x20201a
 } as const;
 
 // Opacity constants
@@ -46,22 +46,21 @@ const OPACITY = {
 	POINT_DEFAULT: 0.1,
 	POINT_HOVERED: 0.8,
 	POINT_AXIS_ALIGNED: 0.8,
-	POINT_AIR_PATCH: 0.24,  // Semi-transparent for liberty visualization
+	POINT_AIR_PATCH: 0.24, // Semi-transparent for liberty visualization
 	PREVIEW_STONE: 0.5,
 	PREVIEW_JOINT_BLACK: 0.5,
 	PREVIEW_JOINT_WHITE: 0.6,
 	DIMMED: 0.3,
 	DOMAIN_BLACK: 0.3,
-	DOMAIN_WHITE: 0.3,
+	DOMAIN_WHITE: 0.3
 } as const;
 
 // Shininess constants for stone materials
 const SHININESS = {
 	STONE_BLACK: 120,
-	STONE_WHITE: 30,
+	STONE_WHITE: 30
 } as const;
 
-
 // Geometric size constants
 const SIZES = {
 	// Stone and point sizes (relative to grid spacing)
@@ -74,37 +73,33 @@ const SIZES = {
 	// Sphere detail (number of segments)
 	STONE_SEGMENTS: 32,
 	POINT_SEGMENTS: 8,
-	JOINT_SEGMENTS: 6,
+	JOINT_SEGMENTS: 6
 } as const;
 
-
 // Camera and scene constants
 const CAMERA = {
 	FOV: 70,
 	NEAR: 0.1,
 	FAR: 1000,
 	DISTANCE_MULTIPLIER: 1.1,
-	HEIGHT_RATIO: 0.8,
+	HEIGHT_RATIO: 0.8
 } as const;
 
-
 // Lighting intensity constants
 const LIGHTING = {
 	AMBIENT_INTENSITY: 0.2,
 	DIRECTIONAL_MAIN_INTENSITY: 0.8,
 	DIRECTIONAL_FILL_INTENSITY: 0.3,
-	HEMISPHERE_INTENSITY: 0.8,
+	HEMISPHERE_INTENSITY: 0.8
 } as const;
 
-
 // Fog constants
 const FOG = {
 	NEAR_FACTOR: 0.2,
 	FAR_FACTOR: 0.8,
-	MIN_NEAR: 0.1,
+	MIN_NEAR: 0.1
 } as const;
 
-
 // Last stone highlight constants
 const SHINING = {
 	FLICKER_SPEED: 0.0048,
@@ -112,10 +107,9 @@ const SHINING = {
 	BASE_INTENSITY_WHITE: 0.2,
 	BASE_INTENSITY_BLACK: 0.06,
 	FLICKER_INTENSITY_WHITE: 0.6,
-	FLICKER_INTENSITY_BLACK: 0.1,
+	FLICKER_INTENSITY_BLACK: 0.1
 } as const;
 
-
 export interface Stone {
 	position: { x: number; y: number; z: number };
 	color: "black" | "white";
@@ -172,7 +166,7 @@ export class TrigoViewport {
 	private inspectMode: boolean = false;
 	private ctrlKeyDown: boolean = false;
 	private highlightedGroup: Set<string> | null = null;
-	private airPatch: Set<string> | null = null;  // Liberty positions for highlighted group
+	private airPatch: Set<string> | null = null; // Liberty positions for highlighted group
 	private lastMouseEvent: MouseEvent | null = null;
 
 	// Domain visibility for territory display
@@ -181,7 +175,11 @@ export class TrigoViewport {
 	private blackDomain: Set<string> | null = null;
 	private whiteDomain: Set<string> | null = null;
 
-	constructor(canvas: HTMLCanvasElement, boardShape: BoardShape = { x: 5, y: 5, z: 5 }, callbacks: ViewportCallbacks = {}) {
+	constructor(
+		canvas: HTMLCanvasElement,
+		boardShape: BoardShape = { x: 5, y: 5, z: 5 },
+		callbacks: ViewportCallbacks = {}
+	) {
 		this.canvas = canvas;
 		this.boardShape = boardShape;
 		this.callbacks = callbacks;
@@ -265,12 +263,17 @@ export class TrigoViewport {
 	}
 
 	private createPreviewStone(): void {
-		const geometry = new THREE.SphereGeometry(SIZES.STONE_RADIUS * this.gridSpacing, SIZES.STONE_SEGMENTS, SIZES.STONE_SEGMENTS);
+		const geometry = new THREE.SphereGeometry(
+			SIZES.STONE_RADIUS * this.gridSpacing,
+			SIZES.STONE_SEGMENTS,
+			SIZES.STONE_SEGMENTS
+		);
 		const material = new THREE.MeshPhongMaterial({
 			color: this.currentPlayerColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE,
 			transparent: true,
 			opacity: OPACITY.PREVIEW_STONE,
-			shininess: this.currentPlayerColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE
+			shininess:
+				this.currentPlayerColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE
 		});
 		this.previewStone = new THREE.Mesh(geometry, material);
 		this.previewStone.visible = false; // Hidden by default
@@ -280,8 +283,11 @@ export class TrigoViewport {
 	private updatePreviewStoneColor(): void {
 		if (!this.previewStone) return;
 		const material = this.previewStone.material as THREE.MeshPhongMaterial;
-		material.color.set(this.currentPlayerColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-		material.shininess = this.currentPlayerColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
+		material.color.set(
+			this.currentPlayerColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE
+		);
+		material.shininess =
+			this.currentPlayerColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
 	}
 
 	private setupFog(): void {
@@ -329,22 +335,35 @@ export class TrigoViewport {
 
 	private setupLighting(): void {
 		// Ambient light
-		const ambientLight = new THREE.AmbientLight(COLORS.AMBIENT_LIGHT, LIGHTING.AMBIENT_INTENSITY);
+		const ambientLight = new THREE.AmbientLight(
+			COLORS.AMBIENT_LIGHT,
+			LIGHTING.AMBIENT_INTENSITY
+		);
 		this.scene.add(ambientLight);
 
 		// Directional light (main)
-		const directionalLight1 = new THREE.DirectionalLight(COLORS.DIRECTIONAL_LIGHT, LIGHTING.DIRECTIONAL_MAIN_INTENSITY);
+		const directionalLight1 = new THREE.DirectionalLight(
+			COLORS.DIRECTIONAL_LIGHT,
+			LIGHTING.DIRECTIONAL_MAIN_INTENSITY
+		);
 		directionalLight1.position.set(10, 20, 10);
 		directionalLight1.castShadow = true;
 		this.scene.add(directionalLight1);
 
 		// Directional light (fill)
-		const directionalLight2 = new THREE.DirectionalLight(COLORS.DIRECTIONAL_LIGHT, LIGHTING.DIRECTIONAL_FILL_INTENSITY);
+		const directionalLight2 = new THREE.DirectionalLight(
+			COLORS.DIRECTIONAL_LIGHT,
+			LIGHTING.DIRECTIONAL_FILL_INTENSITY
+		);
 		directionalLight2.position.set(-10, -10, -10);
 		this.scene.add(directionalLight2);
 
 		// Hemisphere light for softer ambient
-		const hemisphereLight = new THREE.HemisphereLight(COLORS.HEMISPHERE_LIGHT_SKY, COLORS.HEMISPHERE_LIGHT_GROUND, LIGHTING.HEMISPHERE_INTENSITY);
+		const hemisphereLight = new THREE.HemisphereLight(
+			COLORS.HEMISPHERE_LIGHT_SKY,
+			COLORS.HEMISPHERE_LIGHT_GROUND,
+			LIGHTING.HEMISPHERE_INTENSITY
+		);
 		hemisphereLight.position.set(0, 20, 0);
 		this.scene.add(hemisphereLight);
 	}
@@ -380,16 +399,16 @@ export class TrigoViewport {
 
 		// Helper function to determine material based on border conditions
 		const getLineMaterial = (border1: boolean, border2: boolean): THREE.LineBasicMaterial => {
-			if (border1 && border2) return crestMaterial;    // Both borders -> crest
-			if (border1 || border2) return surfaceMaterial;  // One border -> surface
-			return interiorMaterial;                          // No borders -> interior
+			if (border1 && border2) return crestMaterial; // Both borders -> crest
+			if (border1 || border2) return surfaceMaterial; // One border -> surface
+			return interiorMaterial; // No borders -> interior
 		};
 
 		// X-axis lines (parallel to X)
 		for (let y = 0; y < sizeY; y++) {
 			for (let z = 0; z < sizeZ; z++) {
-				const border1 = (y === 0) || (y === sizeY - 1);
-				const border2 = (z === 0) || (z === sizeZ - 1);
+				const border1 = y === 0 || y === sizeY - 1;
+				const border2 = z === 0 || z === sizeZ - 1;
 				const material = getLineMaterial(border1, border2);
 
 				const points = [];
@@ -411,8 +430,8 @@ export class TrigoViewport {
 		// Y-axis lines (parallel to Y)
 		for (let x = 0; x < sizeX; x++) {
 			for (let z = 0; z < sizeZ; z++) {
-				const border1 = (x === 0) || (x === sizeX - 1);
-				const border2 = (z === 0) || (z === sizeZ - 1);
+				const border1 = x === 0 || x === sizeX - 1;
+				const border2 = z === 0 || z === sizeZ - 1;
 				const material = getLineMaterial(border1, border2);
 
 				const points = [];
@@ -435,8 +454,8 @@ export class TrigoViewport {
 		if (sizeZ >= 3) {
 			for (let x = 0; x < sizeX; x++) {
 				for (let y = 0; y < sizeY; y++) {
-					const border1 = (x === 0) || (x === sizeX - 1);
-					const border2 = (y === 0) || (y === sizeY - 1);
+					const border1 = x === 0 || x === sizeX - 1;
+					const border2 = y === 0 || y === sizeY - 1;
 					const material = getLineMaterial(border1, border2);
 
 					const points = [];
@@ -468,23 +487,17 @@ export class TrigoViewport {
 			const axisLength = maxOffset * 1.2;
 			const axesMaterial = [
 				new THREE.LineBasicMaterial({ color: 0xff0000 }), // X axis - red
-				new THREE.LineBasicMaterial({ color: 0x00ff00 })  // Y axis - green
+				new THREE.LineBasicMaterial({ color: 0x00ff00 }) // Y axis - green
 			];
 
 			// X axis
-			const xPoints = [
-				new THREE.Vector3(0, 0, 0),
-				new THREE.Vector3(axisLength, 0, 0)
-			];
+			const xPoints = [new THREE.Vector3(0, 0, 0), new THREE.Vector3(axisLength, 0, 0)];
 			const xGeometry = new THREE.BufferGeometry().setFromPoints(xPoints);
 			const xLine = new THREE.Line(xGeometry, axesMaterial[0]);
 			this.gridGroup.add(xLine);
 
 			// Y axis
-			const yPoints = [
-				new THREE.Vector3(0, 0, 0),
-				new THREE.Vector3(0, axisLength, 0)
-			];
+			const yPoints = [new THREE.Vector3(0, 0, 0), new THREE.Vector3(0, axisLength, 0)];
 			const yGeometry = new THREE.BufferGeometry().setFromPoints(yPoints);
 			const yLine = new THREE.Line(yGeometry, axesMaterial[1]);
 			this.gridGroup.add(yLine);
@@ -499,7 +512,11 @@ export class TrigoViewport {
 		const offsetZ = ((sizeZ - 1) * spacing) / 2;
 
 		// Create small spheres at each grid intersection
-		const pointGeometry = new THREE.SphereGeometry(SIZES.INTERSECTION_POINT_RADIUS, SIZES.POINT_SEGMENTS, SIZES.POINT_SEGMENTS);
+		const pointGeometry = new THREE.SphereGeometry(
+			SIZES.INTERSECTION_POINT_RADIUS,
+			SIZES.POINT_SEGMENTS,
+			SIZES.POINT_SEGMENTS
+		);
 
 		for (let x = 0; x < sizeX; x++) {
 			for (let y = 0; y < sizeY; y++) {
@@ -523,7 +540,6 @@ export class TrigoViewport {
 		}
 	}
 
-
 	private createJoints(): void {
 		const { x: sizeX, y: sizeY, z: sizeZ } = this.boardShape;
 		const spacing = this.gridSpacing;
@@ -544,7 +560,12 @@ export class TrigoViewport {
 
 					// Create X-axis joint (between current and next X position)
 					if (x < sizeX - 1) {
-						const geometry = new THREE.CylinderGeometry(jointRadius, jointRadius, jointLength, SIZES.JOINT_SEGMENTS);
+						const geometry = new THREE.CylinderGeometry(
+							jointRadius,
+							jointRadius,
+							jointLength,
+							SIZES.JOINT_SEGMENTS
+						);
 						const material = new THREE.MeshPhongMaterial({
 							color: COLORS.STONE_BLACK,
 							shininess: SHININESS.STONE_BLACK,
@@ -567,7 +588,12 @@ export class TrigoViewport {
 
 					// Create Y-axis joint (between current and next Y position)
 					if (y < sizeY - 1) {
-						const geometry = new THREE.CylinderGeometry(jointRadius, jointRadius, jointLength, SIZES.JOINT_SEGMENTS);
+						const geometry = new THREE.CylinderGeometry(
+							jointRadius,
+							jointRadius,
+							jointLength,
+							SIZES.JOINT_SEGMENTS
+						);
 						const material = new THREE.MeshPhongMaterial({
 							color: COLORS.STONE_BLACK,
 							shininess: SHININESS.STONE_BLACK,
@@ -590,7 +616,12 @@ export class TrigoViewport {
 
 					// Create Z-axis joint (between current and next Z position)
 					if (z < sizeZ - 1) {
-						const geometry = new THREE.CylinderGeometry(jointRadius, jointRadius, jointLength, SIZES.JOINT_SEGMENTS);
+						const geometry = new THREE.CylinderGeometry(
+							jointRadius,
+							jointRadius,
+							jointLength,
+							SIZES.JOINT_SEGMENTS
+						);
 						const material = new THREE.MeshPhongMaterial({
 							color: COLORS.STONE_BLACK,
 							shininess: SHININESS.STONE_BLACK,
@@ -617,7 +648,6 @@ export class TrigoViewport {
 		}
 	}
 
-
 	private createDomainCubes(): void {
 		const { x: sizeX, y: sizeY, z: sizeZ } = this.boardShape;
 		const spacing = this.gridSpacing;
@@ -642,7 +672,7 @@ export class TrigoViewport {
 						color: COLORS.STONE_BLACK,
 						transparent: true,
 						opacity: OPACITY.DOMAIN_BLACK,
-						depthWrite: false  // Prevent z-fighting with stones
+						depthWrite: false // Prevent z-fighting with stones
 					});
 
 					const cube = new THREE.Mesh(geometry, material);
@@ -682,7 +712,11 @@ export class TrigoViewport {
 		const offsetZ = ((this.boardShape.z - 1) * spacing) / 2;
 
 		// Create stone geometry
-		const geometry = new THREE.SphereGeometry(SIZES.STONE_RADIUS * this.gridSpacing, SIZES.STONE_SEGMENTS, SIZES.STONE_SEGMENTS);
+		const geometry = new THREE.SphereGeometry(
+			SIZES.STONE_RADIUS * this.gridSpacing,
+			SIZES.STONE_SEGMENTS,
+			SIZES.STONE_SEGMENTS
+		);
 		const material = new THREE.MeshPhongMaterial({
 			color: color === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE,
 			shininess: color === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE,
@@ -692,11 +726,7 @@ export class TrigoViewport {
 		});
 
 		const stoneMesh = new THREE.Mesh(geometry, material);
-		stoneMesh.position.set(
-			x * spacing - offsetX,
-			y * spacing - offsetY,
-			z * spacing - offsetZ
-		);
+		stoneMesh.position.set(x * spacing - offsetX, y * spacing - offsetY, z * spacing - offsetZ);
 
 		const stone: Stone = {
 			position: { x, y, z },
@@ -768,7 +798,6 @@ export class TrigoViewport {
 		return this.stones.has(this.getStoneKey(x, y, z));
 	}
 
-
 	private refreshJoints(): void {
 		const { x: sizeX, y: sizeY, z: sizeZ } = this.boardShape;
 
@@ -790,9 +819,20 @@ export class TrigoViewport {
 
 							if (nextStone && nextStone.color === centerStone.color) {
 								const material = jointNodes.X.material as THREE.MeshPhongMaterial;
-								material.color.set(centerStone.color === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-								material.shininess = centerStone.color === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-								material.specular.set(centerStone.color === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+								material.color.set(
+									centerStone.color === "black"
+										? COLORS.STONE_BLACK
+										: COLORS.STONE_WHITE
+								);
+								material.shininess =
+									centerStone.color === "black"
+										? SHININESS.STONE_BLACK
+										: SHININESS.STONE_WHITE;
+								material.specular.set(
+									centerStone.color === "black"
+										? COLORS.STONE_BLACK_SPECULAR
+										: COLORS.STONE_WHITE_SPECULAR
+								);
 								material.opacity = 1.0;
 								material.transparent = false;
 								jointNodes.X.visible = true;
@@ -812,9 +852,20 @@ export class TrigoViewport {
 
 							if (nextStone && nextStone.color === centerStone.color) {
 								const material = jointNodes.Y.material as THREE.MeshPhongMaterial;
-								material.color.set(centerStone.color === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-								material.shininess = centerStone.color === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-								material.specular.set(centerStone.color === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+								material.color.set(
+									centerStone.color === "black"
+										? COLORS.STONE_BLACK
+										: COLORS.STONE_WHITE
+								);
+								material.shininess =
+									centerStone.color === "black"
+										? SHININESS.STONE_BLACK
+										: SHININESS.STONE_WHITE;
+								material.specular.set(
+									centerStone.color === "black"
+										? COLORS.STONE_BLACK_SPECULAR
+										: COLORS.STONE_WHITE_SPECULAR
+								);
 								material.opacity = 1.0;
 								material.transparent = false;
 								jointNodes.Y.visible = true;
@@ -834,9 +885,20 @@ export class TrigoViewport {
 
 							if (nextStone && nextStone.color === centerStone.color) {
 								const material = jointNodes.Z.material as THREE.MeshPhongMaterial;
-								material.color.set(centerStone.color === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-								material.shininess = centerStone.color === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-								material.specular.set(centerStone.color === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+								material.color.set(
+									centerStone.color === "black"
+										? COLORS.STONE_BLACK
+										: COLORS.STONE_WHITE
+								);
+								material.shininess =
+									centerStone.color === "black"
+										? SHININESS.STONE_BLACK
+										: SHININESS.STONE_WHITE;
+								material.specular.set(
+									centerStone.color === "black"
+										? COLORS.STONE_BLACK_SPECULAR
+										: COLORS.STONE_WHITE_SPECULAR
+								);
 								material.opacity = 1.0;
 								material.transparent = false;
 								jointNodes.Z.visible = true;
@@ -849,7 +911,8 @@ export class TrigoViewport {
 					}
 
 					// Show preview joints if hovering over this position
-					const isHovered = this.hoveredPosition &&
+					const isHovered =
+						this.hoveredPosition &&
 						this.hoveredPosition.x === x &&
 						this.hoveredPosition.y === y &&
 						this.hoveredPosition.z === z;
@@ -857,7 +920,10 @@ export class TrigoViewport {
 					if (isHovered && this.isGameActive && !centerStone) {
 						// Preview joints connecting to adjacent stones of current player's color
 						const previewColor = this.currentPlayerColor;
-						const previewOpacity = previewColor === "black" ? OPACITY.PREVIEW_JOINT_BLACK : OPACITY.PREVIEW_JOINT_WHITE;
+						const previewOpacity =
+							previewColor === "black"
+								? OPACITY.PREVIEW_JOINT_BLACK
+								: OPACITY.PREVIEW_JOINT_WHITE;
 
 						// Check -X direction (left neighbor)
 						if (x > 0) {
@@ -866,10 +932,22 @@ export class TrigoViewport {
 							if (leftStone && leftStone.color === previewColor) {
 								const leftJointNodes = this.joints.get(leftKey);
 								if (leftJointNodes?.X) {
-									const material = leftJointNodes.X.material as THREE.MeshPhongMaterial;
-									material.color.set(previewColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-									material.shininess = previewColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-									material.specular.set(previewColor === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+									const material = leftJointNodes.X
+										.material as THREE.MeshPhongMaterial;
+									material.color.set(
+										previewColor === "black"
+											? COLORS.STONE_BLACK
+											: COLORS.STONE_WHITE
+									);
+									material.shininess =
+										previewColor === "black"
+											? SHININESS.STONE_BLACK
+											: SHININESS.STONE_WHITE;
+									material.specular.set(
+										previewColor === "black"
+											? COLORS.STONE_BLACK_SPECULAR
+											: COLORS.STONE_WHITE_SPECULAR
+									);
 									material.opacity = previewOpacity;
 									material.transparent = true;
 									leftJointNodes.X.visible = true;
@@ -884,10 +962,22 @@ export class TrigoViewport {
 							if (bottomStone && bottomStone.color === previewColor) {
 								const bottomJointNodes = this.joints.get(bottomKey);
 								if (bottomJointNodes?.Y) {
-									const material = bottomJointNodes.Y.material as THREE.MeshPhongMaterial;
-									material.color.set(previewColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-									material.shininess = previewColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-									material.specular.set(previewColor === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+									const material = bottomJointNodes.Y
+										.material as THREE.MeshPhongMaterial;
+									material.color.set(
+										previewColor === "black"
+											? COLORS.STONE_BLACK
+											: COLORS.STONE_WHITE
+									);
+									material.shininess =
+										previewColor === "black"
+											? SHININESS.STONE_BLACK
+											: SHININESS.STONE_WHITE;
+									material.specular.set(
+										previewColor === "black"
+											? COLORS.STONE_BLACK_SPECULAR
+											: COLORS.STONE_WHITE_SPECULAR
+									);
 									material.opacity = previewOpacity;
 									material.transparent = true;
 									bottomJointNodes.Y.visible = true;
@@ -902,10 +992,22 @@ export class TrigoViewport {
 							if (backStone && backStone.color === previewColor) {
 								const backJointNodes = this.joints.get(backKey);
 								if (backJointNodes?.Z) {
-									const material = backJointNodes.Z.material as THREE.MeshPhongMaterial;
-									material.color.set(previewColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-									material.shininess = previewColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-									material.specular.set(previewColor === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+									const material = backJointNodes.Z
+										.material as THREE.MeshPhongMaterial;
+									material.color.set(
+										previewColor === "black"
+											? COLORS.STONE_BLACK
+											: COLORS.STONE_WHITE
+									);
+									material.shininess =
+										previewColor === "black"
+											? SHININESS.STONE_BLACK
+											: SHININESS.STONE_WHITE;
+									material.specular.set(
+										previewColor === "black"
+											? COLORS.STONE_BLACK_SPECULAR
+											: COLORS.STONE_WHITE_SPECULAR
+									);
 									material.opacity = previewOpacity;
 									material.transparent = true;
 									backJointNodes.Z.visible = true;
@@ -919,9 +1021,20 @@ export class TrigoViewport {
 							const rightStone = this.stones.get(rightKey);
 							if (rightStone && rightStone.color === previewColor) {
 								const material = jointNodes.X.material as THREE.MeshPhongMaterial;
-								material.color.set(previewColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-								material.shininess = previewColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-								material.specular.set(previewColor === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+								material.color.set(
+									previewColor === "black"
+										? COLORS.STONE_BLACK
+										: COLORS.STONE_WHITE
+								);
+								material.shininess =
+									previewColor === "black"
+										? SHININESS.STONE_BLACK
+										: SHININESS.STONE_WHITE;
+								material.specular.set(
+									previewColor === "black"
+										? COLORS.STONE_BLACK_SPECULAR
+										: COLORS.STONE_WHITE_SPECULAR
+								);
 								material.opacity = previewOpacity;
 								material.transparent = true;
 								jointNodes.X.visible = true;
@@ -934,9 +1047,20 @@ export class TrigoViewport {
 							const topStone = this.stones.get(topKey);
 							if (topStone && topStone.color === previewColor) {
 								const material = jointNodes.Y.material as THREE.MeshPhongMaterial;
-								material.color.set(previewColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-								material.shininess = previewColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-								material.specular.set(previewColor === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+								material.color.set(
+									previewColor === "black"
+										? COLORS.STONE_BLACK
+										: COLORS.STONE_WHITE
+								);
+								material.shininess =
+									previewColor === "black"
+										? SHININESS.STONE_BLACK
+										: SHININESS.STONE_WHITE;
+								material.specular.set(
+									previewColor === "black"
+										? COLORS.STONE_BLACK_SPECULAR
+										: COLORS.STONE_WHITE_SPECULAR
+								);
 								material.opacity = previewOpacity;
 								material.transparent = true;
 								jointNodes.Y.visible = true;
@@ -949,9 +1073,20 @@ export class TrigoViewport {
 							const frontStone = this.stones.get(frontKey);
 							if (frontStone && frontStone.color === previewColor) {
 								const material = jointNodes.Z.material as THREE.MeshPhongMaterial;
-								material.color.set(previewColor === "black" ? COLORS.STONE_BLACK : COLORS.STONE_WHITE);
-								material.shininess = previewColor === "black" ? SHININESS.STONE_BLACK : SHININESS.STONE_WHITE;
-								material.specular.set(previewColor === "black" ? COLORS.STONE_BLACK_SPECULAR : COLORS.STONE_WHITE_SPECULAR);
+								material.color.set(
+									previewColor === "black"
+										? COLORS.STONE_BLACK
+										: COLORS.STONE_WHITE
+								);
+								material.shininess =
+									previewColor === "black"
+										? SHININESS.STONE_BLACK
+										: SHININESS.STONE_WHITE;
+								material.specular.set(
+									previewColor === "black"
+										? COLORS.STONE_BLACK_SPECULAR
+										: COLORS.STONE_WHITE_SPECULAR
+								);
 								material.opacity = previewOpacity;
 								material.transparent = true;
 								jointNodes.Z.visible = true;
@@ -963,7 +1098,6 @@ export class TrigoViewport {
 		}
 	}
 
-
 	public setCurrentPlayer(color: "black" | "white"): void {
 		this.currentPlayerColor = color;
 		this.updatePreviewStoneColor();
@@ -973,7 +1107,6 @@ export class TrigoViewport {
 		this.isGameActive = active;
 	}
 
-
 	public hidePreviewStone(): void {
 		if (this.previewStone) {
 			this.previewStone.visible = false;
@@ -982,11 +1115,14 @@ export class TrigoViewport {
 		this.refreshJoints();
 	}
 
-
 	public setLastPlacedStone(x: number | null, y: number | null, z: number | null): void {
 		// Clear previous stone's emissive glow
 		if (this.lastPlacedStone) {
-			const prevKey = this.getStoneKey(this.lastPlacedStone.x, this.lastPlacedStone.y, this.lastPlacedStone.z);
+			const prevKey = this.getStoneKey(
+				this.lastPlacedStone.x,
+				this.lastPlacedStone.y,
+				this.lastPlacedStone.z
+			);
 			const prevStone = this.stones.get(prevKey);
 			if (prevStone && prevStone.mesh) {
 				const prevMaterial = prevStone.mesh.material as THREE.MeshPhongMaterial;
@@ -1003,7 +1139,6 @@ export class TrigoViewport {
 		}
 	}
 
-
 	// Domain visibility methods (for territory display)
 	public setBlackDomainVisible(visible: boolean): void {
 		if (this.blackDomainVisible !== visible) {
@@ -1048,9 +1183,13 @@ export class TrigoViewport {
 		this.setWhiteDomainVisible(false);
 	}
 
-
 	public setBoardShape(shape: BoardShape): void {
-		if (shape.x === this.boardShape.x && shape.y === this.boardShape.y && shape.z === this.boardShape.z) return;
+		if (
+			shape.x === this.boardShape.x &&
+			shape.y === this.boardShape.y &&
+			shape.z === this.boardShape.z
+		)
+			return;
 
 		this.boardShape = shape;
 
@@ -1145,7 +1284,7 @@ export class TrigoViewport {
 		}
 
 		// Check if mouse is not hovering over canvas and cleanup
-		if (!this.canvas.matches(':hover')) {
+		if (!this.canvas.matches(":hover")) {
 			// Hide preview stone when mouse is outside canvas
 			if (this.previewStone) {
 				this.previewStone.visible = false;
@@ -1202,8 +1341,11 @@ export class TrigoViewport {
 
 		// Remove previous highlight
 		if (this.highlightedPoint) {
-			(this.highlightedPoint.material as THREE.MeshBasicMaterial).color.set(COLORS.POINT_DEFAULT);
-			(this.highlightedPoint.material as THREE.MeshBasicMaterial).opacity = OPACITY.POINT_DEFAULT;
+			(this.highlightedPoint.material as THREE.MeshBasicMaterial).color.set(
+				COLORS.POINT_DEFAULT
+			);
+			(this.highlightedPoint.material as THREE.MeshBasicMaterial).opacity =
+				OPACITY.POINT_DEFAULT;
 			this.highlightedPoint = null;
 		}
 
@@ -1225,7 +1367,9 @@ export class TrigoViewport {
 
 				this.highlightedPoint = point;
 				// Use green for valid/droppable, red for invalid (game inactive or violates rules)
-				const hoverColor = isDroppable ? COLORS.POINT_HOVERED : COLORS.POINT_HOVERED_DISABLED;
+				const hoverColor = isDroppable
+					? COLORS.POINT_HOVERED
+					: COLORS.POINT_HOVERED_DISABLED;
 				(point.material as THREE.MeshBasicMaterial).color.set(hoverColor);
 				(point.material as THREE.MeshBasicMaterial).opacity = OPACITY.POINT_HOVERED;
 
@@ -1338,7 +1482,7 @@ export class TrigoViewport {
 
 		// Update last placed stone highlight effect only when mouse is over canvas
 		// Using :hover pseudo-class check for better accuracy
-		if (this.canvas.matches && this.canvas.matches(':hover')) {
+		if (this.canvas.matches && this.canvas.matches(":hover")) {
 			this.updateLastStoneHighlight();
 		}
 
@@ -1358,7 +1502,9 @@ export class TrigoViewport {
 		this.lastCameraDistance = cameraDistance;
 
 		// Calculate diagonal distance of the board
-		const diagonal = Math.sqrt(this.boardShape.x ** 2 + this.boardShape.y ** 2 + this.boardShape.z ** 2);
+		const diagonal = Math.sqrt(
+			this.boardShape.x ** 2 + this.boardShape.y ** 2 + this.boardShape.z ** 2
+		);
 		const boardDiagonal = diagonal * this.gridSpacing;
 
 		// Update fog near and far based on camera distance +/- diagonal
@@ -1389,8 +1535,14 @@ export class TrigoViewport {
 			const emissiveColor = new THREE.Color(...SHINING.EMISSIVE_COLOR);
 
 			// Scale intensity based on stone color (white stones get brighter glow)
-			const baseIntensity = stone.color === "white" ? SHINING.BASE_INTENSITY_WHITE : SHINING.BASE_INTENSITY_BLACK;
-			const flickerIntensity = stone.color === "white" ? SHINING.FLICKER_INTENSITY_WHITE : SHINING.FLICKER_INTENSITY_BLACK;
+			const baseIntensity =
+				stone.color === "white"
+					? SHINING.BASE_INTENSITY_WHITE
+					: SHINING.BASE_INTENSITY_BLACK;
+			const flickerIntensity =
+				stone.color === "white"
+					? SHINING.FLICKER_INTENSITY_WHITE
+					: SHINING.FLICKER_INTENSITY_BLACK;
 			const intensity = flicker * flickerIntensity + baseIntensity;
 
 			material.emissive = emissiveColor;
@@ -1411,7 +1563,7 @@ export class TrigoViewport {
 
 		if (intersects.length > 0) {
 			// Find the position of the clicked stone
-			let clickedPosition: {x: number, y: number, z: number} | null = null;
+			let clickedPosition: { x: number; y: number; z: number } | null = null;
 
 			for (const [, stone] of this.stones.entries()) {
 				if (stone.mesh === intersects[0].object) {
@@ -1430,7 +1582,10 @@ export class TrigoViewport {
 
 				// Notify callback with group info
 				if (this.callbacks.onInspectGroup) {
-					this.callbacks.onInspectGroup(this.highlightedGroup.size, libertiesResult.count);
+					this.callbacks.onInspectGroup(
+						this.highlightedGroup.size,
+						libertiesResult.count
+					);
 				}
 			}
 		} else {
@@ -1443,7 +1598,7 @@ export class TrigoViewport {
 		}
 	}
 
-	private findConnectedGroup(startPos: {x: number, y: number, z: number}): Set<string> {
+	private findConnectedGroup(startPos: { x: number; y: number; z: number }): Set<string> {
 		const group = new Set<string>();
 		const startKey = this.getStoneKey(startPos.x, startPos.y, startPos.z);
 		const startStone = this.stones.get(startKey);
@@ -1451,7 +1606,7 @@ export class TrigoViewport {
 		if (!startStone) return group;
 
 		const color = startStone.color;
-		const queue: {x: number, y: number, z: number}[] = [startPos];
+		const queue: { x: number; y: number; z: number }[] = [startPos];
 		const visited = new Set<string>();
 
 		while (queue.length > 0) {
@@ -1468,19 +1623,24 @@ export class TrigoViewport {
 
 			// Check all 6 neighbors in 3D space
 			const neighbors = [
-				{x: pos.x + 1, y: pos.y, z: pos.z},
-				{x: pos.x - 1, y: pos.y, z: pos.z},
-				{x: pos.x, y: pos.y + 1, z: pos.z},
-				{x: pos.x, y: pos.y - 1, z: pos.z},
-				{x: pos.x, y: pos.y, z: pos.z + 1},
-				{x: pos.x, y: pos.y, z: pos.z - 1}
+				{ x: pos.x + 1, y: pos.y, z: pos.z },
+				{ x: pos.x - 1, y: pos.y, z: pos.z },
+				{ x: pos.x, y: pos.y + 1, z: pos.z },
+				{ x: pos.x, y: pos.y - 1, z: pos.z },
+				{ x: pos.x, y: pos.y, z: pos.z + 1 },
+				{ x: pos.x, y: pos.y, z: pos.z - 1 }
 			];
 
 			for (const neighbor of neighbors) {
 				// Check if neighbor is within board bounds
-				if (neighbor.x >= 0 && neighbor.x < this.boardShape.x &&
-					neighbor.y >= 0 && neighbor.y < this.boardShape.y &&
-					neighbor.z >= 0 && neighbor.z < this.boardShape.z) {
+				if (
+					neighbor.x >= 0 &&
+					neighbor.x < this.boardShape.x &&
+					neighbor.y >= 0 &&
+					neighbor.y < this.boardShape.y &&
+					neighbor.z >= 0 &&
+					neighbor.z < this.boardShape.z
+				) {
 					const neighborKey = this.getStoneKey(neighbor.x, neighbor.y, neighbor.z);
 					if (!visited.has(neighborKey)) {
 						queue.push(neighbor);
@@ -1497,24 +1657,29 @@ export class TrigoViewport {
 
 		// For each stone in the group, check its neighbors for empty positions
 		for (const key of group) {
-			const parts = key.split(',').map(Number);
-			const pos = {x: parts[0], y: parts[1], z: parts[2]};
+			const parts = key.split(",").map(Number);
+			const pos = { x: parts[0], y: parts[1], z: parts[2] };
 
 			// Check all 6 neighbors
 			const neighbors = [
-				{x: pos.x + 1, y: pos.y, z: pos.z},
-				{x: pos.x - 1, y: pos.y, z: pos.z},
-				{x: pos.x, y: pos.y + 1, z: pos.z},
-				{x: pos.x, y: pos.y - 1, z: pos.z},
-				{x: pos.x, y: pos.y, z: pos.z + 1},
-				{x: pos.x, y: pos.y, z: pos.z - 1}
+				{ x: pos.x + 1, y: pos.y, z: pos.z },
+				{ x: pos.x - 1, y: pos.y, z: pos.z },
+				{ x: pos.x, y: pos.y + 1, z: pos.z },
+				{ x: pos.x, y: pos.y - 1, z: pos.z },
+				{ x: pos.x, y: pos.y, z: pos.z + 1 },
+				{ x: pos.x, y: pos.y, z: pos.z - 1 }
 			];
 
 			for (const neighbor of neighbors) {
 				// Check if neighbor is within bounds
-				if (neighbor.x >= 0 && neighbor.x < this.boardShape.x &&
-					neighbor.y >= 0 && neighbor.y < this.boardShape.y &&
-					neighbor.z >= 0 && neighbor.z < this.boardShape.z) {
+				if (
+					neighbor.x >= 0 &&
+					neighbor.x < this.boardShape.x &&
+					neighbor.y >= 0 &&
+					neighbor.y < this.boardShape.y &&
+					neighbor.z >= 0 &&
+					neighbor.z < this.boardShape.z
+				) {
 					const neighborKey = this.getStoneKey(neighbor.x, neighbor.y, neighbor.z);
 					// If neighbor is empty (not in stones map), it's a liberty
 					if (!this.stones.has(neighborKey)) {
@@ -1527,7 +1692,6 @@ export class TrigoViewport {
 		return { count: liberties.size, positions: liberties };
 	}
 
-
 	private updateStoneOpacity(): void {
 		// Update opacity of all stones based on inspect mode
 		this.stones.forEach((stone, key) => {
@@ -1558,7 +1722,6 @@ export class TrigoViewport {
 		this.updateAirPatchVisualization();
 	}
 
-
 	private updateAirPatchVisualization(): void {
 		// Reset all intersection points to default color
 		this.intersectionPoints.children.forEach((child) => {
@@ -1591,8 +1754,10 @@ export class TrigoViewport {
 		});
 	}
 
-
-	private updateDomainCubesVisualization(blackDomain: Set<string> | null, whiteDomain: Set<string> | null): void {
+	private updateDomainCubesVisualization(
+		blackDomain: Set<string> | null,
+		whiteDomain: Set<string> | null
+	): void {
 		// Update domain cube visibility based on territory and air patch
 		this.domainCubes.forEach((cube, key) => {
 			const material = cube.material as THREE.MeshBasicMaterial;
@@ -1620,7 +1785,6 @@ export class TrigoViewport {
 		});
 	}
 
-
 	private onKeyDown(event: KeyboardEvent): void {
 		// Ctrl key (17) or Meta key (91/93) for Mac
 		if (event.ctrlKey || event.metaKey) {
@@ -1651,7 +1815,6 @@ export class TrigoViewport {
 		}
 	}
 
-
 	public destroy(): void {
 		this.isDestroyed = true;
 

trigo-web/app/src/stores/gameStore.ts

@@ -10,7 +10,6 @@ import type {
 	TerritoryResult
 } from "../../../inc/trigo";
 
-
 /**
  * Game Store State
  *
@@ -21,7 +20,6 @@ export interface GameState {
 	config: GameConfig;
 }
 
-
 /**
  * Pinia store for game state management
  *
@@ -36,7 +34,6 @@ export const useGameStore = defineStore("game", {
 		}
 	}),
 
-
 	getters: {
 		// Board state
 		board: (state): Stone[][][] => state.game.getBoard(),
@@ -67,7 +64,7 @@ export const useGameStore = defineStore("game", {
 			const counts = state.game.getCapturedCounts();
 			return {
 				black: counts.white, // Black captured white stones
-				white: counts.black  // White captured black stones
+				white: counts.black // White captured black stones
 			};
 		},
 
@@ -83,18 +80,23 @@ export const useGameStore = defineStore("game", {
 		},
 
 		// Position checks
-		isValidPosition: (state) => (x: number, y: number, z: number): boolean => {
-			return state.game.isValidPosition(x, y, z);
-		},
-		isEmpty: (state) => (x: number, y: number, z: number): boolean => {
-			return state.game.isEmpty(x, y, z);
-		},
-		getStone: (state) => (x: number, y: number, z: number): Stone => {
-			return state.game.getStoneAt(x, y, z) as Stone;
-		}
+		isValidPosition:
+			(state) =>
+			(x: number, y: number, z: number): boolean => {
+				return state.game.isValidPosition(x, y, z);
+			},
+		isEmpty:
+			(state) =>
+			(x: number, y: number, z: number): boolean => {
+				return state.game.isEmpty(x, y, z);
+			},
+		getStone:
+			(state) =>
+			(x: number, y: number, z: number): Stone => {
+				return state.game.getStoneAt(x, y, z) as Stone;
+			}
 	},
 
-
 	actions: {
 		/**
 		 * Initialize a new game
@@ -105,7 +107,6 @@ export const useGameStore = defineStore("game", {
 			this.saveToSessionStorage();
 		},
 
-
 		/**
 		 * Start the game
 		 */
@@ -114,11 +115,14 @@ export const useGameStore = defineStore("game", {
 			this.saveToSessionStorage();
 		},
 
-
 		/**
 		 * Make a move
 		 */
-		makeMove(x: number, y: number, z: number): { success: boolean; capturedPositions?: Position[] } {
+		makeMove(
+			x: number,
+			y: number,
+			z: number
+		): { success: boolean; capturedPositions?: Position[] } {
 			// Check if game is active
 			if (!this.game.isGameActive()) {
 				console.warn("Game is not active");
@@ -142,7 +146,6 @@ export const useGameStore = defineStore("game", {
 			return { success: false };
 		},
 
-
 		/**
 		 * Pass turn
 		 */
@@ -158,7 +161,6 @@ export const useGameStore = defineStore("game", {
 			return success;
 		},
 
-
 		/**
 		 * Resign/surrender
 		 */
@@ -174,7 +176,6 @@ export const useGameStore = defineStore("game", {
 			return success;
 		},
 
-
 		/**
 		 * Undo last move
 		 */
@@ -190,7 +191,6 @@ export const useGameStore = defineStore("game", {
 			return success;
 		},
 
-
 		/**
 		 * Redo next move
 		 */
@@ -206,7 +206,6 @@ export const useGameStore = defineStore("game", {
 			return success;
 		},
 
-
 		/**
 		 * Jump to specific move in history
 		 */
@@ -218,7 +217,6 @@ export const useGameStore = defineStore("game", {
 			return success;
 		},
 
-
 		/**
 		 * Reset game to initial state
 		 */
@@ -227,7 +225,6 @@ export const useGameStore = defineStore("game", {
 			this.saveToSessionStorage();
 		},
 
-
 		/**
 		 * Change board shape (only when game is idle)
 		 */
@@ -241,7 +238,6 @@ export const useGameStore = defineStore("game", {
 			return true;
 		},
 
-
 		/**
 		 * Calculate territory
 		 */
@@ -249,7 +245,6 @@ export const useGameStore = defineStore("game", {
 			return this.game.computeTerritory();
 		},
 
-
 		/**
 		 * Get neighboring positions (6 directions in 3D)
 		 */
@@ -266,7 +261,6 @@ export const useGameStore = defineStore("game", {
 			return neighbors.filter((pos) => this.isValidPosition(pos.x, pos.y, pos.z));
 		},
 
-
 		/**
 		 * Save game state to session storage
 		 */
@@ -278,7 +272,6 @@ export const useGameStore = defineStore("game", {
 			}
 		},
 
-
 		/**
 		 * Load game state from session storage
 		 */
@@ -295,7 +288,6 @@ export const useGameStore = defineStore("game", {
 			}
 		},
 
-
 		/**
 		 * Clear saved game state
 		 */

trigo-web/app/src/utils/TrigoGameFrontend.ts

@@ -18,7 +18,6 @@ import {
 	type GameResult
 } from "../../../inc/trigo";
 
-
 /**
  * TrigoGameFrontend - Extended TrigoGame with frontend-friendly interfaces
  */
@@ -35,7 +34,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.drop(makePosition(x, y, z));
 	}
 
-
 	/**
 	 * Get current player as string
 	 *
@@ -45,7 +43,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return stoneToPlayer(this.getCurrentPlayer());
 	}
 
-
 	/**
 	 * Get move history in frontend format
 	 *
@@ -55,7 +52,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return stepsToMoves(this.getHistory());
 	}
 
-
 	/**
 	 * Get stone at position, returns number format for frontend
 	 *
@@ -68,7 +64,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getStone(makePosition(x, y, z)) as number;
 	}
 
-
 	/**
 	 * Check if position is valid
 	 *
@@ -79,17 +74,9 @@ export class TrigoGameFrontend extends TrigoGame {
 	 */
 	isValidPosition(x: number, y: number, z: number): boolean {
 		const shape = this.getShape();
-		return (
-			x >= 0 &&
-			x < shape.x &&
-			y >= 0 &&
-			y < shape.y &&
-			z >= 0 &&
-			z < shape.z
-		);
+		return x >= 0 && x < shape.x && y >= 0 && y < shape.y && z >= 0 && z < shape.z;
 	}
 
-
 	/**
 	 * Check if position is empty
 	 *
@@ -105,7 +92,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getStoneAt(x, y, z) === 0;
 	}
 
-
 	/**
 	 * Check if a move is valid at position
 	 *
@@ -118,7 +104,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.isValidMove(makePosition(x, y, z));
 	}
 
-
 	/**
 	 * Get opponent player
 	 *
@@ -129,7 +114,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return current === "black" ? "white" : "black";
 	}
 
-
 	/**
 	 * Check if undo is available
 	 *
@@ -139,7 +123,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getCurrentStep() > 0;
 	}
 
-
 	/**
 	 * Undo move (convenience wrapper)
 	 *
@@ -149,7 +132,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.undo();
 	}
 
-
 	/**
 	 * Redo move (convenience wrapper)
 	 *
@@ -159,7 +141,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.redo();
 	}
 
-
 	/**
 	 * Jump to specific move in history
 	 *
@@ -170,7 +151,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.jumpToStep(index);
 	}
 
-
 	/**
 	 * Get total move count
 	 *
@@ -180,7 +160,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getCurrentStep();
 	}
 
-
 	/**
 	 * Get current move index
 	 *
@@ -190,7 +169,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getCurrentStep();
 	}
 
-
 	/**
 	 * Get board shape
 	 *
@@ -200,7 +178,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getShape();
 	}
 
-
 	/**
 	 * Initialize game with board shape
 	 *
@@ -216,7 +193,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		}
 	}
 
-
 	/**
 	 * Compute territory (convenience wrapper)
 	 *
@@ -226,7 +202,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getTerritory();
 	}
 
-
 	/**
 	 * Get game status
 	 *
@@ -236,7 +211,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getGameStatus();
 	}
 
-
 	/**
 	 * Get game result
 	 *
@@ -246,7 +220,6 @@ export class TrigoGameFrontend extends TrigoGame {
 		return this.getGameResult();
 	}
 
-
 	/**
 	 * Get consecutive pass count
 	 *

trigo-web/app/src/utils/storage.ts

@@ -0,0 +1,261 @@
+/**
+ * Frontend Storage Utility
+ *
+ * Provides a centralized API for storing and retrieving data in browser storage.
+ * Supports both sessionStorage and localStorage with type-safe operations.
+ *
+ * Features:
+ * - Type-safe storage operations
+ * - Automatic JSON serialization/deserialization
+ * - Error handling with fallback values
+ * - Namespaced keys to avoid collisions
+ * - Support for both session and local storage
+ */
+
+
+/**
+ * Storage type enum
+ */
+export enum StorageType {
+	SESSION = "session",
+	LOCAL = "local"
+}
+
+
+/**
+ * Storage keys enum - Add new keys here
+ */
+export enum StorageKey {
+	// Game state
+	GAME_STATE = "trigoGameState",
+
+	// AI settings
+	AI_PLAYER_COLOR = "trigoAIPlayerColor",
+
+	// User preferences (examples for future use)
+	// THEME = "trigoTheme",
+	// LANGUAGE = "trigoLanguage",
+	// BOARD_SHAPE = "trigoBoardShape",
+	// CAMERA_POSITION = "trigoCameraPosition",
+}
+
+
+/**
+ * Storage configuration
+ */
+interface StorageConfig {
+	type: StorageType;
+	prefix?: string; // Optional namespace prefix for all keys
+}
+
+
+/**
+ * Default configuration
+ */
+const DEFAULT_CONFIG: StorageConfig = {
+	type: StorageType.SESSION,
+	prefix: "" // No prefix by default, keys already have 'trigo' prefix
+};
+
+
+/**
+ * Get the appropriate storage instance
+ */
+function getStorage(type: StorageType): Storage {
+	return type === StorageType.SESSION ? sessionStorage : localStorage;
+}
+
+
+/**
+ * Build full storage key with optional prefix
+ */
+function buildKey(key: StorageKey, prefix?: string): string {
+	return prefix ? `${prefix}${key}` : key;
+}
+
+
+/**
+ * Storage Manager Class
+ */
+export class StorageManager {
+	private config: StorageConfig;
+
+	constructor(config: Partial<StorageConfig> = {}) {
+		this.config = { ...DEFAULT_CONFIG, ...config };
+	}
+
+	/**
+	 * Get storage instance based on configuration
+	 */
+	private getStorageInstance(): Storage {
+		return getStorage(this.config.type);
+	}
+
+	/**
+	 * Set a value in storage
+	 * @param key - Storage key
+	 * @param value - Value to store (will be JSON stringified)
+	 * @returns true if successful, false otherwise
+	 */
+	set<T>(key: StorageKey, value: T): boolean {
+		try {
+			const storage = this.getStorageInstance();
+			const fullKey = buildKey(key, this.config.prefix);
+			const serialized = JSON.stringify(value);
+			storage.setItem(fullKey, serialized);
+			return true;
+		} catch (error) {
+			console.warn(`[Storage] Failed to set ${key}:`, error);
+			return false;
+		}
+	}
+
+	/**
+	 * Get a value from storage
+	 * @param key - Storage key
+	 * @param defaultValue - Default value if key doesn't exist or parsing fails
+	 * @returns Stored value or default value
+	 */
+	get<T>(key: StorageKey, defaultValue: T): T {
+		try {
+			const storage = this.getStorageInstance();
+			const fullKey = buildKey(key, this.config.prefix);
+			const item = storage.getItem(fullKey);
+
+			if (item === null) {
+				return defaultValue;
+			}
+
+			return JSON.parse(item) as T;
+		} catch (error) {
+			console.warn(`[Storage] Failed to get ${key}:`, error);
+			return defaultValue;
+		}
+	}
+
+	/**
+	 * Get a string value directly (no JSON parsing)
+	 * Useful for simple string values
+	 */
+	getString(key: StorageKey, defaultValue: string = ""): string {
+		try {
+			const storage = this.getStorageInstance();
+			const fullKey = buildKey(key, this.config.prefix);
+			return storage.getItem(fullKey) ?? defaultValue;
+		} catch (error) {
+			console.warn(`[Storage] Failed to get string ${key}:`, error);
+			return defaultValue;
+		}
+	}
+
+	/**
+	 * Set a string value directly (no JSON stringification)
+	 * Useful for simple string values
+	 */
+	setString(key: StorageKey, value: string): boolean {
+		try {
+			const storage = this.getStorageInstance();
+			const fullKey = buildKey(key, this.config.prefix);
+			storage.setItem(fullKey, value);
+			return true;
+		} catch (error) {
+			console.warn(`[Storage] Failed to set string ${key}:`, error);
+			return false;
+		}
+	}
+
+	/**
+	 * Remove a value from storage
+	 * @param key - Storage key
+	 * @returns true if successful, false otherwise
+	 */
+	remove(key: StorageKey): boolean {
+		try {
+			const storage = this.getStorageInstance();
+			const fullKey = buildKey(key, this.config.prefix);
+			storage.removeItem(fullKey);
+			return true;
+		} catch (error) {
+			console.warn(`[Storage] Failed to remove ${key}:`, error);
+			return false;
+		}
+	}
+
+	/**
+	 * Check if a key exists in storage
+	 */
+	has(key: StorageKey): boolean {
+		try {
+			const storage = this.getStorageInstance();
+			const fullKey = buildKey(key, this.config.prefix);
+			return storage.getItem(fullKey) !== null;
+		} catch (error) {
+			console.warn(`[Storage] Failed to check ${key}:`, error);
+			return false;
+		}
+	}
+
+	/**
+	 * Clear all items from storage
+	 * WARNING: This clears ALL items in the storage, not just trigo-related ones
+	 */
+	clear(): boolean {
+		try {
+			const storage = this.getStorageInstance();
+			storage.clear();
+			return true;
+		} catch (error) {
+			console.warn("[Storage] Failed to clear storage:", error);
+			return false;
+		}
+	}
+
+	/**
+	 * Get the current storage type
+	 */
+	getStorageType(): StorageType {
+		return this.config.type;
+	}
+
+	/**
+	 * Switch storage type
+	 */
+	setStorageType(type: StorageType): void {
+		this.config.type = type;
+	}
+}
+
+
+/**
+ * Default storage manager instance (sessionStorage)
+ */
+export const storage = new StorageManager();
+
+
+/**
+ * Local storage manager instance
+ * Note: Named localStorageManager to avoid conflict with built-in localStorage
+ */
+export const localStorageManager = new StorageManager({ type: StorageType.LOCAL });
+
+
+/**
+ * Example helper functions for future use:
+ *
+ * export function saveTheme(theme: "light" | "dark"): boolean {
+ * 	return localStorageManager.setString(StorageKey.THEME, theme);
+ * }
+ *
+ * export function loadTheme(): "light" | "dark" {
+ * 	const stored = localStorageManager.getString(StorageKey.THEME);
+ * 	return stored === "dark" ? "dark" : "light";
+ * }
+ *
+ * export function saveBoardShape(shape: { x: number; y: number; z: number }): boolean {
+ * 	return storage.set(StorageKey.BOARD_SHAPE, shape);
+ * }
+ *
+ * export function loadBoardShape(): { x: number; y: number; z: number } | null {
+ * 	return storage.get(StorageKey.BOARD_SHAPE, null);
+ * }
+ */

trigo-web/app/src/views/OnnxTestView.vue

@@ -0,0 +1,511 @@
+<template>
+	<div class="onnx-test-view">
+		<div class="test-header">
+			<h1>ONNX Model Inferencer Test</h1>
+			<p class="subtitle">Testing GPT-2 Causal LM with ONNX Runtime Web</p>
+		</div>
+
+		<div class="test-body">
+			<!-- Model Status -->
+			<div class="test-section">
+				<h2>Model Status</h2>
+				<div class="status-info">
+					<div
+						class="status-item"
+						:class="{ ready: isInitialized, loading: isInitializing }"
+					>
+						<span class="status-label">Status:</span>
+						<span class="status-value">
+							{{
+								isInitialized
+									? "✓ Ready"
+									: isInitializing
+										? "⏳ Initializing..."
+										: "⚪ Not initialized"
+							}}
+						</span>
+					</div>
+					<div v-if="modelInfo" class="status-item">
+						<span class="status-label">Inputs:</span>
+						<span class="status-value">{{ modelInfo.inputs.join(", ") }}</span>
+					</div>
+					<div v-if="modelInfo" class="status-item">
+						<span class="status-label">Outputs:</span>
+						<span class="status-value">{{ modelInfo.outputs.join(", ") }}</span>
+					</div>
+					<div v-if="error" class="error-message">❌ Error: {{ error }}</div>
+				</div>
+
+				<button
+					class="btn btn-primary"
+					@click="initialize"
+					:disabled="isInitializing || isInitialized"
+				>
+					{{ isInitialized ? "Initialized" : "Initialize Model" }}
+				</button>
+			</div>
+
+			<!-- Basic Inference Test -->
+			<div class="test-section">
+				<h2>Test 1: Basic Inference</h2>
+				<p>Run a single forward pass with random input</p>
+
+				<button
+					class="btn btn-test"
+					@click="runBasicTest"
+					:disabled="!isInitialized || isRunning"
+				>
+					{{ isRunning ? "Running..." : "Run Basic Test" }}
+				</button>
+
+				<div v-if="basicTestResult" class="test-result">
+					<h3>Results:</h3>
+					<div class="result-item">
+						<span class="label">Inference Time:</span>
+						<span class="value">{{ basicTestResult.inferenceTime.toFixed(2) }}ms</span>
+					</div>
+					<div class="result-item">
+						<span class="label">Sample Tokens:</span>
+						<span class="value code"
+							>{{ basicTestResult.tokens.slice(0, 20).join(", ") }}...</span
+						>
+					</div>
+					<div class="result-item">
+						<span class="label">Sample Text:</span>
+						<span class="value code">{{ basicTestResult.text.slice(0, 100) }}...</span>
+					</div>
+				</div>
+			</div>
+
+			<!-- Text Generation Test -->
+			<div class="test-section">
+				<h2>Test 2: Text Generation</h2>
+				<p>Generate tokens autoregressively from a prompt</p>
+
+				<div class="input-group">
+					<label for="prompt">Prompt:</label>
+					<input
+						id="prompt"
+						v-model="prompt"
+						type="text"
+						placeholder="Enter prompt text..."
+						:disabled="!isInitialized"
+					/>
+				</div>
+
+				<div class="input-group">
+					<label for="numTokens">Number of Tokens:</label>
+					<input
+						id="numTokens"
+						v-model.number="numTokens"
+						type="number"
+						min="1"
+						max="50"
+						:disabled="!isInitialized"
+					/>
+				</div>
+
+				<button
+					class="btn btn-test"
+					@click="runGenerationTest"
+					:disabled="!isInitialized || isRunning || !prompt"
+				>
+					{{ isRunning ? "Generating..." : "Generate Text" }}
+				</button>
+
+				<div v-if="generationResult" class="test-result">
+					<h3>Generated Output:</h3>
+					<div class="result-item">
+						<span class="label">Avg Inference Time:</span>
+						<span class="value">{{ generationResult.inferenceTime.toFixed(2) }}ms</span>
+					</div>
+					<div class="result-item">
+						<span class="label">Tokens/sec:</span>
+						<span class="value">{{
+							(1000 / generationResult.inferenceTime).toFixed(2)
+						}}</span>
+					</div>
+					<div class="result-item full-width">
+						<span class="label">Token Sequence:</span>
+						<span class="value code">{{ generationResult.tokens.join(", ") }}</span>
+					</div>
+					<div class="result-item full-width">
+						<span class="label">Generated Text:</span>
+						<div class="generated-text">{{ generationResult.text }}</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Console Output -->
+			<div class="test-section">
+				<h2>Console Output</h2>
+				<p>Check the browser console (F12) for detailed logs</p>
+				<button class="btn btn-secondary" @click="clearConsole">Clear Console</button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref } from "vue";
+	import { OnnxInferencer, type InferenceResult } from "@/services/onnxInferencer";
+
+	// Inferencer instance
+	let inferencer: OnnxInferencer | null = null;
+
+	// State
+	const isInitializing = ref(false);
+	const isInitialized = ref(false);
+	const isRunning = ref(false);
+	const error = ref<string | null>(null);
+	const modelInfo = ref<{ inputs: string[]; outputs: string[] } | null>(null);
+
+	// Test state
+	const basicTestResult = ref<InferenceResult | null>(null);
+	const generationResult = ref<InferenceResult | null>(null);
+	const prompt = ref("[Board 5x5]");
+	const numTokens = ref(10);
+
+	/**
+	 * Initialize the inferencer
+	 */
+	const initialize = async () => {
+		isInitializing.value = true;
+		error.value = null;
+
+		try {
+			console.log("=".repeat(80));
+			console.log("Initializing ONNX Inferencer...");
+			console.log("=".repeat(80));
+
+			inferencer = new OnnxInferencer({
+				modelPath: "/onnx/GPT2CausalLM_ep0015_int8_seq2048_int8.onnx",
+				vocabSize: 259,
+				seqLen: 2048,
+				executionProviders: ["wasm"] // Use WebAssembly for compatibility
+			});
+
+			await inferencer.initialize();
+
+			modelInfo.value = inferencer.getModelInfo();
+			isInitialized.value = true;
+
+			console.log("✓ Initialization complete!");
+			console.log("=".repeat(80));
+		} catch (err) {
+			error.value = err instanceof Error ? err.message : "Unknown error";
+			console.error("Initialization failed:", err);
+		} finally {
+			isInitializing.value = false;
+		}
+	};
+
+	/**
+	 * Run basic inference test
+	 */
+	const runBasicTest = async () => {
+		if (!inferencer) return;
+
+		isRunning.value = true;
+		error.value = null;
+		basicTestResult.value = null;
+
+		try {
+			console.log("\n" + "=".repeat(80));
+			console.log("Running Basic Inference Test...");
+			console.log("=".repeat(80));
+
+			const result = await inferencer.testBasicInference();
+			basicTestResult.value = result;
+
+			console.log("✓ Basic test complete!");
+			console.log("=".repeat(80));
+		} catch (err) {
+			error.value = err instanceof Error ? err.message : "Test failed";
+			console.error("Basic test failed:", err);
+		} finally {
+			isRunning.value = false;
+		}
+	};
+
+	/**
+	 * Run text generation test
+	 */
+	const runGenerationTest = async () => {
+		if (!inferencer) return;
+
+		isRunning.value = true;
+		error.value = null;
+		generationResult.value = null;
+
+		try {
+			console.log("\n" + "=".repeat(80));
+			console.log("Running Text Generation Test...");
+			console.log("=".repeat(80));
+
+			const result = await inferencer.generateText(prompt.value, numTokens.value);
+			generationResult.value = result;
+
+			console.log("✓ Generation test complete!");
+			console.log("=".repeat(80));
+		} catch (err) {
+			error.value = err instanceof Error ? err.message : "Generation failed";
+			console.error("Generation test failed:", err);
+		} finally {
+			isRunning.value = false;
+		}
+	};
+
+	/**
+	 * Clear browser console
+	 */
+	const clearConsole = () => {
+		console.clear();
+		console.log("Console cleared");
+	};
+</script>
+
+<style lang="scss" scoped>
+	.onnx-test-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		background-color: #f5f5f5;
+		overflow: auto;
+	}
+
+	.test-header {
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		color: white;
+		padding: 2rem;
+		text-align: center;
+
+		h1 {
+			margin: 0 0 0.5rem 0;
+			font-size: 2rem;
+			font-weight: 700;
+		}
+
+		.subtitle {
+			margin: 0;
+			opacity: 0.9;
+			font-size: 1.1rem;
+		}
+	}
+
+	.test-body {
+		flex: 1;
+		padding: 2rem;
+		max-width: 1000px;
+		margin: 0 auto;
+		width: 100%;
+	}
+
+	.test-section {
+		background: white;
+		border-radius: 12px;
+		padding: 1.5rem;
+		margin-bottom: 1.5rem;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+		h2 {
+			margin: 0 0 0.5rem 0;
+			color: #333;
+			font-size: 1.3rem;
+			font-weight: 600;
+		}
+
+		p {
+			margin: 0 0 1rem 0;
+			color: #666;
+		}
+	}
+
+	.status-info {
+		background: #f8f9fa;
+		border-radius: 8px;
+		padding: 1rem;
+		margin-bottom: 1rem;
+
+		.status-item {
+			display: flex;
+			justify-content: space-between;
+			padding: 0.5rem 0;
+			border-bottom: 1px solid #e9ecef;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			&.ready {
+				.status-value {
+					color: #28a745;
+					font-weight: 600;
+				}
+			}
+
+			&.loading {
+				.status-value {
+					color: #ffc107;
+					font-weight: 600;
+				}
+			}
+
+			.status-label {
+				font-weight: 600;
+				color: #666;
+			}
+
+			.status-value {
+				color: #333;
+			}
+		}
+	}
+
+	.error-message {
+		background: #fff3cd;
+		border: 1px solid #ffeaa7;
+		border-radius: 6px;
+		padding: 0.75rem;
+		color: #856404;
+		margin-top: 1rem;
+	}
+
+	.btn {
+		padding: 0.75rem 1.5rem;
+		border: none;
+		border-radius: 8px;
+		font-weight: 600;
+		font-size: 1rem;
+		cursor: pointer;
+		transition: all 0.3s ease;
+
+		&:disabled {
+			opacity: 0.5;
+			cursor: not-allowed;
+		}
+
+		&.btn-primary {
+			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+			color: white;
+
+			&:hover:not(:disabled) {
+				transform: translateY(-2px);
+				box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+			}
+		}
+
+		&.btn-test {
+			background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+			color: white;
+
+			&:hover:not(:disabled) {
+				transform: translateY(-2px);
+				box-shadow: 0 4px 12px rgba(245, 87, 108, 0.4);
+			}
+		}
+
+		&.btn-secondary {
+			background: #6c757d;
+			color: white;
+
+			&:hover:not(:disabled) {
+				background: #5a6268;
+			}
+		}
+	}
+
+	.input-group {
+		margin-bottom: 1rem;
+
+		label {
+			display: block;
+			margin-bottom: 0.5rem;
+			font-weight: 600;
+			color: #333;
+		}
+
+		input {
+			width: 100%;
+			padding: 0.75rem;
+			border: 2px solid #e9ecef;
+			border-radius: 8px;
+			font-size: 1rem;
+			transition: border-color 0.3s ease;
+
+			&:focus {
+				outline: none;
+				border-color: #667eea;
+			}
+
+			&:disabled {
+				background-color: #f8f9fa;
+				cursor: not-allowed;
+			}
+		}
+	}
+
+	.test-result {
+		background: #f8f9fa;
+		border-radius: 8px;
+		padding: 1rem;
+		margin-top: 1rem;
+
+		h3 {
+			margin: 0 0 1rem 0;
+			color: #333;
+			font-size: 1.1rem;
+		}
+
+		.result-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: flex-start;
+			padding: 0.5rem 0;
+			border-bottom: 1px solid #e9ecef;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			&.full-width {
+				flex-direction: column;
+				gap: 0.5rem;
+			}
+
+			.label {
+				font-weight: 600;
+				color: #666;
+				min-width: 150px;
+			}
+
+			.value {
+				color: #333;
+				flex: 1;
+				text-align: right;
+
+				&.code {
+					font-family: "Courier New", monospace;
+					background: #fff;
+					padding: 0.25rem 0.5rem;
+					border-radius: 4px;
+					font-size: 0.9rem;
+					text-align: left;
+				}
+			}
+		}
+
+		.generated-text {
+			background: white;
+			border: 2px solid #e9ecef;
+			border-radius: 8px;
+			padding: 1rem;
+			font-family: "Courier New", monospace;
+			font-size: 0.95rem;
+			line-height: 1.6;
+			color: #333;
+			white-space: pre-wrap;
+			word-break: break-word;
+		}
+	}
+</style>

trigo-web/app/src/views/TrigoAgentTestView.vue

@@ -0,0 +1,711 @@
+<template>
+	<div class="agent-test-view">
+		<div class="test-header">
+			<h1>Trigo AI Agent Test</h1>
+			<p class="subtitle">Testing ONNX-based Move Generation</p>
+		</div>
+
+		<div class="test-body">
+			<!-- Agent Status -->
+			<div class="test-section">
+				<h2>Agent Status</h2>
+				<div class="status-info">
+					<div
+						class="status-item"
+						:class="{ ready: isInitialized, loading: isInitializing }"
+					>
+						<span class="status-label">Status:</span>
+						<span class="status-value">
+							{{
+								isInitialized
+									? "✓ Ready"
+									: isInitializing
+										? "⏳ Initializing..."
+										: "⚪ Not initialized"
+							}}
+						</span>
+					</div>
+					<div v-if="error" class="error-message">❌ Error: {{ error }}</div>
+				</div>
+
+				<button
+					class="btn btn-primary"
+					@click="initialize"
+					:disabled="isInitializing || isInitialized"
+				>
+					{{ isInitialized ? "Initialized" : "Initialize Agent" }}
+				</button>
+			</div>
+
+			<!-- Game State -->
+			<div class="test-section">
+				<h2>Test Game State</h2>
+				<div class="game-info">
+					<div class="info-item">
+						<span class="label">Board Shape:</span>
+						<span class="value"
+							>{{ boardShape.x }}×{{ boardShape.y }}×{{ boardShape.z }}</span
+						>
+					</div>
+					<div class="info-item">
+						<span class="label">Current Player:</span>
+						<span class="value" :class="currentPlayer">{{ currentPlayer }}</span>
+					</div>
+					<div class="info-item">
+						<span class="label">Move Count:</span>
+						<span class="value">{{ moveHistory.length }}</span>
+					</div>
+					<div class="info-item">
+						<span class="label">Valid Moves:</span>
+						<span class="value">{{ validMovesCount }}</span>
+					</div>
+				</div>
+
+				<div class="game-controls">
+					<button class="btn btn-secondary" @click="resetGame">Reset Game</button>
+					<button
+						class="btn btn-secondary"
+						@click="makeRandomMove"
+						:disabled="!gameStarted"
+					>
+						Make Random Move
+					</button>
+				</div>
+
+				<!-- Current TGN -->
+				<div class="tgn-display">
+					<h3>Current TGN:</h3>
+					<pre class="tgn-content">{{ currentTGN }}</pre>
+				</div>
+			</div>
+
+			<!-- Move Generation Test -->
+			<div class="test-section">
+				<h2>Test: Generate AI Move</h2>
+				<p>Generate the best move for the current position using the AI agent</p>
+
+				<button
+					class="btn btn-test"
+					@click="testGenerateMove"
+					:disabled="!isInitialized || isGenerating || !gameStarted"
+				>
+					{{ isGenerating ? "Generating..." : "Generate Best Move" }}
+				</button>
+
+				<div v-if="moveResult" class="test-result">
+					<h3>Generated Move:</h3>
+					<div class="result-item">
+						<span class="label">Position:</span>
+						<span class="value code">{{ moveResult.position }}</span>
+					</div>
+					<div class="result-item">
+						<span class="label">TGN Notation:</span>
+						<span class="value code">{{ moveResult.notation }}</span>
+					</div>
+					<div class="result-item">
+						<span class="label">Generation Time:</span>
+						<span class="value">{{ moveResult.time.toFixed(2) }}ms</span>
+					</div>
+					<div class="result-item">
+						<span class="label">Valid Moves Evaluated:</span>
+						<span class="value">{{ moveResult.movesEvaluated }}</span>
+					</div>
+
+					<button class="btn btn-apply" @click="applyMove">Apply Move to Board</button>
+				</div>
+			</div>
+
+			<!-- Move History -->
+			<div class="test-section">
+				<h2>Move History</h2>
+				<div class="move-history">
+					<div v-if="moveHistory.length === 0" class="empty-state">No moves yet</div>
+					<div v-else class="move-list">
+						<div
+							v-for="(move, index) in moveHistory"
+							:key="index"
+							class="move-item"
+							:class="move.player"
+						>
+							<span class="move-number">{{ index + 1 }}.</span>
+							<span class="move-player">{{ move.player }}</span>
+							<span class="move-notation">{{ move.notation }}</span>
+							<span class="move-pos">{{ move.position }}</span>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Console Output -->
+			<div class="test-section">
+				<h2>Console Output</h2>
+				<p>Check the browser console (F12) for detailed logs</p>
+				<button class="btn btn-secondary" @click="clearConsole">Clear Console</button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import "onnxruntime-web";
+
+	import { ref, computed, shallowRef } from "vue";
+	import { OnnxInferencer } from "@/services/onnxInferencer";
+	import { TrigoAgent } from "@inc/trigoAgent";
+	import { TrigoGame } from "@inc/trigo/game";
+	import type { Position } from "@inc/trigo/types";
+	import { encodeAb0yz } from "@inc/trigo/ab0yz";
+
+	// Inferencer instance
+	let inferencer: OnnxInferencer | null = null;
+
+	// Agent instance
+	let agent: TrigoAgent | null = null;
+
+	// Game instance (use shallowRef for reactivity)
+	const game = shallowRef<TrigoGame | null>(null);
+
+	// State
+	const isInitializing = ref(false);
+	const isInitialized = ref(false);
+	const isGenerating = ref(false);
+	const error = ref<string | null>(null);
+
+	// Game state
+	const boardShape = ref({ x: 5, y: 5, z: 5 });
+	const currentPlayer = ref<"black" | "white">("black");
+	const moveHistory = ref<
+		Array<{
+			player: "black" | "white";
+			notation: string;
+			position: string;
+		}>
+	>([]);
+	const gameStarted = ref(false);
+
+	// Move generation result
+	const moveResult = ref<{
+		position: string;
+		notation: string;
+		time: number;
+		movesEvaluated: number;
+		rawPosition?: Position;
+	} | null>(null);
+
+	// Computed
+	const validMovesCount = computed(() => {
+		console.log("validMovesCount:", game);
+		if (!game.value) return 0;
+		return getValidMovesCount();
+	});
+
+	const currentTGN = computed(() => {
+		if (!game.value) return "[Board 5x5] *";
+		return game.value.toTGN();
+	});
+
+	/**
+	 * Initialize the AI agent
+	 */
+	const initialize = async () => {
+		isInitializing.value = true;
+		error.value = null;
+
+		try {
+			console.log("=".repeat(80));
+			console.log("[TrigoAgentTest] Initializing AI agent...");
+			console.log("=".repeat(80));
+
+			// Create and initialize inferencer
+			inferencer = new OnnxInferencer({
+				modelPath: "/onnx/GPT2CausalLM_ep0015_int8_seq2048_int8.onnx",
+				vocabSize: 259,
+				seqLen: 2048
+			});
+
+			await inferencer.initialize();
+
+			// Create agent with inferencer
+			agent = new TrigoAgent(inferencer);
+
+			isInitialized.value = true;
+
+			// Initialize game
+			resetGame();
+
+			console.log("[TrigoAgentTest] ✓ Agent initialized successfully!");
+			console.log("=".repeat(80));
+		} catch (err) {
+			error.value = err instanceof Error ? err.message : "Unknown error";
+			console.error("[TrigoAgentTest] Initialization failed:", err);
+		} finally {
+			isInitializing.value = false;
+		}
+	};
+
+	/**
+	 * Reset the game to initial state
+	 */
+	const resetGame = () => {
+		console.log("[TrigoAgentTest] Resetting game.value...");
+
+		game.value = new TrigoGame(boardShape.value);
+		currentPlayer.value = "black";
+		moveHistory.value = [];
+		gameStarted.value = true;
+		moveResult.value = null;
+
+		console.log("[TrigoAgentTest] ✓ Game reset");
+	};
+
+	/**
+	 * Get count of valid moves (using efficient batch query)
+	 */
+	const getValidMovesCount = (): number => {
+		console.debug("getValidMovesCount:", game);
+		if (!game.value) return 0;
+		return game.value.validMovePositions().length;
+	};
+
+	/**
+	 * Make a random move (for testing, using efficient batch query)
+	 */
+	const makeRandomMove = () => {
+		if (!game.value) return;
+
+		// Get all valid moves efficiently
+		const validMoves = game.value.validMovePositions();
+
+		if (validMoves.length === 0) {
+			console.log("[TrigoAgentTest] No valid moves available");
+			return;
+		}
+
+		// Pick random move
+		const move = validMoves[Math.floor(Math.random() * validMoves.length)];
+		const shape = game.value.getShape();
+		const notation = encodeAb0yz([move.x, move.y, move.z], [shape.x, shape.y, shape.z]);
+
+		// Make move
+		game.value.drop(move);
+
+		// Record in history
+		moveHistory.value.push({
+			player: currentPlayer.value,
+			notation,
+			position: `(${move.x}, ${move.y}, ${move.z})`
+		});
+
+		// Switch player
+		currentPlayer.value = currentPlayer.value === "black" ? "white" : "black";
+
+		console.log(`[TrigoAgentTest] Random move: ${notation} at ${move.x},${move.y},${move.z}`);
+	};
+
+	/**
+	 * Test: Generate best move using AI
+	 */
+	const testGenerateMove = async () => {
+		if (!agent || !game) return;
+
+		isGenerating.value = true;
+		error.value = null;
+		moveResult.value = null;
+
+		try {
+			console.log("\n" + "=".repeat(80));
+			console.log("[TrigoAgentTest] Generating AI move...");
+			console.log(`[TrigoAgentTest] Current TGN: ${game.value.toTGN()}`);
+			console.log(`[TrigoAgentTest] Valid moves to evaluate: ${validMovesCount.value}`);
+			console.log("=".repeat(80));
+
+			const startTime = performance.now();
+			const position = await agent.selectBestMove(game.value);
+			const elapsed = performance.now() - startTime;
+
+			if (!position) {
+				error.value = "No valid moves found";
+				console.error("[TrigoAgentTest] No valid moves found");
+				return;
+			}
+
+			const notation = encodeAb0yz(
+				[position.x, position.y, position.z],
+				[boardShape.value.x, boardShape.value.y, boardShape.value.z]
+			);
+
+			moveResult.value = {
+				position: `(${position.x}, ${position.y}, ${position.z})`,
+				notation,
+				time: elapsed,
+				movesEvaluated: validMovesCount.value,
+				rawPosition: position
+			};
+
+			console.log("[TrigoAgentTest] ✓ Move generated successfully!");
+			console.log(
+				`[TrigoAgentTest] Best move: ${notation} at ${position.x},${position.y},${position.z}`
+			);
+			console.log(`[TrigoAgentTest] Generation time: ${elapsed.toFixed(2)}ms`);
+			console.log("=".repeat(80));
+		} catch (err) {
+			error.value = err instanceof Error ? err.message : "Generation failed";
+			console.error("[TrigoAgentTest] Move generation failed:", err);
+		} finally {
+			isGenerating.value = false;
+		}
+	};
+
+	/**
+	 * Apply the generated move to the board
+	 */
+	const applyMove = () => {
+		if (!moveResult.value || !moveResult.value.rawPosition || !game) return;
+
+		const pos = moveResult.value.rawPosition;
+
+		// Make move
+		game.value.drop(pos);
+
+		// Record in history
+		moveHistory.value.push({
+			player: currentPlayer.value,
+			notation: moveResult.value.notation,
+			position: moveResult.value.position
+		});
+
+		// Switch player
+		currentPlayer.value = currentPlayer.value === "black" ? "white" : "black";
+
+		// Clear result
+		moveResult.value = null;
+
+		console.log(`[TrigoAgentTest] Move applied`);
+	};
+
+	/**
+	 * Clear browser console
+	 */
+	const clearConsole = () => {
+		console.clear();
+		console.log("[TrigoAgentTest] Console cleared");
+	};
+</script>
+
+<style lang="scss" scoped>
+	.agent-test-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		background-color: #f5f5f5;
+		overflow: auto;
+	}
+
+	.test-header {
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		color: white;
+		padding: 2rem;
+		text-align: center;
+
+		h1 {
+			margin: 0 0 0.5rem 0;
+			font-size: 2rem;
+			font-weight: 700;
+		}
+
+		.subtitle {
+			margin: 0;
+			opacity: 0.9;
+			font-size: 1.1rem;
+		}
+	}
+
+	.test-body {
+		flex: 1;
+		padding: 2rem;
+		max-width: 1200px;
+		margin: 0 auto;
+		width: 100%;
+	}
+
+	.test-section {
+		background: white;
+		border-radius: 12px;
+		padding: 1.5rem;
+		margin-bottom: 1.5rem;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+		h2 {
+			margin: 0 0 0.5rem 0;
+			color: #333;
+			font-size: 1.3rem;
+			font-weight: 600;
+		}
+
+		p {
+			margin: 0 0 1rem 0;
+			color: #666;
+		}
+	}
+
+	.status-info {
+		background: #f8f9fa;
+		border-radius: 8px;
+		padding: 1rem;
+		margin-bottom: 1rem;
+
+		.status-item {
+			display: flex;
+			justify-content: space-between;
+			padding: 0.5rem 0;
+
+			&.ready .status-value {
+				color: #28a745;
+				font-weight: 600;
+			}
+
+			&.loading .status-value {
+				color: #ffc107;
+				font-weight: 600;
+			}
+
+			.status-label {
+				font-weight: 600;
+				color: #666;
+			}
+
+			.status-value {
+				color: #333;
+			}
+		}
+	}
+
+	.error-message {
+		background: #fff3cd;
+		border: 1px solid #ffeaa7;
+		border-radius: 6px;
+		padding: 0.75rem;
+		color: #856404;
+		margin-top: 1rem;
+	}
+
+	.game-info {
+		background: #f8f9fa;
+		border-radius: 8px;
+		padding: 1rem;
+		margin-bottom: 1rem;
+
+		.info-item {
+			display: flex;
+			justify-content: space-between;
+			padding: 0.5rem 0;
+			border-bottom: 1px solid #e9ecef;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			.label {
+				font-weight: 600;
+				color: #666;
+			}
+
+			.value {
+				color: #333;
+				font-weight: 500;
+
+				&.black {
+					color: #2c2c2c;
+				}
+
+				&.white {
+					color: #666;
+				}
+			}
+		}
+	}
+
+	.game-controls {
+		display: flex;
+		gap: 0.5rem;
+		margin-bottom: 1rem;
+	}
+
+	.tgn-display {
+		h3 {
+			margin: 0 0 0.5rem 0;
+			color: #333;
+			font-size: 1rem;
+		}
+
+		.tgn-content {
+			background: #2a2a2a;
+			color: #e0e0e0;
+			padding: 1rem;
+			border-radius: 8px;
+			font-family: "Courier New", monospace;
+			font-size: 0.9rem;
+			line-height: 1.6;
+			overflow-x: auto;
+			white-space: pre-wrap;
+			word-break: break-all;
+		}
+	}
+
+	.btn {
+		padding: 0.75rem 1.5rem;
+		border: none;
+		border-radius: 8px;
+		font-weight: 600;
+		font-size: 1rem;
+		cursor: pointer;
+		transition: all 0.3s ease;
+
+		&:disabled {
+			opacity: 0.5;
+			cursor: not-allowed;
+		}
+
+		&.btn-primary {
+			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+			color: white;
+
+			&:hover:not(:disabled) {
+				transform: translateY(-2px);
+				box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+			}
+		}
+
+		&.btn-test {
+			background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+			color: white;
+
+			&:hover:not(:disabled) {
+				transform: translateY(-2px);
+				box-shadow: 0 4px 12px rgba(245, 87, 108, 0.4);
+			}
+		}
+
+		&.btn-secondary {
+			background: #6c757d;
+			color: white;
+
+			&:hover:not(:disabled) {
+				background: #5a6268;
+			}
+		}
+
+		&.btn-apply {
+			background: #28a745;
+			color: white;
+			margin-top: 1rem;
+
+			&:hover:not(:disabled) {
+				background: #218838;
+				transform: translateY(-2px);
+				box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
+			}
+		}
+	}
+
+	.test-result {
+		background: #f8f9fa;
+		border-radius: 8px;
+		padding: 1rem;
+		margin-top: 1rem;
+
+		h3 {
+			margin: 0 0 1rem 0;
+			color: #333;
+			font-size: 1.1rem;
+		}
+
+		.result-item {
+			display: flex;
+			justify-content: space-between;
+			padding: 0.5rem 0;
+			border-bottom: 1px solid #e9ecef;
+
+			&:last-of-type {
+				border-bottom: none;
+			}
+
+			.label {
+				font-weight: 600;
+				color: #666;
+			}
+
+			.value {
+				color: #333;
+
+				&.code {
+					font-family: "Courier New", monospace;
+					background: #fff;
+					padding: 0.25rem 0.5rem;
+					border-radius: 4px;
+					font-size: 0.9rem;
+				}
+			}
+		}
+	}
+
+	.move-history {
+		background: #f8f9fa;
+		border-radius: 8px;
+		padding: 1rem;
+		max-height: 400px;
+		overflow-y: auto;
+
+		.empty-state {
+			text-align: center;
+			color: #999;
+			padding: 2rem;
+			font-style: italic;
+		}
+
+		.move-list {
+			display: flex;
+			flex-direction: column;
+			gap: 0.5rem;
+		}
+
+		.move-item {
+			display: grid;
+			grid-template-columns: 40px 80px 100px 1fr;
+			gap: 0.5rem;
+			padding: 0.5rem;
+			background: white;
+			border-radius: 6px;
+			border-left: 3px solid;
+
+			&.black {
+				border-color: #2c2c2c;
+			}
+
+			&.white {
+				border-color: #999;
+			}
+
+			.move-number {
+				color: #999;
+				font-weight: 600;
+			}
+
+			.move-player {
+				font-weight: 600;
+				text-transform: capitalize;
+			}
+
+			.move-notation {
+				font-family: "Courier New", monospace;
+				font-weight: 600;
+			}
+
+			.move-pos {
+				color: #666;
+				font-family: "Courier New", monospace;
+				font-size: 0.9rem;
+			}
+		}
+	}
+</style>

trigo-web/app/src/views/TrigoTreeTestView.vue

@@ -0,0 +1,1083 @@
+<template>
+	<div class="tree-test-container">
+		<h1>Tree Attention Test - Trigo AI Agent</h1>
+
+		<div class="info-section">
+			<h2>Evaluation Mode with Tree Attention</h2>
+			<p>
+				This test uses the evaluation mode ONNX model to evaluate all valid moves in
+				parallel using tree attention. Each move is an independent branch that can only see
+				the prefix and itself.
+			</p>
+		</div>
+
+		<!-- Agent Status -->
+		<div class="status-section">
+			<h3>Agent Status</h3>
+			<div class="status-grid">
+				<div class="status-item">
+					<span class="label">Model:</span>
+					<span class="value">{{ modelPath }}</span>
+				</div>
+				<div class="status-item">
+					<span class="label">Status:</span>
+					<span class="value" :class="statusClass">{{ agentStatus }}</span>
+				</div>
+				<div class="status-item">
+					<span class="label">Vocab Size:</span>
+					<span class="value">{{ vocabSize }}</span>
+				</div>
+			</div>
+			<button
+				@click="initializeAgent"
+				:disabled="isInitializing || isReady"
+				class="btn-primary"
+			>
+				{{
+					isInitializing
+						? "Initializing..."
+						: isReady
+							? "✓ Agent Ready"
+							: "Initialize Agent"
+				}}
+			</button>
+		</div>
+
+		<!-- Game Board -->
+		<div class="board-section">
+			<h3>Game Board (5×5×5)</h3>
+			<div class="board-info">
+				<div class="info-item">
+					<span class="label">Current Player:</span>
+					<span class="value">{{ currentPlayer }}</span>
+				</div>
+				<div class="info-item">
+					<span class="label">Move Count:</span>
+					<span class="value">{{ moveCount }}</span>
+				</div>
+				<div class="info-item">
+					<span class="label">Valid Moves:</span>
+					<span class="value">{{ validMovesCount }}</span>
+				</div>
+			</div>
+			<div class="board-display">
+				<pre>{{ boardDisplay }}</pre>
+			</div>
+			<button @click="resetGame" class="btn-secondary">Reset Game</button>
+		</div>
+
+		<!-- Move Generation -->
+		<div class="generation-section">
+			<h3>Tree Attention Move Generation</h3>
+			<div class="button-group">
+				<button
+					@click="generateMoves"
+					:disabled="!isReady || isGenerating"
+					class="btn-primary btn-large"
+				>
+					{{ isGenerating ? "Generating..." : "Score All Moves (Tree Attention)" }}
+				</button>
+				<button
+					@click="generateBestMove"
+					:disabled="!isReady || isGenerating"
+					class="btn-primary btn-large"
+				>
+					{{ isGenerating ? "Generating..." : "Generate & Apply Best Move" }}
+				</button>
+			</div>
+
+			<div v-if="generationTime !== null" class="timing-info">
+				<strong>Generation Time:</strong> {{ generationTime }}ms
+				<span class="timing-detail">
+					(~{{ (generationTime / validMovesCount).toFixed(1) }}ms per move)
+				</span>
+			</div>
+
+			<div v-if="bestMoveApplied" class="success-info">
+				<strong>Best Move Applied:</strong> {{ bestMoveApplied }}
+			</div>
+
+			<!-- Scored Moves Display -->
+			<div v-if="scoredMoves.length > 0" class="moves-section">
+				<h4>Scored Moves (Top 20)</h4>
+				<div class="moves-table-container">
+					<table class="moves-table">
+						<thead>
+							<tr>
+								<th>Rank</th>
+								<th>Notation</th>
+								<th>Position</th>
+								<th>Log Prob</th>
+								<th>Probability</th>
+								<th>Action</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr
+								v-for="(scoredMove, index) in topMoves"
+								:key="index"
+								:class="{ 'top-move': index === 0 }"
+							>
+								<td>{{ index + 1 }}</td>
+								<td class="notation">{{ scoredMove.notation }}</td>
+								<td class="position">{{ formatPosition(scoredMove.move) }}</td>
+								<td class="score">{{ scoredMove.score.toFixed(3) }}</td>
+								<td class="probability">
+									{{ ((scoredMove.probability ?? 0) * 100).toFixed(4) }}%
+								</td>
+								<td>
+									<button @click="applyMove(scoredMove.move)" class="btn-small">
+										Apply
+									</button>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
+
+			<!-- Error Display -->
+			<div v-if="errorMessage" class="error-section">
+				<h4>Error</h4>
+				<pre>{{ errorMessage }}</pre>
+			</div>
+		</div>
+
+		<!-- Tree Visualization -->
+		<div v-if="treeVisualization" class="visualization-section">
+			<h3>Tree Structure Visualization</h3>
+
+			<!-- Move Details -->
+			<div class="move-details">
+				<h4>Move Details</h4>
+				<div class="details-grid">
+					<div
+						v-for="(move, index) in treeVisualization.moveData"
+						:key="index"
+						class="move-detail-item"
+					>
+						<span class="move-notation">{{ move.notation }}</span>
+						<span class="move-positions"
+							>parent={{ move.parentPos }}, leaf={{ move.leafPos }}</span
+						>
+					</div>
+				</div>
+			</div>
+
+			<!-- Token Sequence -->
+			<div class="token-sequence">
+				<h4>
+					Evaluated Token Sequence ({{ treeVisualization.evaluatedIds.length }} tokens)
+				</h4>
+				<div class="tokens-display">
+					<div
+						v-for="(tokenId, index) in treeVisualization.evaluatedIds"
+						:key="index"
+						class="token-item"
+					>
+						<div class="token-pos">{{ index }}</div>
+						<div class="token-char">{{ String.fromCharCode(tokenId) }}</div>
+						<div class="token-id">{{ tokenId }}</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Attention Mask Matrix -->
+			<div class="mask-matrix">
+				<h4>
+					Attention Mask Matrix ({{ Math.sqrt(treeVisualization.mask.length) }}×{{
+						Math.sqrt(treeVisualization.mask.length)
+					}})
+				</h4>
+				<div class="matrix-container">
+					<table class="matrix-table">
+						<thead>
+							<tr>
+								<th class="corner-cell"></th>
+								<th
+									v-for="(tokenId, col) in treeVisualization.evaluatedIds"
+									:key="col"
+									class="header-cell"
+								>
+									<div class="header-content">
+										<div class="header-pos">{{ col }}</div>
+										<div class="header-char">
+											{{ String.fromCharCode(tokenId) }}
+										</div>
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="(tokenId, row) in treeVisualization.evaluatedIds" :key="row">
+								<th class="row-header">
+									<div class="row-content">
+										<div class="row-pos">{{ row }}</div>
+										<div class="row-char">
+											{{ String.fromCharCode(tokenId) }}
+										</div>
+									</div>
+								</th>
+								<td
+									v-for="col in treeVisualization.evaluatedIds.length"
+									:key="col - 1"
+									:class="getMaskCellClass(row, col - 1)"
+									:title="`[${row},${col - 1}] = ${getMaskValue(row, col - 1)}`"
+								>
+									{{ getMaskValue(row, col - 1) }}
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="matrix-legend">
+					<span class="legend-item"
+						><span class="legend-box active"></span> 1 (can attend)</span
+					>
+					<span class="legend-item"
+						><span class="legend-box inactive"></span> 0 (cannot attend)</span
+					>
+				</div>
+			</div>
+		</div>
+
+		<!-- Debug Info -->
+		<div class="debug-section">
+			<h3>Debug Information</h3>
+			<div class="debug-content">
+				<div class="debug-item">
+					<span class="label">Current TGN:</span>
+					<pre class="debug-value">{{ currentTGN }}</pre>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, computed, onMounted } from "vue";
+	import * as ort from "onnxruntime-web";
+	import { TrigoGame } from "../../../inc/trigo/game";
+	import { ModelInferencer } from "../../../inc/modelInferencer";
+	import { TrigoTreeAgent } from "../../../inc/trigoTreeAgent";
+	import type { ScoredMove } from "../../../inc/trigoTreeAgent";
+	import type { Move } from "../../../inc/trigo/types";
+
+	// Configuration
+	const modelPath = "/onnx/GPT2CausalLM_ep0015_evaluation.onnx";
+	const vocabSize = 259;
+
+	// State
+	const game = ref<TrigoGame>(new TrigoGame({ x: 5, y: 5, z: 5 }, {}));
+	const inferencer = ref<ModelInferencer | null>(null);
+	const agent = ref<TrigoTreeAgent | null>(null);
+
+	const isInitializing = ref(false);
+	const isReady = ref(false);
+	const isGenerating = ref(false);
+
+	const scoredMoves = ref<ScoredMove[]>([]);
+	const generationTime = ref<number | null>(null);
+	const errorMessage = ref<string>("");
+	const bestMoveApplied = ref<string>("");
+
+	// Tree visualization data
+	const treeVisualization = ref<{
+		evaluatedIds: number[];
+		mask: number[];
+		moveData: Array<{ notation: string; parentPos: number; leafPos: number }>;
+	} | null>(null);
+
+	// Computed properties
+	const agentStatus = computed(() => {
+		if (isReady.value) return "Ready";
+		if (isInitializing.value) return "Initializing...";
+		return "Not initialized";
+	});
+
+	const statusClass = computed(() => {
+		if (isReady.value) return "status-ready";
+		if (isInitializing.value) return "status-loading";
+		return "status-error";
+	});
+
+	const currentPlayer = computed(() => {
+		const player = game.value.getCurrentPlayer();
+		return player === 1 ? "Black" : "White";
+	});
+
+	const moveCount = computed(() => game.value.stepHistory.length);
+
+	const validMovesCount = computed(() => {
+		return game.value.validMovePositions().length + 1; // +1 for pass
+	});
+
+	const currentTGN = computed(() => game.value.toTGN());
+
+	// Compute normalized probabilities for scored moves (softmax across move dimension)
+	const movesWithProbability = computed(() => {
+		if (scoredMoves.value.length === 0) {
+			return [];
+		}
+
+		// Find max score for numerical stability
+		const maxScore = Math.max(...scoredMoves.value.map((m) => m.score));
+
+		// Compute exp(score - maxScore) for each move
+		const expScores = scoredMoves.value.map((m) => Math.exp(m.score - maxScore));
+
+		// Compute sum of exp scores
+		const sumExp = expScores.reduce((sum, exp) => sum + exp, 0);
+
+		// Return moves with normalized probabilities
+		return scoredMoves.value.map((move, i) => ({
+			...move,
+			probability: expScores[i] / sumExp
+		}));
+	});
+
+	const topMoves = computed(() => movesWithProbability.value.slice(0, 20));
+
+	const boardDisplay = computed(() => {
+		// Simple text representation of the board
+		const shape = game.value.getShape();
+		let display = `Board: ${shape.x}×${shape.y}×${shape.z}\n\n`;
+		display += `Moves played: ${moveCount.value}\n`;
+		display += `Current player: ${currentPlayer.value}\n`;
+		display += `Valid positions: ${validMovesCount.value - 1} (+ pass)\n`;
+		return display;
+	});
+
+	// Methods
+	async function initializeAgent() {
+		isInitializing.value = true;
+		errorMessage.value = "";
+
+		try {
+			console.log("Loading evaluation model:", modelPath);
+
+			// Create inference session
+			const session = await ort.InferenceSession.create(modelPath);
+			console.log("✓ Model loaded successfully");
+
+			// Create inferencer
+			const inf = new ModelInferencer(ort.Tensor as any, {
+				vocabSize,
+				seqLen: 2048,
+				modelPath
+			});
+			inf.setSession(session as any);
+			inferencer.value = inf;
+
+			// Create agent
+			agent.value = new TrigoTreeAgent(inf);
+
+			isReady.value = true;
+			console.log("✓ Agent initialized");
+		} catch (error) {
+			console.error("Failed to initialize agent:", error);
+			errorMessage.value = String(error);
+			isReady.value = false;
+		} finally {
+			isInitializing.value = false;
+		}
+	}
+
+	async function generateMoves() {
+		if (!agent.value || !isReady.value) {
+			errorMessage.value = "Agent not ready";
+			return;
+		}
+
+		isGenerating.value = true;
+		errorMessage.value = "";
+		scoredMoves.value = [];
+		generationTime.value = null;
+
+		try {
+			console.log("Generating moves with tree attention...");
+			const startTime = performance.now();
+
+			// Get all valid moves
+			const currentPlayer = game.value.getCurrentPlayer() === 1 ? "black" : "white";
+			const validPositions = game.value.validMovePositions();
+			const moves: Move[] = validPositions.map((pos) => ({
+				x: pos.x,
+				y: pos.y,
+				z: pos.z,
+				player: currentPlayer
+			}));
+			moves.push({ player: currentPlayer, isPass: true }); // Add pass
+
+			console.log(`Scoring ${moves.length} moves...`);
+
+			// Get tree structure for visualization
+			const treeStructure = agent.value.getTreeStructure(game.value, moves);
+			treeVisualization.value = {
+				evaluatedIds: treeStructure.evaluatedIds,
+				mask: treeStructure.mask,
+				moveData: treeStructure.moveData.map((m) => ({
+					notation: m.notation,
+					parentPos: m.parentPos,
+					leafPos: m.leafPos
+				}))
+			};
+
+			// Score all moves using tree attention
+			const scored = await agent.value.scoreMoves(game.value, moves);
+			const endTime = performance.now();
+
+			generationTime.value = Math.round(endTime - startTime);
+			scoredMoves.value = scored.sort((a, b) => b.score - a.score);
+
+			console.log(`✓ Scored ${scored.length} moves in ${generationTime.value}ms`);
+			console.log(
+				"Top 5 moves:",
+				movesWithProbability.value.slice(0, 5).map((m) => ({
+					notation: m.notation,
+					score: m.score.toFixed(3),
+					prob: ((m.probability ?? 0) * 100).toFixed(4) + "%"
+				}))
+			);
+		} catch (error) {
+			console.error("Failed to generate moves:", error);
+			errorMessage.value = String(error);
+		} finally {
+			isGenerating.value = false;
+		}
+	}
+
+	async function generateBestMove() {
+		if (!agent.value || !isReady.value) {
+			errorMessage.value = "Agent not ready";
+			return;
+		}
+
+		isGenerating.value = true;
+		errorMessage.value = "";
+		bestMoveApplied.value = "";
+		scoredMoves.value = [];
+		generationTime.value = null;
+
+		try {
+			console.log("Generating best move with tree attention...");
+			const startTime = performance.now();
+
+			// Use selectBestMove to get the best move
+			const bestMove = await agent.value.selectBestMove(game.value);
+			const endTime = performance.now();
+
+			generationTime.value = Math.round(endTime - startTime);
+
+			if (!bestMove) {
+				errorMessage.value = "No valid moves available";
+				return;
+			}
+
+			// Apply the best move
+			let success = false;
+			let moveNotation = "";
+			if (bestMove.isPass) {
+				success = game.value.pass();
+				moveNotation = "pass";
+			} else if (
+				bestMove.x !== undefined &&
+				bestMove.y !== undefined &&
+				bestMove.z !== undefined
+			) {
+				success = game.value.drop({ x: bestMove.x, y: bestMove.y, z: bestMove.z });
+				const shape = game.value.getShape();
+				const posArray = [bestMove.x, bestMove.y, bestMove.z];
+				const shapeArray = [shape.x, shape.y, shape.z];
+				// Import encodeAb0yz at the top if needed, or just show position
+				moveNotation = `(${bestMove.x}, ${bestMove.y}, ${bestMove.z})`;
+			}
+
+			if (success) {
+				bestMoveApplied.value = moveNotation;
+				console.log(`✓ Best move applied: ${moveNotation} in ${generationTime.value}ms`);
+			} else {
+				errorMessage.value = "Failed to apply best move";
+			}
+		} catch (error) {
+			console.error("Failed to generate best move:", error);
+			errorMessage.value = String(error);
+		} finally {
+			isGenerating.value = false;
+		}
+	}
+
+	function applyMove(move: Move) {
+		try {
+			let success = false;
+			if (move.isPass) {
+				success = game.value.pass();
+			} else if (move.x !== undefined && move.y !== undefined && move.z !== undefined) {
+				success = game.value.drop({ x: move.x, y: move.y, z: move.z });
+			}
+
+			if (success) {
+				console.log("✓ Move applied");
+				scoredMoves.value = [];
+				generationTime.value = null;
+			} else {
+				errorMessage.value = "Failed to apply move";
+			}
+		} catch (error) {
+			console.error("Error applying move:", error);
+			errorMessage.value = String(error);
+		}
+	}
+
+	function resetGame() {
+		game.value = new TrigoGame({ x: 5, y: 5, z: 5 }, {});
+		scoredMoves.value = [];
+		generationTime.value = null;
+		errorMessage.value = "";
+		bestMoveApplied.value = "";
+		console.log("✓ Game reset");
+	}
+
+	function formatPosition(move: Move): string {
+		if (move.isPass) return "Pass";
+		if (move.x !== undefined && move.y !== undefined && move.z !== undefined) {
+			return `(${move.x}, ${move.y}, ${move.z})`;
+		}
+		return "Unknown";
+	}
+
+	// Mask matrix helper functions
+	function getMaskValue(row: number, col: number): number {
+		if (!treeVisualization.value) return 0;
+		const m = treeVisualization.value.evaluatedIds.length;
+		return treeVisualization.value.mask[row * m + col];
+	}
+
+	function getMaskCellClass(row: number, col: number): string {
+		const value = getMaskValue(row, col);
+		return value === 1 ? "mask-cell mask-active" : "mask-cell mask-inactive";
+	}
+
+	// Lifecycle
+	onMounted(() => {
+		console.log("TrigoTreeTestView mounted");
+	});
+</script>
+
+<style scoped>
+	.tree-test-container {
+		max-width: 1200px;
+		margin: 0 auto;
+		padding: 2rem;
+		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+		min-height: 100vh;
+		overflow-y: auto;
+	}
+
+	h1 {
+		color: #2c3e50;
+		margin-bottom: 1rem;
+	}
+
+	h2,
+	h3,
+	h4 {
+		color: #34495e;
+		margin-top: 2rem;
+		margin-bottom: 1rem;
+	}
+
+	.info-section {
+		background: #f8f9fa;
+		padding: 1.5rem;
+		border-radius: 8px;
+		margin-bottom: 2rem;
+	}
+
+	.info-section p {
+		margin: 0;
+		line-height: 1.6;
+		color: #555;
+	}
+
+	.status-section,
+	.board-section,
+	.generation-section,
+	.debug-section {
+		background: white;
+		border: 1px solid #e1e4e8;
+		border-radius: 8px;
+		padding: 1.5rem;
+		margin-bottom: 2rem;
+	}
+
+	.status-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+		gap: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	.status-item,
+	.info-item {
+		display: flex;
+		justify-content: space-between;
+		padding: 0.5rem;
+		background: #f8f9fa;
+		border-radius: 4px;
+	}
+
+	.label {
+		font-weight: 600;
+		color: #666;
+	}
+
+	.value {
+		color: #2c3e50;
+	}
+
+	.status-ready {
+		color: #28a745;
+		font-weight: 600;
+	}
+
+	.status-loading {
+		color: #ffc107;
+		font-weight: 600;
+	}
+
+	.status-error {
+		color: #dc3545;
+		font-weight: 600;
+	}
+
+	.board-info {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		gap: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	.board-display {
+		background: #f8f9fa;
+		border: 1px solid #e1e4e8;
+		border-radius: 4px;
+		padding: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	.board-display pre {
+		margin: 0;
+		font-family: "Courier New", monospace;
+		font-size: 0.9rem;
+		color: #2c3e50;
+	}
+
+	.button-group {
+		display: flex;
+		gap: 1rem;
+		flex-wrap: wrap;
+		margin-bottom: 1rem;
+	}
+
+	.btn-primary,
+	.btn-secondary,
+	.btn-small {
+		padding: 0.75rem 1.5rem;
+		border: none;
+		border-radius: 4px;
+		font-size: 1rem;
+		font-weight: 600;
+		cursor: pointer;
+		transition: all 0.2s;
+	}
+
+	.btn-primary {
+		background: #007bff;
+		color: white;
+	}
+
+	.btn-primary:hover:not(:disabled) {
+		background: #0056b3;
+	}
+
+	.btn-primary:disabled {
+		background: #6c757d;
+		cursor: not-allowed;
+		opacity: 0.6;
+	}
+
+	.btn-secondary {
+		background: #6c757d;
+		color: white;
+	}
+
+	.btn-secondary:hover {
+		background: #545b62;
+	}
+
+	.btn-large {
+		padding: 1rem 2rem;
+		font-size: 1.1rem;
+	}
+
+	.btn-small {
+		padding: 0.25rem 0.75rem;
+		font-size: 0.875rem;
+	}
+
+	.timing-info {
+		margin-top: 1rem;
+		padding: 1rem;
+		background: #e7f5ff;
+		border-left: 4px solid #007bff;
+		border-radius: 4px;
+	}
+
+	.timing-detail {
+		color: #666;
+		font-size: 0.9rem;
+		margin-left: 0.5rem;
+	}
+
+	.success-info {
+		margin-top: 1rem;
+		padding: 1rem;
+		background: #d4edda;
+		border-left: 4px solid #28a745;
+		border-radius: 4px;
+		color: #155724;
+		font-weight: 600;
+	}
+
+	.moves-section {
+		margin-top: 2rem;
+	}
+
+	.moves-table-container {
+		overflow-x: auto;
+		margin-top: 1rem;
+	}
+
+	.moves-table {
+		width: 100%;
+		border-collapse: collapse;
+		font-size: 0.9rem;
+	}
+
+	.moves-table thead {
+		background: #f8f9fa;
+	}
+
+	.moves-table th {
+		padding: 0.75rem;
+		text-align: left;
+		font-weight: 600;
+		color: #495057;
+		border-bottom: 2px solid #dee2e6;
+	}
+
+	.moves-table td {
+		padding: 0.75rem;
+		border-bottom: 1px solid #dee2e6;
+	}
+
+	.moves-table tbody tr:hover {
+		background: #f8f9fa;
+	}
+
+	.moves-table .top-move {
+		background: #d4edda;
+		font-weight: 600;
+	}
+
+	.notation {
+		font-family: "Courier New", monospace;
+		font-weight: 600;
+		color: #007bff;
+	}
+
+	.position {
+		font-family: "Courier New", monospace;
+		color: #666;
+	}
+
+	.score {
+		font-family: "Courier New", monospace;
+		text-align: right;
+	}
+
+	.probability {
+		font-family: "Courier New", monospace;
+		text-align: right;
+		color: #28a745;
+	}
+
+	.error-section {
+		margin-top: 1rem;
+		padding: 1rem;
+		background: #f8d7da;
+		border: 1px solid #f5c6cb;
+		border-radius: 4px;
+		color: #721c24;
+	}
+
+	.error-section pre {
+		margin: 0.5rem 0 0 0;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+		font-size: 0.9rem;
+	}
+
+	.debug-section {
+		background: #f8f9fa;
+	}
+
+	.debug-content {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+	}
+
+	.debug-item {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.debug-value {
+		background: white;
+		border: 1px solid #e1e4e8;
+		border-radius: 4px;
+		padding: 1rem;
+		margin: 0;
+		font-family: "Courier New", monospace;
+		font-size: 0.85rem;
+		overflow-x: auto;
+		color: #2c3e50;
+	}
+
+	/* Tree Visualization Styles */
+	.visualization-section {
+		background: white;
+		border: 1px solid #e1e4e8;
+		border-radius: 8px;
+		padding: 1.5rem;
+		margin-bottom: 2rem;
+	}
+
+	.move-details {
+		margin-bottom: 2rem;
+	}
+
+	.details-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+		gap: 0.5rem;
+		margin-top: 1rem;
+	}
+
+	.move-detail-item {
+		display: flex;
+		flex-direction: column;
+		padding: 0.5rem;
+		background: #f8f9fa;
+		border-radius: 4px;
+		font-size: 0.85rem;
+	}
+
+	.move-notation {
+		font-family: "Courier New", monospace;
+		font-weight: 600;
+		color: #007bff;
+		font-size: 1rem;
+	}
+
+	.move-positions {
+		font-family: "Courier New", monospace;
+		color: #666;
+		font-size: 0.75rem;
+		margin-top: 0.25rem;
+	}
+
+	.token-sequence {
+		margin-bottom: 2rem;
+	}
+
+	.tokens-display {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.5rem;
+		margin-top: 1rem;
+	}
+
+	.token-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 0.5rem;
+		background: #e7f5ff;
+		border: 1px solid #007bff;
+		border-radius: 4px;
+		min-width: 50px;
+	}
+
+	.token-pos {
+		font-size: 0.7rem;
+		color: #666;
+		font-weight: 600;
+	}
+
+	.token-char {
+		font-family: "Courier New", monospace;
+		font-size: 1.2rem;
+		font-weight: 600;
+		color: #007bff;
+		margin: 0.25rem 0;
+	}
+
+	.token-id {
+		font-size: 0.7rem;
+		color: #666;
+		font-family: "Courier New", monospace;
+	}
+
+	.mask-matrix {
+		margin-top: 2rem;
+	}
+
+	.matrix-container {
+		overflow: auto;
+		margin-top: 1rem;
+		max-height: 600px;
+		border: 1px solid #e1e4e8;
+		border-radius: 4px;
+	}
+
+	.matrix-table {
+		border-collapse: collapse;
+		font-size: 0.75rem;
+		min-width: 100%;
+	}
+
+	.corner-cell {
+		background: #f8f9fa;
+		border: 1px solid #dee2e6;
+		position: sticky;
+		left: 0;
+		top: 0;
+		z-index: 3;
+	}
+
+	.header-cell {
+		background: #f8f9fa;
+		border: 1px solid #dee2e6;
+		padding: 0.5rem;
+		position: sticky;
+		top: 0;
+		z-index: 2;
+		text-align: center;
+		min-width: 40px;
+	}
+
+	.header-content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.header-pos {
+		font-size: 0.65rem;
+		color: #666;
+		font-weight: 600;
+	}
+
+	.header-char {
+		font-family: "Courier New", monospace;
+		font-size: 0.9rem;
+		font-weight: 600;
+		color: #007bff;
+		margin-top: 0.1rem;
+	}
+
+	.row-header {
+		background: #f8f9fa;
+		border: 1px solid #dee2e6;
+		padding: 0.5rem;
+		position: sticky;
+		left: 0;
+		z-index: 1;
+		text-align: center;
+		min-width: 50px;
+	}
+
+	.row-content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.row-pos {
+		font-size: 0.65rem;
+		color: #666;
+		font-weight: 600;
+	}
+
+	.row-char {
+		font-family: "Courier New", monospace;
+		font-size: 0.9rem;
+		font-weight: 600;
+		color: #007bff;
+		margin-top: 0.1rem;
+	}
+
+	.mask-cell {
+		border: 1px solid #dee2e6;
+		padding: 0.5rem;
+		text-align: center;
+		font-family: "Courier New", monospace;
+		font-weight: 600;
+		font-size: 0.8rem;
+	}
+
+	.mask-active {
+		background: #d4edda;
+		color: #155724;
+	}
+
+	.mask-inactive {
+		background: #f8f9fa;
+		color: #ccc;
+	}
+
+	.matrix-legend {
+		display: flex;
+		gap: 1.5rem;
+		margin-top: 1rem;
+		padding: 0.75rem;
+		background: #f8f9fa;
+		border-radius: 4px;
+	}
+
+	.legend-item {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		font-size: 0.85rem;
+	}
+
+	.legend-box {
+		width: 20px;
+		height: 20px;
+		border: 1px solid #dee2e6;
+		border-radius: 3px;
+	}
+
+	.legend-box.active {
+		background: #d4edda;
+	}
+
+	.legend-box.inactive {
+		background: #f8f9fa;
+	}
+</style>

trigo-web/app/src/views/TrigoView.vue

@@ -1,15 +1,67 @@
 <template>
 	<div class="trigo-view">
 		<div class="view-header">
-			<div class="logo-container" @click="handleLogoClick">
-				<img :src="logoImage" alt="Trigo Logo" class="app-logo" />
-			</div>
-			<div class="view-status">
-				<span class="turn-indicator" :class="{ black: currentPlayer === 'black', white: currentPlayer === 'white' }">
+			<!-- Single Game Mode: Current Player & Move Count -->
+			<div v-if="gameMode === 'single'" class="view-status">
+				<span
+					class="turn-indicator"
+					:class="{ black: currentPlayer === 'black', white: currentPlayer === 'white' }"
+				>
 					{{ currentPlayer === "black" ? "Black" : "White" }}'s Turn
 				</span>
 				<span class="move-count">Move: {{ moveCount }}</span>
 			</div>
+
+			<!-- VS AI Mode: Player Info & AI Status -->
+			<div v-else-if="gameMode === 'vs-ai'" class="view-status ai-mode">
+				<div class="player-info" :class="{ 'on-turn': currentPlayer === humanPlayerColor }">
+					<span class="player-label">You:</span>
+					<span
+						class="stone-icon"
+						:class="humanPlayerColor === 'black' ? 'black' : 'white'"
+					></span>
+				</div>
+				<button class="btn-swap-colors" @click="swapColors">⇄ Swap</button>
+				<div class="ai-status" :class="{ 'on-turn': currentPlayer === aiPlayerColor && !aiThinking }">
+					<span class="ai-indicator">🤖 AI:</span>
+					<span v-if="!aiReady" class="ai-level">Loading...</span>
+					<span v-else-if="aiThinking" class="ai-level ai-thinking">Thinking...</span>
+					<span v-else-if="aiError" class="ai-level ai-error">Error</span>
+					<span
+						v-else
+						class="stone-icon"
+						:class="aiPlayerColor === 'black' ? 'black' : 'white'"
+					></span>
+				</div>
+				<span class="move-count">Move: {{ moveCount }}</span>
+				<span v-if="lastMoveTime > 0" class="ai-time">({{ lastMoveTime.toFixed(0) }}ms)</span>
+			</div>
+
+			<!-- VS People Mode: Room & Players -->
+			<div v-else-if="gameMode === 'vs-people'" class="view-status people-mode">
+				<div class="room-info">
+					<span class="room-label">Room:</span>
+					<span class="room-code">ABC123</span>
+				</div>
+				<div class="players-info">
+					<span class="player-name">You (Black)</span>
+					<span class="vs-divider">vs</span>
+					<span class="player-name">Waiting...</span>
+				</div>
+				<span class="connection-status connected">🟢 Connected</span>
+			</div>
+
+			<!-- Library Mode: Game Info & Controls -->
+			<div v-else-if="gameMode === 'library'" class="view-status library-mode">
+				<div class="game-info">
+					<span class="game-title">Game #12345</span>
+					<span class="game-date">2025-01-18</span>
+				</div>
+				<div class="library-actions">
+					<button class="btn-library btn-load" title="Load Game">📂 Load</button>
+					<button class="btn-library btn-export" title="Export TGN">📤 Export</button>
+				</div>
+			</div>
 		</div>
 
 		<div class="view-body">
@@ -23,9 +75,15 @@
 					<!-- Inspect Mode Tooltip -->
 					<div class="inspect-tooltip" v-if="inspectInfo.visible">
 						<div class="tooltip-content">
-							<span class="tooltip-label">{{ inspectInfo.groupSize }} stone{{ inspectInfo.groupSize > 1 ? 's' : '' }}</span>
+							<span class="tooltip-label"
+								>{{ inspectInfo.groupSize }} stone{{
+									inspectInfo.groupSize > 1 ? "s" : ""
+								}}</span
+							>
 							<span class="tooltip-divider">|</span>
-							<span class="tooltip-label">Liberties: {{ inspectInfo.liberties }}</span>
+							<span class="tooltip-label"
+								>Liberties: {{ inspectInfo.liberties }}</span
+							>
 						</div>
 					</div>
 				</div>
@@ -34,19 +92,32 @@
 			<!-- Game Controls & Info Panel (Right) -->
 			<div class="controls-panel">
 				<!-- Score Display (Captured/Territory) -->
-				<div class="panel-section score-section" :class="{ 'show-territory': showTerritoryMode }">
-					<h3 class="section-title">{{ showTerritoryMode ? 'Territory' : 'Captured' }}</h3>
+				<div
+					class="panel-section score-section"
+					:class="{ 'show-territory': showTerritoryMode }"
+				>
+					<h3 class="section-title">
+						{{ showTerritoryMode ? "Territory" : "Captured" }}
+					</h3>
 					<div class="score-display">
 						<button class="score-button black" :disabled="!gameStarted">
 							<span class="color-indicator black-stone"></span>
-							<span class="score">{{ showTerritoryMode ? blackScore : capturedStones.black }}</span>
+							<span class="score">{{
+								showTerritoryMode ? blackScore : capturedStones.black
+							}}</span>
 						</button>
 						<button class="score-button white" :disabled="!gameStarted">
 							<span class="color-indicator white-stone"></span>
-							<span class="score">{{ showTerritoryMode ? whiteScore : capturedStones.white }}</span>
+							<span class="score">{{
+								showTerritoryMode ? whiteScore : capturedStones.white
+							}}</span>
 						</button>
 					</div>
-					<button class="compute-territory" @click="computeTerritory" :disabled="!gameStarted">
+					<button
+						class="compute-territory"
+						@click="computeTerritory"
+						:disabled="!gameStarted"
+					>
 						Compute Territory
 					</button>
 				</div>
@@ -55,7 +126,11 @@
 				<div class="panel-section routine-section">
 					<h3 class="section-title">
 						Move History
-						<button class="btn-view-tgn" @click="showTGNModal = true" title="View TGN Notation">
+						<button
+							class="btn-view-tgn"
+							@click="showTGNModal = true"
+							title="View TGN Notation"
+						>
 							TGN
 						</button>
 					</h3>
@@ -83,7 +158,9 @@
 									@click="jumpToMove(round.blackIndex)"
 								>
 									<span class="stone-icon black"></span>
-									<span class="move-coords" v-if="!round.black.isPass">{{ formatMoveCoords(round.black) }}</span>
+									<span class="move-coords" v-if="!round.black.isPass">{{
+										formatMoveCoords(round.black)
+									}}</span>
 									<span class="move-label" v-else>pass</span>
 								</div>
 								<div
@@ -93,7 +170,9 @@
 									@click="jumpToMove(round.whiteIndex)"
 								>
 									<span class="stone-icon white"></span>
-									<span class="move-coords" v-if="!round.white.isPass">{{ formatMoveCoords(round.white) }}</span>
+									<span class="move-coords" v-if="!round.white.isPass">{{
+										formatMoveCoords(round.white)
+									}}</span>
 									<span class="move-label" v-else>pass</span>
 								</div>
 								<div v-else class="move-cell empty"></div>
@@ -142,7 +221,12 @@
 						<div class="setting-item">
 							<label for="board-shape">
 								Board Shape:
-								<span v-if="isBoardShapeDirty" class="dirty-indicator" title="Board shape will change on next game">*</span>
+								<span
+									v-if="isBoardShapeDirty"
+									class="dirty-indicator"
+									title="Board shape will change on next game"
+									>*</span
+								>
 							</label>
 							<select id="board-shape" v-model="selectedBoardShape">
 								<option value="3*3*3">3×3×3</option>
@@ -193,1432 +277,1737 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, watch, computed, nextTick } from "vue";
-import { TrigoViewport } from "@/services/trigoViewport";
-import { useGameStore } from "@/stores/gameStore";
-import { storeToRefs } from "pinia";
-import type { BoardShape } from "../../../inc/trigo";
-import { Stone, validateMove, StoneType, validateTGN } from "../../../inc/trigo";
-import { TrigoGameFrontend } from "@/utils/TrigoGameFrontend";
-import { encodeAb0yz } from "../../../inc/trigo/ab0yz";
-import logoImage from "@/assets/logo.png";
-import { useSocket } from "@/composables/useSocket";
-
-// Helper functions for board shape parsing
-const parseBoardShape = (shapeStr: string): BoardShape => {
-	const parts = shapeStr.split(/[^\d]+/).filter(Boolean).map(Number);
-	return { x: parts[0] || 5, y: parts[1] || 5, z: parts[2] || 5 };
-};
-
-const printBoardShape = (shape: BoardShape): string => {
-	return `${shape.x}*${shape.y}*${shape.z}`;
-};
-
-// Format move coordinates using TGN notation
-const formatMoveCoords = (move: { x: number; y: number; z: number }): string => {
-	const shape = boardShape.value;
-	return encodeAb0yz([move.x, move.y, move.z], [shape.x, shape.y, shape.z]);
-};
-
-// Use game store
-const gameStore = useGameStore();
-const {
-	currentPlayer,
-	moveHistory,
-	currentMoveIndex,
-	capturedStones,
-	gameStatus,
-	boardShape,
-	moveCount,
-	isGameActive,
-	passCount
-} = storeToRefs(gameStore);
-
-// Local state
-const hoveredPosition = ref<string | null>(null);
-const blackScore = ref(0);
-const whiteScore = ref(0);
-const isLoading = ref(true);
-const selectedBoardShape = ref<string>(printBoardShape(boardShape.value));
-const showTerritoryMode = ref(false);
-const showTGNModal = ref(false);
-const inspectInfo = ref({
-	visible: false,
-	groupSize: 0,
-	liberties: 0
-});
-
-// TGN Editor state
-const editableTGNContent = ref<string>('');
-const tgnValidationState = ref<'idle' | 'valid' | 'invalid'>('idle');
-const tgnValidationError = ref<string>('');
-let tgnValidationTimeout: ReturnType<typeof setTimeout> | null = null;
-
-
-// Socket.io connection
-const { sendEcho, connected: socketConnected } = useSocket();
-
-
-// Canvas reference and viewport
-const viewportCanvas = ref<HTMLCanvasElement | null>(null);
-const moveHistoryContainer = ref<HTMLDivElement | null>(null);
-let viewport: TrigoViewport | null = null;
-
-// Computed properties
-const gameStarted = computed(() => isGameActive.value);
-
-// Group moves into rounds (pairs of black and white moves)
-const moveRounds = computed(() => {
-	const rounds: Array<{
-		black: any;
-		white: any | null;
-		blackIndex: number;
-		whiteIndex: number | null;
-	}> = [];
-
-	for (let i = 0; i < moveHistory.value.length; i += 2) {
-		const blackMove = moveHistory.value[i];
-		const whiteMove = moveHistory.value[i + 1] || null;
-
-		rounds.push({
-			black: blackMove,
-			white: whiteMove,
-			blackIndex: i + 1,  // Convert array index to "moves applied" count
-			whiteIndex: whiteMove ? i + 2 : null  // Convert array index to "moves applied" count
-		});
-	}
-
-	return rounds;
-});
-
-// Check if selected board shape differs from current game board shape
-const isBoardShapeDirty = computed(() => {
-	const selectedShape = parseBoardShape(selectedBoardShape.value);
-	const currentShape = boardShape.value;
-	return selectedShape.x !== currentShape.x ||
-	       selectedShape.y !== currentShape.y ||
-	       selectedShape.z !== currentShape.z;
-});
-
-// Generate TGN content
-const tgnContent = computed(() => {
-	return gameStore.game?.toTGN({
-		application: 'Trigo Demo v1.0',
-		date: new Date().toISOString().split('T')[0].replace(/-/g, '.')
-	}) || '';
-});
-
-// TGN validation computed properties
-const tgnIsValid = computed(() => tgnValidationState.value === 'valid');
-
-const tgnValidationClass = computed(() => {
-	if (tgnValidationState.value === 'idle') return 'idle';
-	if (tgnValidationState.value === 'valid') return 'valid';
-	return 'invalid';
-});
-
-const tgnValidationMessage = computed(() => {
-	if (tgnValidationState.value === 'idle') return 'Ready to validate';
-	if (tgnValidationState.value === 'valid') return '✓ Valid TGN';
-	return `✗ ${tgnValidationError.value}`;
-});
-
-// Debounced TGN validation (synchronous)
-const onTGNEdit = () => {
-	// Clear existing timeout
-	if (tgnValidationTimeout) {
-		clearTimeout(tgnValidationTimeout);
-	}
+	import { ref, onMounted, onUnmounted, watch, computed, nextTick } from "vue";
+	import { useRoute } from "vue-router";
+	import { TrigoViewport } from "@/services/trigoViewport";
+	import { useGameStore } from "@/stores/gameStore";
+	import { useTrigoAgent } from "@/composables/useTrigoAgent";
+	import { storeToRefs } from "pinia";
+	import type { BoardShape } from "../../../inc/trigo";
+	import { Stone, validateMove, StoneType, validateTGN } from "../../../inc/trigo";
+	import { TrigoGameFrontend } from "@/utils/TrigoGameFrontend";
+	import { encodeAb0yz } from "../../../inc/trigo/ab0yz";
+	import { storage, StorageKey } from "@/utils/storage";
+
+	// Get current route to determine game mode
+	const route = useRoute();
+	const gameMode = computed(() => (route.meta.mode as string) || "single");
+
+	// Helper functions for board shape parsing
+	const parseBoardShape = (shapeStr: string): BoardShape => {
+		const parts = shapeStr
+			.split(/[^\d]+/)
+			.filter(Boolean)
+			.map(Number);
+		return { x: parts[0] || 5, y: parts[1] || 5, z: parts[2] || 5 };
+	};
+
+	const printBoardShape = (shape: BoardShape): string => {
+		return `${shape.x}*${shape.y}*${shape.z}`;
+	};
+
+	// Format move coordinates using TGN notation
+	const formatMoveCoords = (move: { x: number; y: number; z: number }): string => {
+		const shape = boardShape.value;
+		return encodeAb0yz([move.x, move.y, move.z], [shape.x, shape.y, shape.z]);
+	};
+
+	// Use game store
+	const gameStore = useGameStore();
+	const {
+		currentPlayer,
+		moveHistory,
+		currentMoveIndex,
+		capturedStones,
+		gameStatus,
+		boardShape,
+		moveCount,
+		isGameActive,
+		passCount
+	} = storeToRefs(gameStore);
+
+
+	// AI Agent (for VS AI mode)
+	const aiAgent = useTrigoAgent();
+	const { isReady: aiReady, isThinking: aiThinking, error: aiError, lastMoveTime } = aiAgent;
+
+	// AI player color with session storage persistence
+	const loadAIColor = (): "black" | "white" => {
+		const stored = storage.getString(StorageKey.AI_PLAYER_COLOR);
+		return stored === "black" || stored === "white" ? stored : "white";
+	};
+
+	const aiPlayerColor = ref<"black" | "white">(loadAIColor());
+	const humanPlayerColor = computed(() => (aiPlayerColor.value === "white" ? "black" : "white"));
+
+	// Local state
+	const hoveredPosition = ref<string | null>(null);
+	const blackScore = ref(0);
+	const whiteScore = ref(0);
+	const isLoading = ref(true);
+	const selectedBoardShape = ref<string>(printBoardShape(boardShape.value));
+	const showTerritoryMode = ref(false);
+	const showTGNModal = ref(false);
+	const inspectInfo = ref({
+		visible: false,
+		groupSize: 0,
+		liberties: 0
+	});
 
-	// Set validation state to idle while waiting for debounce
-	tgnValidationState.value = 'idle';
+	// TGN Editor state
+	const editableTGNContent = ref<string>("");
+	const tgnValidationState = ref<"idle" | "valid" | "invalid">("idle");
+	const tgnValidationError = ref<string>("");
+	let tgnValidationTimeout: ReturnType<typeof setTimeout> | null = null;
+
+	// Canvas reference and viewport
+	const viewportCanvas = ref<HTMLCanvasElement | null>(null);
+	const moveHistoryContainer = ref<HTMLDivElement | null>(null);
+	let viewport: TrigoViewport | null = null;
+	let resizeObserver: ResizeObserver | null = null;
+
+	// Computed properties
+	const gameStarted = computed(() => isGameActive.value);
+
+	// Group moves into rounds (pairs of black and white moves)
+	const moveRounds = computed(() => {
+		const rounds: Array<{
+			black: any;
+			white: any | null;
+			blackIndex: number;
+			whiteIndex: number | null;
+		}> = [];
+
+		for (let i = 0; i < moveHistory.value.length; i += 2) {
+			const blackMove = moveHistory.value[i];
+			const whiteMove = moveHistory.value[i + 1] || null;
+
+			rounds.push({
+				black: blackMove,
+				white: whiteMove,
+				blackIndex: i + 1, // Convert array index to "moves applied" count
+				whiteIndex: whiteMove ? i + 2 : null // Convert array index to "moves applied" count
+			});
+		}
 
-	// Set new debounce timeout (300ms)
-	tgnValidationTimeout = setTimeout(() => {
-		const result = validateTGN(editableTGNContent.value);
+		return rounds;
+	});
 
-		if (result.valid) {
-			tgnValidationState.value = 'valid';
-			tgnValidationError.value = '';
-		} else {
-			tgnValidationState.value = 'invalid';
-			tgnValidationError.value = result.error || 'Invalid TGN format';
-		}
-	}, 300);
-};
+	// Check if selected board shape differs from current game board shape
+	const isBoardShapeDirty = computed(() => {
+		const selectedShape = parseBoardShape(selectedBoardShape.value);
+		const currentShape = boardShape.value;
+		return (
+			selectedShape.x !== currentShape.x ||
+			selectedShape.y !== currentShape.y ||
+			selectedShape.z !== currentShape.z
+		);
+	});
 
-// Apply TGN and update game state (synchronous)
-const applyTGN = () => {
-	if (!tgnIsValid.value) return;
+	// Generate TGN content
+	const tgnContent = computed(() => {
+		return (
+			gameStore.game?.toTGN({
+				application: "Trigo Demo v1.0",
+				date: new Date().toISOString().split("T")[0].replace(/-/g, ".")
+			}) || ""
+		);
+	});
 
-	try {
-		const newGame = TrigoGameFrontend.fromTGN(editableTGNContent.value);
+	// TGN validation computed properties
+	const tgnIsValid = computed(() => tgnValidationState.value === "valid");
 
-		// Update game store with the new TrigoGameFrontend instance
-		gameStore.game = newGame;
+	const tgnValidationClass = computed(() => {
+		if (tgnValidationState.value === "idle") return "idle";
+		if (tgnValidationState.value === "valid") return "valid";
+		return "invalid";
+	});
 
-		// Save to session storage
-		gameStore.saveToSessionStorage();
+	const tgnValidationMessage = computed(() => {
+		if (tgnValidationState.value === "idle") return "Ready to validate";
+		if (tgnValidationState.value === "valid") return "✓ Valid TGN";
+		return `✗ ${tgnValidationError.value}`;
+	});
 
-		// Update viewport with new board state
-		// The getters will automatically compute the new values from gameStore.game
-		if (viewport) {
-			viewport.setBoardShape(newGame.getShape());
-			syncViewportWithStore();
+	// Debounced TGN validation (synchronous)
+	const onTGNEdit = () => {
+		// Clear existing timeout
+		if (tgnValidationTimeout) {
+			clearTimeout(tgnValidationTimeout);
 		}
 
-		// Close modal
-		showTGNModal.value = false;
-	} catch (err) {
-		console.error('Failed to apply TGN:', err);
-		tgnValidationState.value = 'invalid';
-		tgnValidationError.value = err instanceof Error ? err.message : 'Failed to apply TGN';
-	}
-};
+		// Set validation state to idle while waiting for debounce
+		tgnValidationState.value = "idle";
 
-// Handle stone placement
-const handleStoneClick = (x: number, y: number, z: number) => {
-	if (!gameStarted.value)
-		return;
+		// Set new debounce timeout (300ms)
+		tgnValidationTimeout = setTimeout(() => {
+			const result = validateTGN(editableTGNContent.value);
 
-	// Make move in store
-	const result = gameStore.makeMove(x, y, z);
+			if (result.valid) {
+				tgnValidationState.value = "valid";
+				tgnValidationError.value = "";
+			} else {
+				tgnValidationState.value = "invalid";
+				tgnValidationError.value = result.error || "Invalid TGN format";
+			}
+		}, 300);
+	};
 
-	if (result.success && viewport) {
-		// Add stone to viewport (store already switched player, so use opponent)
-		const stoneColor = gameStore.opponentPlayer;
-		viewport.addStone(x, y, z, stoneColor);
+	// Apply TGN and update game state (synchronous)
+	const applyTGN = () => {
+		if (!tgnIsValid.value) return;
 
-		// Remove captured stones from viewport
-		if (result.capturedPositions && result.capturedPositions.length > 0) {
-			result.capturedPositions.forEach(pos => {
-				viewport.removeStone(pos.x, pos.y, pos.z);
-			});
-			console.log(`Captured ${result.capturedPositions.length} stone(s)`);
-		}
+		try {
+			const newGame = TrigoGameFrontend.fromTGN(editableTGNContent.value);
 
-		// Hide domain visualization and switch back to captured display after move
-		viewport.hideDomainCubes();
-		showTerritoryMode.value = false;
-	}
-};
-
-// Handle position hover
-const handlePositionHover = (x: number | null, y: number | null, z: number | null) => {
-	if (x !== null && y !== null && z !== null) {
-		hoveredPosition.value = `(${x}, ${y}, ${z})`;
-	} else {
-		hoveredPosition.value = null;
-	}
-};
-
-// Check if a position is droppable (validates with game rules)
-const isPositionDroppable = (x: number, y: number, z: number): boolean => {
-	const pos = { x, y, z };
-	const playerColor = currentPlayer.value === "black" ? StoneType.BLACK : StoneType.WHITE;
-
-	const validation = validateMove(
-		pos,
-		playerColor,
-		gameStore.board,
-		boardShape.value,
-		gameStore.lastCapturedPositions
-	);
-
-	return validation.valid;
-};
-
-// Handle inspect mode callback
-const handleInspectGroup = (groupSize: number, liberties: number) => {
-	if (groupSize > 0) {
-		inspectInfo.value = {
-			visible: true,
-			groupSize,
-			liberties
-		};
-	} else {
-		inspectInfo.value = {
-			visible: false,
-			groupSize: 0,
-			liberties: 0
-		};
-	}
-};
+			// Update game store with the new TrigoGameFrontend instance
+			gameStore.game = newGame;
 
+			// Save to session storage
+			gameStore.saveToSessionStorage();
 
-// Handle logo click - WebSocket echo test
-const handleLogoClick = async () => {
-	try {
-		console.log("[Echo Test] Sending echo request...");
-		console.log("[Echo Test] Socket connected:", socketConnected.value);
+			// Update viewport with new board state
+			// The getters will automatically compute the new values from gameStore.game
+			if (viewport) {
+				viewport.setBoardShape(newGame.getShape());
+				syncViewportWithStore();
+			}
 
-		const response = await sendEcho("Echo test from Trigo!");
-		console.log("[Echo Test] Response:", response);
-	} catch (error) {
-		console.error("[Echo Test] Error:", error);
-	}
-};
+			// Close modal
+			showTGNModal.value = false;
+		} catch (err) {
+			console.error("Failed to apply TGN:", err);
+			tgnValidationState.value = "invalid";
+			tgnValidationError.value = err instanceof Error ? err.message : "Failed to apply TGN";
+		}
+	};
 
 
-// Game control methods
-const newGame = () => {
-	// Parse selected board shape
-	const shape = parseBoardShape(selectedBoardShape.value);
+	// Generate and apply AI move
+	const generateAIMove = async () => {
+		if (!aiReady.value || aiThinking.value || !gameStarted.value) {
+			return;
+		}
 
-	// Initialize game in store
-	gameStore.initializeGame(shape);
-	gameStore.startGame();
+		try {
+			console.log("[TrigoView] Generating AI move...");
 
-	// Update viewport with new board shape
-	if (viewport) {
-		viewport.setBoardShape(shape);
-		viewport.clearBoard();
-		viewport.setGameActive(true);
+			// Get AI move - pass the game instance directly from store
+			const aiMove = await aiAgent.generateMove(gameStore.game);
 
-		// Exit territory mode if active
-		viewport.hideDomainCubes();
-	}
+			// Apply AI move if valid
+			if (aiMove) {
+				console.log(`[TrigoView] AI suggests move at (${aiMove.x}, ${aiMove.y}, ${aiMove.z})`);
 
-	// Reset scores and territory mode
-	blackScore.value = 0;
-	whiteScore.value = 0;
-	showTerritoryMode.value = false;
+				// Make move in store
+				const result = gameStore.makeMove(aiMove.x, aiMove.y, aiMove.z);
 
-	console.log(
-		`Starting new game with board shape ${shape.x}×${shape.y}×${shape.z}`
-	);
-};
+				if (result.success && viewport) {
+					// Add AI stone to viewport
+					const stoneColor = gameStore.opponentPlayer;
+					viewport.addStone(aiMove.x, aiMove.y, aiMove.z, stoneColor);
 
-const pass = () => {
-	const previousPlayer = currentPlayer.value;
-	const success = gameStore.pass();
+					// Remove captured stones
+					if (result.capturedPositions && result.capturedPositions.length > 0) {
+						result.capturedPositions.forEach((pos: any) => {
+							viewport.removeStone(pos.x, pos.y, pos.z);
+						});
+						console.log(`[TrigoView] AI captured ${result.capturedPositions.length} stone(s)`);
+					}
+
+					console.log(`[TrigoView] AI move applied successfully (${lastMoveTime.value.toFixed(0)}ms)`);
+				}
+			} else {
+				console.log("[TrigoView] AI chose to pass");
+				// Handle AI pass if needed
+			}
+		} catch (err) {
+			console.error("[TrigoView] Failed to generate AI move:", err);
+		}
+	};
 
-	if (success) {
-		// Check if game ended due to double pass
-		//if (gameStore.gameResult?.reason === "double-pass") {
-		//	showGameResult();
-		//} else {
-			console.log(`${previousPlayer} passed (Pass count: ${gameStore.passCount})`);
-		//}
-	}
-};
 
+	// Handle stone placement
+	const handleStoneClick = async (x: number, y: number, z: number) => {
+		if (!gameStarted.value) return;
 
-const resign = () => {
-	// Confirm resignation
-	const confirmed = confirm(
-		`Are you sure ${currentPlayer.value} wants to resign?\n\nThis will end the game immediately.`
-	);
+		// Make move in store
+		const result = gameStore.makeMove(x, y, z);
 
-	if (!confirmed) return;
+		if (result.success && viewport) {
+			// Add stone to viewport (store already switched player, so use opponent)
+			const stoneColor = gameStore.opponentPlayer;
+			viewport.addStone(x, y, z, stoneColor);
+
+			// Remove captured stones from viewport
+			if (result.capturedPositions && result.capturedPositions.length > 0) {
+				result.capturedPositions.forEach((pos) => {
+					viewport.removeStone(pos.x, pos.y, pos.z);
+				});
+				console.log(`Captured ${result.capturedPositions.length} stone(s)`);
+			}
 
-	//const success = gameStore.resign();
+			// Hide domain visualization and switch back to captured display after move
+			viewport.hideDomainCubes();
+			showTerritoryMode.value = false;
 
-	//if (success) {
-	//	showGameResult();
-	//}
-};
+			// VS AI mode: Generate AI move after player move if it's AI's turn
+			if (gameMode.value === "vs-ai" && aiReady.value && currentPlayer.value === aiPlayerColor.value) {
+				setTimeout(() => {
+					generateAIMove();
+				}, 100);
+			}
+		}
+	};
 
+	// Handle position hover
+	const handlePositionHover = (x: number | null, y: number | null, z: number | null) => {
+		if (x !== null && y !== null && z !== null) {
+			hoveredPosition.value = `(${x}, ${y}, ${z})`;
+		} else {
+			hoveredPosition.value = null;
+		}
+	};
+
+	// Check if a position is droppable (validates with game rules)
+	const isPositionDroppable = (x: number, y: number, z: number): boolean => {
+		const pos = { x, y, z };
+		const playerColor = currentPlayer.value === "black" ? StoneType.BLACK : StoneType.WHITE;
+
+		const validation = validateMove(
+			pos,
+			playerColor,
+			gameStore.board,
+			boardShape.value,
+			gameStore.lastCapturedPositions
+		);
+
+		return validation.valid;
+	};
+
+	// Handle inspect mode callback
+	const handleInspectGroup = (groupSize: number, liberties: number) => {
+		if (groupSize > 0) {
+			inspectInfo.value = {
+				visible: true,
+				groupSize,
+				liberties
+			};
+		} else {
+			inspectInfo.value = {
+				visible: false,
+				groupSize: 0,
+				liberties: 0
+			};
+		}
+	};
 
-const showGameResult = () => {
-	const result = gameStore.gameResult;
-	if (!result) return;
 
-	// Don't set game as inactive - allow continued analysis
-	// if (viewport) {
-	// 	viewport.setGameActive(false);
-	// }
+	// Swap AI player color
+	const swapColors = () => {
+		// Swap the color
+		aiPlayerColor.value = aiPlayerColor.value === "white" ? "black" : "white";
 
-	let message = "";
-	if (result.reason === "resignation") {
-		message = `${result.winner === "black" ? "Black" : "White"} wins by resignation!\n\nGame continues for analysis.`;
-	} else if (result.reason === "double-pass") {
-		// Calculate final scores for double pass
-		const territory = gameStore.computeTerritory();
-		const blackTotal = territory.black + capturedStones.value.black;
-		const whiteTotal = territory.white + capturedStones.value.white;
+		// Save to storage
+		storage.setString(StorageKey.AI_PLAYER_COLOR, aiPlayerColor.value);
 
-		blackScore.value = blackTotal;
-		whiteScore.value = whiteTotal;
+		console.log(`[TrigoView] AI color swapped to: ${aiPlayerColor.value}`);
 
-		if (blackTotal > whiteTotal) {
-			message = `Black wins by ${blackTotal - whiteTotal} points!\n\nBlack: ${blackTotal} points\nWhite: ${whiteTotal} points\n\nGame continues for analysis.`;
-		} else if (whiteTotal > blackTotal) {
-			message = `White wins by ${whiteTotal - blackTotal} points!\n\nWhite: ${whiteTotal} points\nBlack: ${blackTotal} points\n\nGame continues for analysis.`;
-		} else {
-			message = `Game is a draw!\n\nBoth players: ${blackTotal} points\n\nGame continues for analysis.`;
+		// If game is started and it's now AI's turn, trigger AI move immediately
+		if (gameStarted.value && aiReady.value && currentPlayer.value === aiPlayerColor.value) {
+			setTimeout(() => {
+				generateAIMove();
+			}, 100);
 		}
-	}
+	};
 
-	setTimeout(() => {
-		alert(message);
-	}, 100);
-};
 
+	// Game control methods
+	const newGame = () => {
+		// Parse selected board shape
+		const shape = parseBoardShape(selectedBoardShape.value);
 
-const computeTerritory = () => {
-	if (!gameStarted.value) return;
+		// Initialize game in store
+		gameStore.initializeGame(shape);
+		gameStore.startGame();
 
-	// Toggle territory mode
-	if (showTerritoryMode.value) {
-		// Exit territory mode
+		// Update viewport with new board shape
 		if (viewport) {
+			viewport.setBoardShape(shape);
+			viewport.clearBoard();
+			viewport.setGameActive(true);
+
+			// Exit territory mode if active
 			viewport.hideDomainCubes();
 		}
-		showTerritoryMode.value = false;
-		// Reset scores to captured stones count
+
+		// Reset scores and territory mode
 		blackScore.value = 0;
 		whiteScore.value = 0;
-		return;
-	}
+		showTerritoryMode.value = false;
 
-	// Enter territory mode - Use store's territory calculation
-	const territory = gameStore.computeTerritory();
-	blackScore.value = territory.black + capturedStones.value.black;
-	whiteScore.value = territory.white + capturedStones.value.white;
+		console.log(`Starting new game with board shape ${shape.x}×${shape.y}×${shape.z}`);
 
-	// Switch to territory display mode
-	showTerritoryMode.value = true;
+		// VS AI mode: If AI plays black, generate first move
+		if (gameMode.value === "vs-ai" && aiPlayerColor.value === "black" && aiReady.value) {
+			setTimeout(() => {
+				generateAIMove();
+			}, 100);
+		}
+	};
 
-	// Convert territory arrays to Sets of position keys for viewport
-	if (viewport) {
-		const blackDomain = new Set<string>();
-		const whiteDomain = new Set<string>();
+	const pass = () => {
+		const previousPlayer = currentPlayer.value;
+		const success = gameStore.pass();
 
-		// Use the calculated territory positions from the territory result
-		territory.blackTerritory.forEach(pos => {
-			const key = `${pos.x},${pos.y},${pos.z}`;
-			blackDomain.add(key);
-		});
+		if (success) {
+			// Check if game ended due to double pass
+			//if (gameStore.gameResult?.reason === "double-pass") {
+			//	showGameResult();
+			//} else {
+			console.log(`${previousPlayer} passed (Pass count: ${gameStore.passCount})`);
+			//}
+		}
+	};
 
-		territory.whiteTerritory.forEach(pos => {
-			const key = `${pos.x},${pos.y},${pos.z}`;
-			whiteDomain.add(key);
-		});
+	const resign = () => {
+		// Confirm resignation
+		const confirmed = confirm(
+			`Are you sure ${currentPlayer.value} wants to resign?\n\nThis will end the game immediately.`
+		);
 
-		// Set domain data and show both domains
-		viewport.setDomainData(blackDomain, whiteDomain);
-		viewport.setBlackDomainVisible(true);
-		viewport.setWhiteDomainVisible(true);
-	}
+		if (!confirmed) return;
 
-	console.log("Territory computed:", territory);
-};
+		//const success = gameStore.resign();
 
-const previousMove = () => {
-	const success = gameStore.undoMove();
+		//if (success) {
+		//	showGameResult();
+		//}
+	};
+
+	const showGameResult = () => {
+		const result = gameStore.gameResult;
+		if (!result) return;
+
+		// Don't set game as inactive - allow continued analysis
+		// if (viewport) {
+		// 	viewport.setGameActive(false);
+		// }
+
+		let message = "";
+		if (result.reason === "resignation") {
+			message = `${result.winner === "black" ? "Black" : "White"} wins by resignation!\n\nGame continues for analysis.`;
+		} else if (result.reason === "double-pass") {
+			// Calculate final scores for double pass
+			const territory = gameStore.computeTerritory();
+			const blackTotal = territory.black + capturedStones.value.black;
+			const whiteTotal = territory.white + capturedStones.value.white;
+
+			blackScore.value = blackTotal;
+			whiteScore.value = whiteTotal;
+
+			if (blackTotal > whiteTotal) {
+				message = `Black wins by ${blackTotal - whiteTotal} points!\n\nBlack: ${blackTotal} points\nWhite: ${whiteTotal} points\n\nGame continues for analysis.`;
+			} else if (whiteTotal > blackTotal) {
+				message = `White wins by ${whiteTotal - blackTotal} points!\n\nWhite: ${whiteTotal} points\nBlack: ${blackTotal} points\n\nGame continues for analysis.`;
+			} else {
+				message = `Game is a draw!\n\nBoth players: ${blackTotal} points\n\nGame continues for analysis.`;
+			}
+		}
 
-	if (success && viewport) {
-		// Rebuild viewport from current board state
-		syncViewportWithStore();
-	}
-};
+		setTimeout(() => {
+			alert(message);
+		}, 100);
+	};
 
-const nextMove = () => {
-	const success = gameStore.redoMove();
+	const computeTerritory = () => {
+		if (!gameStarted.value) return;
 
-	if (success && viewport) {
-		// Rebuild viewport from current board state
-		syncViewportWithStore();
-	}
-};
+		// Toggle territory mode
+		if (showTerritoryMode.value) {
+			// Exit territory mode
+			if (viewport) {
+				viewport.hideDomainCubes();
+			}
+			showTerritoryMode.value = false;
+			// Reset scores to captured stones count
+			blackScore.value = 0;
+			whiteScore.value = 0;
+			return;
+		}
 
-const jumpToMove = (index: number) => {
-	const success = gameStore.jumpToMove(index);
+		// Enter territory mode - Use store's territory calculation
+		const territory = gameStore.computeTerritory();
+		blackScore.value = territory.black + capturedStones.value.black;
+		whiteScore.value = territory.white + capturedStones.value.white;
 
-	if (success && viewport) {
-		// Rebuild viewport from current board state
-		syncViewportWithStore();
+		// Switch to territory display mode
+		showTerritoryMode.value = true;
 
-		// Exit territory mode when navigating move history
-		viewport.hideDomainCubes();
-		showTerritoryMode.value = false;
-		// Reset scores to 0 when exiting territory mode
-		blackScore.value = 0;
-		whiteScore.value = 0;
-	}
-};
-
-// Sync viewport with store's board state
-const syncViewportWithStore = () => {
-	if (!viewport) return;
-
-	// Clear viewport
-	viewport.clearBoard();
-
-	// Read the actual board state from the store (which has captures applied)
-	const board = gameStore.board;
-	const shape = boardShape.value;
-
-	// Add all stones that exist on the board
-	for (let x = 0; x < shape.x; x++) {
-		for (let y = 0; y < shape.y; y++) {
-			for (let z = 0; z < shape.z; z++) {
-				const stone = board[x][y][z];
-				if (stone === Stone.Black) {
-					viewport.addStone(x, y, z, "black");
-				} else if (stone === Stone.White) {
-					viewport.addStone(x, y, z, "white");
-				}
-			}
+		// Convert territory arrays to Sets of position keys for viewport
+		if (viewport) {
+			const blackDomain = new Set<string>();
+			const whiteDomain = new Set<string>();
+
+			// Use the calculated territory positions from the territory result
+			territory.blackTerritory.forEach((pos) => {
+				const key = `${pos.x},${pos.y},${pos.z}`;
+				blackDomain.add(key);
+			});
+
+			territory.whiteTerritory.forEach((pos) => {
+				const key = `${pos.x},${pos.y},${pos.z}`;
+				whiteDomain.add(key);
+			});
+
+			// Set domain data and show both domains
+			viewport.setDomainData(blackDomain, whiteDomain);
+			viewport.setBlackDomainVisible(true);
+			viewport.setWhiteDomainVisible(true);
 		}
-	}
 
-	// Set the last placed stone highlight based on current move index
-	// currentMoveIndex represents the number of moves applied (not array index)
-	// So the last applied move is at array index (currentMoveIndex - 1)
-	if (currentMoveIndex.value > 0 && currentMoveIndex.value <= moveHistory.value.length) {
-		const lastMove = moveHistory.value[currentMoveIndex.value - 1];
-		viewport.setLastPlacedStone(lastMove.x, lastMove.y, lastMove.z);
-	} else {
-		// No moves applied or at START position
-		viewport.setLastPlacedStone(null, null, null);
-	}
-};
+		console.log("Territory computed:", territory);
+	};
 
-// Watch for current player changes to update viewport preview
-watch(currentPlayer, (newPlayer) => {
-	if (viewport) {
-		viewport.setCurrentPlayer(newPlayer);
-	}
-});
-
-// Watch currentMoveIndex to auto-scroll move history to keep current move visible
-watch(currentMoveIndex, () => {
-	// Use nextTick to ensure DOM is updated before scrolling
-	nextTick(() => {
-		if (moveHistoryContainer.value) {
-			// Find the active move element
-			const activeElement = moveHistoryContainer.value.querySelector('.active');
-			if (activeElement) {
-				// Scroll the active element into view smoothly
-				activeElement.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-			}
+	const previousMove = () => {
+		const success = gameStore.undoMove();
+
+		if (success && viewport) {
+			// Rebuild viewport from current board state
+			syncViewportWithStore();
 		}
-	});
-});
-
-// Watch TGN modal to populate editable content when opened
-watch(showTGNModal, (isVisible) => {
-	if (isVisible) {
-		// Populate with current game's TGN when modal opens
-		editableTGNContent.value = tgnContent.value;
-		tgnValidationState.value = 'valid'; // Current TGN is always valid
-		tgnValidationError.value = '';
-	}
-});
+	};
 
+	const nextMove = () => {
+		const success = gameStore.redoMove();
 
-// Lifecycle hooks
-onMounted(() => {
-	console.log("TrigoDemo component mounted");
+		if (success && viewport) {
+			// Rebuild viewport from current board state
+			syncViewportWithStore();
+		}
+	};
 
-	// Try to restore game state from session storage
-	const restoredFromStorage = gameStore.loadFromSessionStorage();
+	const jumpToMove = (index: number) => {
+		const success = gameStore.jumpToMove(index);
 
-	// If not restored from storage, initialize new game
-	if (!restoredFromStorage) {
-		// Parse initial board shape
-		const shape = parseBoardShape(selectedBoardShape.value);
+		if (success && viewport) {
+			// Rebuild viewport from current board state
+			syncViewportWithStore();
 
-		// Initialize game store
-		gameStore.initializeGame(shape);
-	} else {
-		// Update selected board shape to match restored state
-		selectedBoardShape.value = printBoardShape(boardShape.value);
-		console.log("Restored game state from session storage");
-	}
+			// Exit territory mode when navigating move history
+			viewport.hideDomainCubes();
+			showTerritoryMode.value = false;
+			// Reset scores to 0 when exiting territory mode
+			blackScore.value = 0;
+			whiteScore.value = 0;
+		}
+	};
 
-	// Initialize Three.js viewport with current board shape
-	if (viewportCanvas.value) {
-		viewport = new TrigoViewport(viewportCanvas.value, boardShape.value, {
-			onStoneClick: handleStoneClick,
-			onPositionHover: handlePositionHover,
-			isPositionDroppable: isPositionDroppable,
-			onInspectGroup: handleInspectGroup
-		});
-		console.log("TrigoViewport initialized");
+	// Sync viewport with store's board state
+	const syncViewportWithStore = () => {
+		if (!viewport) return;
 
-		// Hide loading overlay after viewport is initialized
-		isLoading.value = false;
+		// Clear viewport
+		viewport.clearBoard();
 
-		// If game was restored, sync viewport with restored board state
-		if (restoredFromStorage) {
-			syncViewportWithStore();
-			viewport.setGameActive(isGameActive.value);
+		// Read the actual board state from the store (which has captures applied)
+		const board = gameStore.board;
+		const shape = boardShape.value;
+
+		// Add all stones that exist on the board
+		for (let x = 0; x < shape.x; x++) {
+			for (let y = 0; y < shape.y; y++) {
+				for (let z = 0; z < shape.z; z++) {
+					const stone = board[x][y][z];
+					if (stone === Stone.Black) {
+						viewport.addStone(x, y, z, "black");
+					} else if (stone === Stone.White) {
+						viewport.addStone(x, y, z, "white");
+					}
+				}
+			}
 		}
-	}
 
-	// Start game automatically if not restored or was playing
-	if (!restoredFromStorage || gameStore.gameStatus === "idle") {
-		gameStore.startGame();
+		// Set the last placed stone highlight based on current move index
+		// currentMoveIndex represents the number of moves applied (not array index)
+		// So the last applied move is at array index (currentMoveIndex - 1)
+		if (currentMoveIndex.value > 0 && currentMoveIndex.value <= moveHistory.value.length) {
+			const lastMove = moveHistory.value[currentMoveIndex.value - 1];
+			viewport.setLastPlacedStone(lastMove.x, lastMove.y, lastMove.z);
+		} else {
+			// No moves applied or at START position
+			viewport.setLastPlacedStone(null, null, null);
+		}
+	};
+
+	// Watch for current player changes to update viewport preview
+	watch(currentPlayer, (newPlayer) => {
 		if (viewport) {
-			viewport.setGameActive(true);
+			viewport.setCurrentPlayer(newPlayer);
 		}
-	}
+	});
 
-	// Add keyboard shortcuts
-	window.addEventListener("keydown", handleKeyPress);
-});
+	// Watch currentMoveIndex to auto-scroll move history to keep current move visible
+	watch(currentMoveIndex, () => {
+		// Use nextTick to ensure DOM is updated before scrolling
+		nextTick(() => {
+			if (moveHistoryContainer.value) {
+				// Find the active move element
+				const activeElement = moveHistoryContainer.value.querySelector(".active");
+				if (activeElement) {
+					// Scroll the active element into view smoothly
+					activeElement.scrollIntoView({ behavior: "smooth", block: "nearest" });
+				}
+			}
+		});
+	});
 
+	// Watch TGN modal to populate editable content when opened
+	watch(showTGNModal, (isVisible) => {
+		if (isVisible) {
+			// Populate with current game's TGN when modal opens
+			editableTGNContent.value = tgnContent.value;
+			tgnValidationState.value = "valid"; // Current TGN is always valid
+			tgnValidationError.value = "";
+		}
+	});
 
-onUnmounted(() => {
-	console.log("TrigoDemo component unmounted");
+	// Lifecycle hooks
+	onMounted(() => {
+		console.log("TrigoDemo component mounted");
 
-	// Remove keyboard shortcuts
-	window.removeEventListener("keydown", handleKeyPress);
+		// Try to restore game state from session storage
+		const restoredFromStorage = gameStore.loadFromSessionStorage();
 
-	// Cleanup Three.js resources
-	if (viewport) {
-		viewport.destroy();
-		viewport = null;
-	}
-});
+		// If not restored from storage, initialize new game
+		if (!restoredFromStorage) {
+			// Parse initial board shape
+			const shape = parseBoardShape(selectedBoardShape.value);
+
+			// Initialize game store
+			gameStore.initializeGame(shape);
+		} else {
+			// Update selected board shape to match restored state
+			selectedBoardShape.value = printBoardShape(boardShape.value);
+			console.log("Restored game state from session storage");
+		}
 
+		// Initialize Three.js viewport with current board shape
+		if (viewportCanvas.value) {
+			viewport = new TrigoViewport(viewportCanvas.value, boardShape.value, {
+				onStoneClick: handleStoneClick,
+				onPositionHover: handlePositionHover,
+				isPositionDroppable: isPositionDroppable,
+				onInspectGroup: handleInspectGroup
+			});
+			console.log("TrigoViewport initialized");
 
-// Keyboard shortcuts handler
-const handleKeyPress = (event: KeyboardEvent) => {
-	// Ignore if typing in an input field
-	if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
-		return;
-	}
+			// Hide loading overlay after viewport is initialized
+			isLoading.value = false;
 
-	switch (event.key.toLowerCase()) {
-		case "p": // Pass
-			if (gameStarted.value) {
-				pass();
+			// If game was restored, sync viewport with restored board state
+			if (restoredFromStorage) {
+				syncViewportWithStore();
+				viewport.setGameActive(isGameActive.value);
 			}
-			break;
-		case "n": // New game
-			newGame();
-			break;
-		case "r": // Resign
-			if (gameStarted.value) {
-				resign();
-			}
-			break;
-		case "arrowleft": // Previous move
-			previousMove();
-			event.preventDefault();
-			break;
-		case "arrowright": // Next move
-			nextMove();
-			event.preventDefault();
-			break;
-		case "t": // Compute territory
-			if (gameStarted.value) {
-				computeTerritory();
-			}
-			break;
-	}
-};
 
+			// Setup ResizeObserver to handle canvas resizing when sidebar expands/collapses
+			resizeObserver = new ResizeObserver((entries) => {
+				for (const entry of entries) {
+					if (entry.target === viewportCanvas.value && viewport) {
+						// Trigger viewport resize
+						const rect = viewportCanvas.value.getBoundingClientRect();
+						console.log(`Canvas resized: ${rect.width}x${rect.height}`);
+
+						// Call the viewport's resize handler directly
+						// The onWindowResize method updates camera aspect and renderer size
+						(viewport as any).onWindowResize();
+					}
+				}
+			});
 
-// TGN Modal Methods
-const selectAllTGN = (event: Event) => {
-	const textarea = event.target as HTMLTextAreaElement;
-	textarea.select();
-};
+			// Observe the canvas element for size changes
+			resizeObserver.observe(viewportCanvas.value);
+			console.log("ResizeObserver attached to canvas");
+		}
 
-const copyTGN = async () => {
-	try {
-		// Try modern clipboard API first
-		if (navigator.clipboard && navigator.clipboard.writeText) {
-			await navigator.clipboard.writeText(tgnContent.value);
-			alert('TGN copied to clipboard!');
-		} else {
-			// Fallback for older browsers or non-secure contexts
-			const textarea = document.createElement('textarea');
-			textarea.value = tgnContent.value;
-			textarea.style.position = 'fixed';
-			textarea.style.opacity = '0';
-			document.body.appendChild(textarea);
-			textarea.select();
-
-			try {
-				document.execCommand('copy');
-				alert('TGN copied to clipboard!');
-			} catch (fallbackErr) {
-				console.error('Fallback copy failed:', fallbackErr);
-				alert('Failed to copy TGN. Please select and copy manually.');
-			} finally {
-				document.body.removeChild(textarea);
+		// Start game automatically if not restored or was playing
+		if (!restoredFromStorage || gameStore.gameStatus === "idle") {
+			gameStore.startGame();
+			if (viewport) {
+				viewport.setGameActive(true);
 			}
 		}
-	} catch (err) {
-		console.error('Failed to copy TGN:', err);
-		alert('Failed to copy TGN. Please select and copy manually.');
-	}
-};
-</script>
 
-<style lang="scss" scoped>
-.trigo-view {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	background-color: #404040;
-	color: #e0e0e0;
-	overflow: hidden;
-
-	.view-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 1rem 2rem;
-		background: linear-gradient(135deg, #505050 0%, #454545 100%);
-		border-bottom: 2px solid #606060;
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+		// Initialize AI agent in VS AI mode
+		if (gameMode.value === "vs-ai") {
+			console.log("[TrigoView] Initializing AI agent for VS AI mode...");
+			aiAgent.initialize().catch((err) => {
+				console.error("[TrigoView] Failed to initialize AI agent:", err);
+			});
+		}
 
-		.logo-container {
-			display: flex;
-			align-items: center;
-			gap: 0.75rem;
+		// Add keyboard shortcuts
+		window.addEventListener("keydown", handleKeyPress);
+	});
 
-			.app-logo {
-				width: 40px;
-				height: 40px;
-				object-fit: contain;
-			}
+	onUnmounted(() => {
+		console.log("TrigoDemo component unmounted");
 
-			.app-title {
-				font-size: 1.5rem;
-				font-weight: 700;
-				color: #e94560;
-			}
-		}
+		// Remove keyboard shortcuts
+		window.removeEventListener("keydown", handleKeyPress);
 
-		.view-title {
-			font-size: 1.5rem;
-			font-weight: 700;
-			margin: 0;
-			color: #e94560;
+		// Disconnect ResizeObserver
+		if (resizeObserver) {
+			resizeObserver.disconnect();
+			resizeObserver = null;
+			console.log("ResizeObserver disconnected");
 		}
 
-		.view-status {
-			display: flex;
-			gap: 2rem;
-			align-items: center;
+		// Cleanup Three.js resources
+		if (viewport) {
+			viewport.destroy();
+			viewport = null;
+		}
+	});
 
-			.turn-indicator {
-				padding: 0.5rem 1rem;
-				border-radius: 8px;
-				font-weight: 600;
-				transition: all 0.3s ease;
+	// Keyboard shortcuts handler
+	const handleKeyPress = (event: KeyboardEvent) => {
+		// Ignore if typing in an input field
+		if (
+			event.target instanceof HTMLInputElement ||
+			event.target instanceof HTMLTextAreaElement
+		) {
+			return;
+		}
 
-				&.black {
-					background-color: #2c2c2c;
-					color: #fff;
-					box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
+		switch (event.key.toLowerCase()) {
+			case "p": // Pass
+				if (gameStarted.value) {
+					pass();
 				}
-
-				&.white {
-					background-color: #f0f0f0;
-					color: #000;
-					box-shadow: 0 0 10px rgba(240, 240, 240, 0.3);
+				break;
+			case "n": // New game
+				newGame();
+				break;
+			case "r": // Resign
+				if (gameStarted.value) {
+					resign();
+				}
+				break;
+			case "arrowleft": // Previous move
+				previousMove();
+				event.preventDefault();
+				break;
+			case "arrowright": // Next move
+				nextMove();
+				event.preventDefault();
+				break;
+			case "t": // Compute territory
+				if (gameStarted.value) {
+					computeTerritory();
+				}
+				break;
+		}
+	};
+
+	// TGN Modal Methods
+	const selectAllTGN = (event: Event) => {
+		const textarea = event.target as HTMLTextAreaElement;
+		textarea.select();
+	};
+
+	const copyTGN = async () => {
+		try {
+			// Try modern clipboard API first
+			if (navigator.clipboard && navigator.clipboard.writeText) {
+				await navigator.clipboard.writeText(tgnContent.value);
+				alert("TGN copied to clipboard!");
+			} else {
+				// Fallback for older browsers or non-secure contexts
+				const textarea = document.createElement("textarea");
+				textarea.value = tgnContent.value;
+				textarea.style.position = "fixed";
+				textarea.style.opacity = "0";
+				document.body.appendChild(textarea);
+				textarea.select();
+
+				try {
+					document.execCommand("copy");
+					alert("TGN copied to clipboard!");
+				} catch (fallbackErr) {
+					console.error("Fallback copy failed:", fallbackErr);
+					alert("Failed to copy TGN. Please select and copy manually.");
+				} finally {
+					document.body.removeChild(textarea);
 				}
 			}
-
-			.move-count {
-				font-size: 1rem;
-				color: #a0a0a0;
-			}
+		} catch (err) {
+			console.error("Failed to copy TGN:", err);
+			alert("Failed to copy TGN. Please select and copy manually.");
 		}
-	}
+	};
+</script>
 
-	.view-body {
+<style lang="scss" scoped>
+	.trigo-view {
 		display: flex;
-		flex: 1;
+		flex-direction: column;
+		height: 100%;
+		background-color: #404040;
+		color: #e0e0e0;
 		overflow: hidden;
 
-		.board-container {
-			flex: 1;
+		.view-header {
 			display: flex;
-			align-items: center;
 			justify-content: center;
-			background-color: #484848;
-			padding: 1rem;
-			position: relative;
-
-			.viewport-wrapper {
-				width: 100%;
-				height: 100%;
-				position: relative;
-				border-radius: 8px;
-				overflow: hidden;
-				box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
-
-				.viewport-canvas {
-					width: 100%;
-					height: 100%;
-					display: block;
-					background-color: #50505a;
-				}
-
-				.viewport-overlay {
-					position: absolute;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 100%;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					pointer-events: none;
+			align-items: center;
+			padding: 1rem 2rem;
+			background: linear-gradient(135deg, #505050 0%, #454545 100%);
+			border-bottom: 2px solid #606060;
+			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 
-					.loading-text {
-						color: rgba(255, 255, 255, 0.5);
-						font-size: 1.2rem;
-						animation: pulse 2s ease-in-out infinite;
-					}
-				}
+			.view-status {
+				display: flex;
+				gap: 2rem;
+				align-items: center;
 
-			.inspect-tooltip {
-				position: absolute;
-				top: 1rem;
-				left: 1rem;
-				background-color: rgba(255, 241, 176, 0.95);
-				color: #111;
-				padding: 0.5rem 1rem;
-				border-radius: 8px;
-				font-size: 0.9rem;
-				font-weight: 600;
-				pointer-events: none;
-				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-				z-index: 100;
-
-				.tooltip-content {
-					display: flex;
-					align-items: center;
-					gap: 0.5rem;
+				.turn-indicator {
+					padding: 0.5rem 1rem;
+					border-radius: 8px;
+					font-weight: 600;
+					transition: all 0.3s ease;
 
-					.tooltip-label {
-						white-space: nowrap;
+					&.black {
+						background-color: #2c2c2c;
+						color: #fff;
+						box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
 					}
 
-					.tooltip-divider {
-						color: #888;
+					&.white {
+						background-color: #f0f0f0;
+						color: #000;
+						box-shadow: 0 0 10px rgba(240, 240, 240, 0.3);
 					}
 				}
-			}
-			}
-		}
-
-		.controls-panel {
-			width: 320px;
-			background-color: #3a3a3a;
-			border-left: 2px solid #606060;
-			display: flex;
-			flex-direction: column;
-			overflow: hidden;
-			box-shadow: -4px 0 16px rgba(0, 0, 0, 0.3);
-
-			.panel-section {
-				padding: 0.8rem;
-				border-bottom: 1px solid #505050;
-				position: relative;
-
-				.section-title {
-					font-size: 0.7rem;
-					font-weight: 600;
-					color: #f0bcc5;
-					text-transform: uppercase;
-					letter-spacing: 1px;
-					position: absolute;
-					top: 0;
-					left: 0.8rem;
-					opacity: 0;
-					transition: opacity 0.3s ease-in;
-				}
 
-				&:hover .section-title {
-					opacity: 0.6;
+				.move-count {
+					font-size: 1rem;
+					color: #a0a0a0;
 				}
-			}
 
-			.score-section {
-				// Default style (captured mode) - lighter background
-				.score-display {
-					display: flex;
-					gap: 0.5rem;
-					margin-bottom: 1rem;
-
-					.score-button {
-						flex: 1;
+				// VS AI Mode Styles
+				&.ai-mode {
+					.player-info,
+					.ai-status {
 						display: flex;
 						align-items: center;
-						justify-content: center;
 						gap: 0.5rem;
-						padding: 1rem;
-						border: 2px solid #505050;
+						padding: 0.5rem 1rem;
+						background-color: #3a3a3a;
 						border-radius: 8px;
-						background-color: #484848;
-						cursor: default;
+						border: 2px solid transparent;
 						transition: all 0.3s ease;
 
+						&.on-turn {
+							background-color: #4a4a4a;
+							border-color: #60a5fa;
+							box-shadow: 0 0 12px rgba(96, 165, 250, 0.4);
+						}
+					}
+
+					.player-label,
+					.ai-indicator {
+						color: #a0a0a0;
+						font-weight: 500;
+					}
+
+					.stone-icon {
+						width: 20px;
+						height: 20px;
+						border-radius: 50%;
+						flex-shrink: 0;
+
 						&.black {
-							.color-indicator {
-								background-color: #2c2c2c;
-								border: 2px solid #fff;
-							}
+							background-color: #2c2c2c;
+							border: 2px solid #fff;
 						}
 
 						&.white {
-							.color-indicator {
-								background-color: #f0f0f0;
-								border: 2px solid #000;
-							}
+							background-color: #f0f0f0;
+							border: 2px solid #000;
 						}
+					}
 
-						.color-indicator {
-							width: 24px;
-							height: 24px;
-							border-radius: 50%;
-						}
+					.ai-level {
+						color: #60a5fa;
+						font-weight: 600;
 
-						.score {
-							font-size: 1.5rem;
-							font-weight: 700;
-							color: #e0e0e0;
+						&.ai-thinking {
+							color: #fbbf24;
+							animation: pulse 1.5s ease-in-out infinite;
 						}
 
-						&:disabled {
-							opacity: 0.5;
+						&.ai-error {
+							color: #ef4444;
 						}
 					}
-				}
 
-				.compute-territory {
-					width: 100%;
-					padding: 0.75rem;
-					background-color: #505050;
-					color: #e0e0e0;
-					border: none;
-					border-radius: 8px;
-					font-weight: 600;
-					cursor: pointer;
-					transition: all 0.3s ease;
+					.ai-time {
+						color: #9ca3af;
+						font-size: 0.875rem;
+						font-style: italic;
+					}
 
-					&:hover:not(:disabled) {
-						background-color: #606060;
+					.btn-swap-colors {
+						padding: 0.4rem 0.8rem;
+						background-color: #4b5563;
+						color: #e5e7eb;
+						border: none;
+						border-radius: 6px;
+						cursor: pointer;
+						font-size: 0.875rem;
+						font-weight: 600;
+						transition: all 0.2s ease;
+
+						&:hover {
+							background-color: #6b7280;
+							transform: translateY(-1px);
+						}
+
+						&:active {
+							transform: translateY(0);
+						}
 					}
+				}
 
-					&:disabled {
-						opacity: 0.5;
-						cursor: not-allowed;
+				// VS People Mode Styles
+				&.people-mode {
+					.room-info {
+						display: flex;
+						align-items: center;
+						gap: 0.5rem;
+						padding: 0.5rem 1rem;
+						background-color: #3a3a3a;
+						border-radius: 8px;
+					}
+
+					.room-label {
+						color: #a0a0a0;
+						font-weight: 500;
+					}
+
+					.room-code {
+						color: #e94560;
+						font-weight: 700;
+						font-family: monospace;
+						font-size: 1.1rem;
+					}
+
+					.players-info {
+						display: flex;
+						align-items: center;
+						gap: 0.75rem;
+						padding: 0.5rem 1rem;
+						background-color: #3a3a3a;
+						border-radius: 8px;
+					}
+
+					.player-name {
+						color: #e0e0e0;
+						font-weight: 600;
+					}
+
+					.vs-divider {
+						color: #606060;
+						font-weight: 500;
+					}
+
+					.connection-status {
+						padding: 0.5rem 1rem;
+						border-radius: 8px;
+						font-weight: 600;
+						font-size: 0.9rem;
+
+						&.connected {
+							background-color: rgba(74, 222, 128, 0.15);
+							color: #4ade80;
+						}
+
+						&.disconnected {
+							background-color: rgba(239, 68, 68, 0.15);
+							color: #ef4444;
+						}
 					}
 				}
 
-				// Territory mode - darker background with glow
-				&.show-territory {
-					.score-display .score-button {
+				// Library Mode Styles
+				&.library-mode {
+					.game-info {
+						display: flex;
+						align-items: center;
+						gap: 1rem;
+						padding: 0.5rem 1rem;
 						background-color: #3a3a3a;
-						border-color: #606060;
-						box-shadow: 0 0 12px rgba(233, 69, 96, 0.3);
+						border-radius: 8px;
+					}
+
+					.game-title {
+						color: #e0e0e0;
+						font-weight: 600;
+						font-size: 1.1rem;
+					}
+
+					.game-date {
+						color: #a0a0a0;
+						font-weight: 500;
+						font-family: monospace;
+					}
+
+					.library-actions {
+						display: flex;
+						gap: 0.5rem;
+					}
+
+					.btn-library {
+						padding: 0.5rem 1rem;
+						border: none;
+						border-radius: 8px;
+						font-weight: 600;
+						font-size: 0.9rem;
+						cursor: pointer;
+						transition: all 0.3s ease;
+
+						&.btn-load {
+							background-color: #2d4059;
+							color: #e0e0e0;
+
+							&:hover {
+								background-color: #3d5069;
+								transform: translateY(-2px);
+								box-shadow: 0 4px 12px rgba(45, 64, 89, 0.4);
+							}
+						}
+
+						&.btn-export {
+							background-color: #e94560;
+							color: #fff;
+
+							&:hover {
+								background-color: #f95670;
+								transform: translateY(-2px);
+								box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
+							}
+						}
 					}
 				}
 			}
+		}
 
+		.view-body {
+			display: flex;
+			flex: 1;
+			overflow: hidden;
 
-
-			.routine-section {
+			.board-container {
 				flex: 1;
 				display: flex;
-				flex-direction: column;
-				min-height: 0;
+				align-items: center;
+				justify-content: center;
+				background-color: #484848;
+				padding: 1rem;
+				position: relative;
 
-				.routine-content {
-					flex: 1;
-					overflow-y: auto;
-					background-color: #2a2a2a;
+				.viewport-wrapper {
+					width: 100%;
+					height: 100%;
+					position: relative;
 					border-radius: 8px;
-					padding: 0.5rem;
+					overflow: hidden;
+					box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
 
-					.move-list {
-						padding: 0;
-						margin: 0;
+					.viewport-canvas {
+						width: 100%;
+						height: 100%;
+						display: block;
+						background-color: #50505a;
+					}
 
-						.move-row {
-							display: grid;
-							grid-template-columns: 30px 1fr 1fr;
-							gap: 0.25rem;
-							margin-bottom: 0.25rem;
-							align-items: center;
+					.viewport-overlay {
+						position: absolute;
+						top: 0;
+						left: 0;
+						width: 100%;
+						height: 100%;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						pointer-events: none;
 
-							&.start-row {
-								grid-template-columns: 30px 1fr;
-								padding: 0.5rem;
-								border-radius: 4px;
-								cursor: pointer;
-								transition: all 0.2s ease;
+						.loading-text {
+							color: rgba(255, 255, 255, 0.5);
+							font-size: 1.2rem;
+							animation: pulse 2s ease-in-out infinite;
+						}
+					}
 
-								&:hover {
-									background-color: #484848;
-								}
+					.inspect-tooltip {
+						position: absolute;
+						top: 1rem;
+						left: 1rem;
+						background-color: rgba(255, 241, 176, 0.95);
+						color: #111;
+						padding: 0.5rem 1rem;
+						border-radius: 8px;
+						font-size: 0.9rem;
+						font-weight: 600;
+						pointer-events: none;
+						box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+						z-index: 100;
 
-								&.active {
-									background-color: #505050;
-									border-left: 3px solid #e94560;
-								}
+						.tooltip-content {
+							display: flex;
+							align-items: center;
+							gap: 0.5rem;
 
-								.open-label {
-									font-weight: 700;
-									color: #e94560;
-									text-transform: uppercase;
-									letter-spacing: 1px;
-								}
+							.tooltip-label {
+								white-space: nowrap;
 							}
 
-							.round-number {
-								color: #808080;
-								font-size: 0.9em;
-								text-align: right;
-								padding-right: 0.25rem;
+							.tooltip-divider {
+								color: #888;
 							}
+						}
+					}
+				}
+			}
 
-							.move-cell {
-								padding: 0.5rem;
-								border-radius: 4px;
-								cursor: pointer;
-								transition: all 0.2s ease;
-								display: flex;
-								align-items: center;
-								gap: 0.5rem;
-								background-color: #1a1a1a;
+			.controls-panel {
+				width: 320px;
+				background-color: #3a3a3a;
+				border-left: 2px solid #606060;
+				display: flex;
+				flex-direction: column;
+				overflow: hidden;
+				box-shadow: -4px 0 16px rgba(0, 0, 0, 0.3);
 
-								&:hover:not(.empty) {
-									background-color: #484848;
-								}
+				.panel-section {
+					padding: 0.8rem;
+					border-bottom: 1px solid #505050;
+					position: relative;
 
-								&.active {
-									background-color: #505050;
-									border-left: 3px solid #e94560;
-								}
+					.section-title {
+						font-size: 0.7rem;
+						font-weight: 600;
+						color: #f0bcc5;
+						text-transform: uppercase;
+						letter-spacing: 1px;
+						position: absolute;
+						top: 0;
+						left: 0.8rem;
+						opacity: 0;
+						transition: opacity 0.3s ease-in;
+					}
 
-								&.empty {
-									background-color: transparent;
-									cursor: default;
-								}
+					&:hover .section-title {
+						opacity: 0.6;
+					}
+				}
 
-								.stone-icon {
-									width: 16px;
-									height: 16px;
-									border-radius: 50%;
-									flex-shrink: 0;
+				.score-section {
+					// Default style (captured mode) - lighter background
+					.score-display {
+						display: flex;
+						gap: 0.5rem;
+						margin-bottom: 1rem;
 
-									&.black {
-										background-color: #2c2c2c;
-										border: 2px solid #fff;
-									}
+						.score-button {
+							flex: 1;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 0.5rem;
+							padding: 1rem;
+							border: 2px solid #505050;
+							border-radius: 8px;
+							background-color: #484848;
+							cursor: default;
+							transition: all 0.3s ease;
 
-									&.white {
-										background-color: #f0f0f0;
-										border: 2px solid #000;
-									}
+							&.black {
+								.color-indicator {
+									background-color: #2c2c2c;
+									border: 2px solid #fff;
 								}
+							}
 
-								.move-coords {
-									color: #a0a0a0;
-									font-family: monospace;
-									font-size: 0.9em;
+							&.white {
+								.color-indicator {
+									background-color: #f0f0f0;
+									border: 2px solid #000;
 								}
+							}
 
-								.move-label {
-									color: #60a5fa;
-									font-weight: 600;
-									font-size: 0.85em;
-									text-transform: lowercase;
-								}
+							.color-indicator {
+								width: 24px;
+								height: 24px;
+								border-radius: 50%;
 							}
-						}
-					}
-				}
-			}
 
-			.controls-section {
-				.control-buttons {
-					display: flex;
-					flex-direction: column;
-					gap: 1rem;
+							.score {
+								font-size: 1.5rem;
+								font-weight: 700;
+								color: #e0e0e0;
+							}
 
-					.play-controls,
-					.history-controls {
-						display: flex;
-						gap: 0.5rem;
+							&:disabled {
+								opacity: 0.5;
+							}
+						}
 					}
 
-					.btn {
-						padding: 0.75rem 1.5rem;
+					.compute-territory {
+						width: 100%;
+						padding: 0.75rem;
+						background-color: #505050;
+						color: #e0e0e0;
 						border: none;
 						border-radius: 8px;
 						font-weight: 600;
 						cursor: pointer;
 						transition: all 0.3s ease;
-						flex: 1;
+
+						&:hover:not(:disabled) {
+							background-color: #606060;
+						}
 
 						&:disabled {
 							opacity: 0.5;
 							cursor: not-allowed;
 						}
+					}
 
-						&.btn-pass {
-							background-color: #2d4059;
-							color: #e0e0e0;
-
-							&:hover:not(:disabled) {
-								background-color: #3d5069;
-							}
+					// Territory mode - darker background with glow
+					&.show-territory {
+						.score-display .score-button {
+							background-color: #3a3a3a;
+							border-color: #606060;
+							box-shadow: 0 0 12px rgba(233, 69, 96, 0.3);
 						}
+					}
+				}
 
-						&.btn-resign {
-							background-color: #c23b22;
-							color: #fff;
+				.routine-section {
+					flex: 1;
+					display: flex;
+					flex-direction: column;
+					min-height: 0;
 
-							&:hover:not(:disabled) {
-								background-color: #d44b32;
-							}
-						}
+					.routine-content {
+						flex: 1;
+						overflow-y: auto;
+						background-color: #2a2a2a;
+						border-radius: 8px;
+						padding: 0.5rem;
 
-						&.btn-icon {
-							background-color: #505050;
-							color: #e0e0e0;
-							padding: 0.75rem;
-							font-size: 1.2rem;
+						.move-list {
+							padding: 0;
+							margin: 0;
+
+							.move-row {
+								display: grid;
+								grid-template-columns: 30px 1fr 1fr;
+								gap: 0.25rem;
+								margin-bottom: 0.25rem;
+								align-items: center;
+
+								&.start-row {
+									grid-template-columns: 30px 1fr;
+									padding: 0.5rem;
+									border-radius: 4px;
+									cursor: pointer;
+									transition: all 0.2s ease;
+
+									&:hover {
+										background-color: #484848;
+									}
+
+									&.active {
+										background-color: #505050;
+										border-left: 3px solid #e94560;
+									}
+
+									.open-label {
+										font-weight: 700;
+										color: #e94560;
+										text-transform: uppercase;
+										letter-spacing: 1px;
+									}
+								}
 
-							&:hover:not(:disabled) {
-								background-color: #606060;
+								.round-number {
+									color: #808080;
+									font-size: 0.9em;
+									text-align: right;
+									padding-right: 0.25rem;
+								}
+
+								.move-cell {
+									padding: 0.5rem;
+									border-radius: 4px;
+									cursor: pointer;
+									transition: all 0.2s ease;
+									display: flex;
+									align-items: center;
+									gap: 0.5rem;
+									background-color: #1a1a1a;
+
+									&:hover:not(.empty) {
+										background-color: #484848;
+									}
+
+									&.active {
+										background-color: #505050;
+										border-left: 3px solid #e94560;
+									}
+
+									&.empty {
+										background-color: transparent;
+										cursor: default;
+									}
+
+									.stone-icon {
+										width: 16px;
+										height: 16px;
+										border-radius: 50%;
+										flex-shrink: 0;
+
+										&.black {
+											background-color: #2c2c2c;
+											border: 2px solid #fff;
+										}
+
+										&.white {
+											background-color: #f0f0f0;
+											border: 2px solid #000;
+										}
+									}
+
+									.move-coords {
+										color: #a0a0a0;
+										font-family: monospace;
+										font-size: 0.9em;
+									}
+
+									.move-label {
+										color: #60a5fa;
+										font-weight: 600;
+										font-size: 0.85em;
+										text-transform: lowercase;
+									}
+								}
 							}
 						}
 					}
 				}
-			}
-
-			.settings-section {
-				.settings-content {
-					display: flex;
-					flex-direction: column;
-					gap: 1rem;
 
-					.setting-item {
+				.controls-section {
+					.control-buttons {
 						display: flex;
-						align-items: center;
-						justify-content: space-between;
+						flex-direction: column;
+						gap: 1rem;
 
-						label {
-							font-weight: 600;
-							color: #a0a0a0;
+						.play-controls,
+						.history-controls {
 							display: flex;
-							align-items: center;
-							gap: 0.3rem;
-
-							.dirty-indicator {
-								color: #e94560;
-								font-size: 1.2rem;
-								font-weight: 700;
-								animation: pulse 2s ease-in-out infinite;
-							}
+							gap: 0.5rem;
 						}
 
-						select {
-							padding: 0.5rem;
-							border: 2px solid #505050;
+						.btn {
+							padding: 0.75rem 1.5rem;
+							border: none;
 							border-radius: 8px;
-							background-color: #484848;
-							color: #e0e0e0;
-							cursor: pointer;
 							font-weight: 600;
+							cursor: pointer;
+							transition: all 0.3s ease;
+							flex: 1;
 
 							&:disabled {
 								opacity: 0.5;
 								cursor: not-allowed;
 							}
+
+							&.btn-pass {
+								background-color: #2d4059;
+								color: #e0e0e0;
+
+								&:hover:not(:disabled) {
+									background-color: #3d5069;
+								}
+							}
+
+							&.btn-resign {
+								background-color: #c23b22;
+								color: #fff;
+
+								&:hover:not(:disabled) {
+									background-color: #d44b32;
+								}
+							}
+
+							&.btn-icon {
+								background-color: #505050;
+								color: #e0e0e0;
+								padding: 0.75rem;
+								font-size: 1.2rem;
+
+								&:hover:not(:disabled) {
+									background-color: #606060;
+								}
+							}
 						}
 					}
+				}
 
-					.btn-new-game {
-						width: 100%;
-						padding: 0.75rem;
-						background-color: #e94560;
-						color: #fff;
-						border: none;
-						border-radius: 8px;
-						font-weight: 700;
-						cursor: pointer;
-						transition: all 0.3s ease;
-						text-transform: uppercase;
+				.settings-section {
+					.settings-content {
+						display: flex;
+						flex-direction: column;
+						gap: 1rem;
 
-						&:hover {
-							background-color: #f95670;
-							transform: translateY(-2px);
-							box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
+						.setting-item {
+							display: flex;
+							align-items: center;
+							justify-content: space-between;
+
+							label {
+								font-weight: 600;
+								color: #a0a0a0;
+								display: flex;
+								align-items: center;
+								gap: 0.3rem;
+
+								.dirty-indicator {
+									color: #e94560;
+									font-size: 1.2rem;
+									font-weight: 700;
+									animation: pulse 2s ease-in-out infinite;
+								}
+							}
+
+							select {
+								padding: 0.5rem;
+								border: 2px solid #505050;
+								border-radius: 8px;
+								background-color: #484848;
+								color: #e0e0e0;
+								cursor: pointer;
+								font-weight: 600;
+
+								&:disabled {
+									opacity: 0.5;
+									cursor: not-allowed;
+								}
+							}
+						}
+
+						.btn-new-game {
+							width: 100%;
+							padding: 0.75rem;
+							background-color: #e94560;
+							color: #fff;
+							border: none;
+							border-radius: 8px;
+							font-weight: 700;
+							cursor: pointer;
+							transition: all 0.3s ease;
+							text-transform: uppercase;
+
+							&:hover {
+								background-color: #f95670;
+								transform: translateY(-2px);
+								box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
+							}
 						}
 					}
 				}
 			}
 		}
 	}
-}
-
-/* TGN Button and Modal Styles */
-.btn-view-tgn {
-	position: absolute;
-	top: 0;
-	right: 0.8rem;
-	padding: 0.25rem 0.5rem;
-	background-color: transparent;
-	color: #a0a0a0;
-	border: 1px solid #505050;
-	border-radius: 4px;
-	font-size: 0.65rem;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-	cursor: pointer;
-	transition: all 0.2s ease;
-	opacity: 0;
-
-	&:hover {
-		background-color: #505050;
-		color: #e0e0e0;
-		border-color: #606060;
+
+	/* TGN Button and Modal Styles */
+	.btn-view-tgn {
+		position: absolute;
+		top: 0;
+		right: 0.8rem;
+		padding: 0.25rem 0.5rem;
+		background-color: transparent;
+		color: #a0a0a0;
+		border: 1px solid #505050;
+		border-radius: 4px;
+		font-size: 0.65rem;
+		font-weight: 600;
+		text-transform: uppercase;
+		letter-spacing: 0.5px;
+		cursor: pointer;
+		transition: all 0.2s ease;
+		opacity: 0;
+
+		&:hover {
+			background-color: #505050;
+			color: #e0e0e0;
+			border-color: #606060;
+		}
+	}
+
+	.routine-section:hover .btn-view-tgn {
+		opacity: 1;
 	}
-}
-
-.routine-section:hover .btn-view-tgn {
-	opacity: 1;
-}
-
-.tgn-modal {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100vw;
-	height: 100vh;
-	background-color: rgba(0, 0, 0, 0.7);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	z-index: 1000;
-	backdrop-filter: blur(4px);
-
-	.tgn-modal-content {
-		background-color: #3a3a3a;
-		border-radius: 12px;
-		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
-		width: 90%;
-		max-width: 600px;
-		max-height: 80vh;
+
+	.tgn-modal {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.7);
 		display: flex;
-		flex-direction: column;
-		overflow: hidden;
+		align-items: center;
+		justify-content: center;
+		z-index: 1000;
+		backdrop-filter: blur(4px);
 
-		.tgn-modal-header {
+		.tgn-modal-content {
+			background-color: #3a3a3a;
+			border-radius: 12px;
+			box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+			width: 90%;
+			max-width: 600px;
+			max-height: 80vh;
 			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 1rem 1.5rem;
-			background-color: #2a2a2a;
-			border-bottom: 1px solid #505050;
-
-			h3 {
-				margin: 0;
-				font-size: 1.2rem;
-				font-weight: 600;
-				color: #e0e0e0;
-			}
+			flex-direction: column;
+			overflow: hidden;
 
-			.tgn-status {
-				font-size: 0.85rem;
-				font-weight: 600;
-				padding: 0.4rem 0.8rem;
-				border-radius: 4px;
-				white-space: nowrap;
-				transition: all 0.3s ease;
+			.tgn-modal-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 1rem 1.5rem;
+				background-color: #2a2a2a;
+				border-bottom: 1px solid #505050;
 
-				&.idle {
-					background-color: #505050;
-					color: #a0a0a0;
+				h3 {
+					margin: 0;
+					font-size: 1.2rem;
+					font-weight: 600;
+					color: #e0e0e0;
 				}
 
-				&.valid {
-					background-color: rgba(74, 222, 128, 0.15);
-					color: #4ade80;
-					border: 1px solid rgba(74, 222, 128, 0.4);
-				}
+				.tgn-status {
+					font-size: 0.85rem;
+					font-weight: 600;
+					padding: 0.4rem 0.8rem;
+					border-radius: 4px;
+					white-space: nowrap;
+					transition: all 0.3s ease;
+
+					&.idle {
+						background-color: #505050;
+						color: #a0a0a0;
+					}
 
-				&.invalid {
-					background-color: rgba(239, 68, 68, 0.15);
-					color: #ef4444;
-					border: 1px solid rgba(239, 68, 68, 0.4);
+					&.valid {
+						background-color: rgba(74, 222, 128, 0.15);
+						color: #4ade80;
+						border: 1px solid rgba(74, 222, 128, 0.4);
+					}
+
+					&.invalid {
+						background-color: rgba(239, 68, 68, 0.15);
+						color: #ef4444;
+						border: 1px solid rgba(239, 68, 68, 0.4);
+					}
 				}
-			}
 
-			.btn-close {
-				background: none;
-				border: none;
-				color: #a0a0a0;
-				font-size: 1.5rem;
-				cursor: pointer;
-				padding: 0;
-				width: 32px;
-				height: 32px;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				border-radius: 4px;
-				transition: all 0.2s ease;
+				.btn-close {
+					background: none;
+					border: none;
+					color: #a0a0a0;
+					font-size: 1.5rem;
+					cursor: pointer;
+					padding: 0;
+					width: 32px;
+					height: 32px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					border-radius: 4px;
+					transition: all 0.2s ease;
 
-				&:hover {
-					background-color: #505050;
-					color: #e0e0e0;
+					&:hover {
+						background-color: #505050;
+						color: #e0e0e0;
+					}
 				}
 			}
-		}
 
-		.tgn-modal-body {
-			flex: 1;
-			padding: 1.5rem;
-			overflow: auto;
+			.tgn-modal-body {
+				flex: 1;
+				padding: 1.5rem;
+				overflow: auto;
 
-			.tgn-textarea {
-				width: 100%;
-				height: 100%;
-				min-height: 300px;
-				background-color: #2a2a2a;
-				color: #e0e0e0;
-				border: 2px solid #505050;
-				border-radius: 8px;
-				padding: 1rem;
-				font-family: 'Courier New', Courier, monospace;
-				font-size: 0.9rem;
-				line-height: 1.6;
-				resize: vertical;
-				cursor: text;
-				transition: border-color 0.3s ease, box-shadow 0.3s ease;
-
-				&:focus {
-					outline: none;
-					border-color: #e94560;
-				}
+				.tgn-textarea {
+					width: 100%;
+					height: 100%;
+					min-height: 300px;
+					background-color: #2a2a2a;
+					color: #e0e0e0;
+					border: 2px solid #505050;
+					border-radius: 8px;
+					padding: 1rem;
+					font-family: "Courier New", Courier, monospace;
+					font-size: 0.9rem;
+					line-height: 1.6;
+					resize: vertical;
+					cursor: text;
+					transition:
+						border-color 0.3s ease,
+						box-shadow 0.3s ease;
+
+					&:focus {
+						outline: none;
+						border-color: #e94560;
+					}
 
-				&.valid {
-					border-color: #4ade80;
-					box-shadow: 0 0 8px rgba(74, 222, 128, 0.2);
-				}
+					&.valid {
+						border-color: #4ade80;
+						box-shadow: 0 0 8px rgba(74, 222, 128, 0.2);
+					}
 
-				&.invalid {
-					border-color: #ef4444;
-					box-shadow: 0 0 8px rgba(239, 68, 68, 0.2);
-				}
+					&.invalid {
+						border-color: #ef4444;
+						box-shadow: 0 0 8px rgba(239, 68, 68, 0.2);
+					}
 
-				&.idle {
-					border-color: #505050;
+					&.idle {
+						border-color: #505050;
+					}
 				}
 			}
-		}
 
-		.tgn-modal-footer {
-			display: flex;
-			gap: 0.5rem;
-			padding: 1rem 1.5rem;
-			background-color: #2a2a2a;
-			border-top: 1px solid #505050;
+			.tgn-modal-footer {
+				display: flex;
+				gap: 0.5rem;
+				padding: 1rem 1.5rem;
+				background-color: #2a2a2a;
+				border-top: 1px solid #505050;
 
-			.btn {
-				flex: 1;
-				padding: 0.75rem;
-				border: none;
-				border-radius: 8px;
-				font-weight: 600;
-				cursor: pointer;
-				transition: all 0.3s ease;
-
-				&:disabled {
-					opacity: 0.5;
-					cursor: not-allowed;
-				}
+				.btn {
+					flex: 1;
+					padding: 0.75rem;
+					border: none;
+					border-radius: 8px;
+					font-weight: 600;
+					cursor: pointer;
+					transition: all 0.3s ease;
 
-				&.btn-apply {
-					background-color: #4ade80;
-					color: #000;
+					&:disabled {
+						opacity: 0.5;
+						cursor: not-allowed;
+					}
+
+					&.btn-apply {
+						background-color: #4ade80;
+						color: #000;
 
-					&:hover:not(:disabled) {
-						background-color: #22c55e;
-						transform: translateY(-2px);
-						box-shadow: 0 4px 12px rgba(74, 222, 128, 0.4);
+						&:hover:not(:disabled) {
+							background-color: #22c55e;
+							transform: translateY(-2px);
+							box-shadow: 0 4px 12px rgba(74, 222, 128, 0.4);
+						}
 					}
-				}
 
-				&.btn-copy {
-					background-color: #e94560;
-					color: #fff;
+					&.btn-copy {
+						background-color: #e94560;
+						color: #fff;
 
-					&:hover {
-						background-color: #f95670;
-						transform: translateY(-2px);
-						box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
+						&:hover {
+							background-color: #f95670;
+							transform: translateY(-2px);
+							box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
+						}
 					}
-				}
 
-				&.btn-close-modal {
-					background-color: #505050;
-					color: #e0e0e0;
+					&.btn-close-modal {
+						background-color: #505050;
+						color: #e0e0e0;
 
-					&:hover {
-						background-color: #606060;
+						&:hover {
+							background-color: #606060;
+						}
 					}
 				}
 			}
 		}
 	}
-}
 
-@keyframes pulse {
-	0%,
-	100% {
-		opacity: 0.5;
-	}
-	50% {
-		opacity: 1;
+	@keyframes pulse {
+		0%,
+		100% {
+			opacity: 0.5;
+		}
+		50% {
+			opacity: 1;
+		}
 	}
-}
 
-/* Scrollbar styling */
-.controls-panel {
-	&::-webkit-scrollbar {
-		width: 8px;
-	}
+	/* Scrollbar styling */
+	.controls-panel {
+		&::-webkit-scrollbar {
+			width: 8px;
+		}
 
-	&::-webkit-scrollbar-track {
-		background: #2a2a2a;
-	}
+		&::-webkit-scrollbar-track {
+			background: #2a2a2a;
+		}
 
-	&::-webkit-scrollbar-thumb {
-		background: #505050;
-		border-radius: 4px;
+		&::-webkit-scrollbar-thumb {
+			background: #505050;
+			border-radius: 4px;
 
-		&:hover {
-			background: #606060;
+			&:hover {
+				background: #606060;
+			}
 		}
 	}
-}
 
-.routine-content {
-	&::-webkit-scrollbar {
-		width: 6px;
-	}
+	.routine-content {
+		&::-webkit-scrollbar {
+			width: 6px;
+		}
 
-	&::-webkit-scrollbar-track {
-		background: #2a2a2a;
-	}
+		&::-webkit-scrollbar-track {
+			background: #2a2a2a;
+		}
 
-	&::-webkit-scrollbar-thumb {
-		background: #505050;
-		border-radius: 3px;
+		&::-webkit-scrollbar-thumb {
+			background: #505050;
+			border-radius: 3px;
 
-		&:hover {
-			background: #606060;
+			&:hover {
+				background: #606060;
+			}
+		}
+	}
+
+	// Animations
+	@keyframes pulse {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.5;
 		}
 	}
-}
 </style>

trigo-web/app/test_capture.js

@@ -1,5 +1,5 @@
-const { TrigoGame } = require('../../inc/trigo/trigoGame.js');
-const { StoneType } = require('../../inc/trigo/game.js');
+const { TrigoGame } = require("../../inc/trigo/trigoGame.js");
+const { StoneType } = require("../../inc/trigo/game.js");
 
 const game = new TrigoGame({ x: 5, y: 5, z: 1 });
 game.startGame();

trigo-web/app/vite.config.ts

@@ -8,7 +8,24 @@ export default defineConfig(({ mode }) => {
 	const env = loadEnv(mode, process.cwd(), "");
 
 	return {
-		plugins: [vue()],
+		plugins: [
+			vue(),
+			// Plugin to set correct MIME types
+			{
+				name: "configure-server",
+				configureServer(server) {
+					server.middlewares.use((req, res, next) => {
+						if (req.url && req.url.endsWith(".wasm")) {
+							res.setHeader("Content-Type", "application/wasm");
+						}
+						if (req.url && req.url.endsWith(".mjs")) {
+							res.setHeader("Content-Type", "application/javascript");
+						}
+						next();
+					});
+				}
+			}
+		],
 		// Point to parent project's public directory
 		publicDir: fileURLToPath(new URL("../public", import.meta.url)),
 		resolve: {
@@ -21,7 +38,14 @@ export default defineConfig(({ mode }) => {
 			host: env.VITE_HOST || "localhost",
 			port: parseInt(env.VITE_PORT) || 5173,
 			strictPort: true,
-			open: false
+			open: false,
+			fs: {
+				// Allow serving files from node_modules
+				allow: ["..", "../.."]
+			}
+		},
+		optimizeDeps: {
+			exclude: ["onnxruntime-web"]
 		},
 		build: {
 			rollupOptions: {
@@ -39,4 +63,4 @@ export default defineConfig(({ mode }) => {
 			"process.env": {}
 		}
 	};
-});
+});

trigo-web/backend/src/server.ts

@@ -11,8 +11,12 @@ const app = express();
 const httpServer = createServer(app);
 const io = new Server(httpServer, {
 	cors: {
-		origin: process.env.CLIENT_URL || "http://localhost:5173",
-		methods: ["GET", "POST"]
+		origin:
+			process.env.NODE_ENV === "production"
+				? process.env.CLIENT_URL || "http://localhost:5173"
+				: true, // Allow all origins in development
+		methods: ["GET", "POST"],
+		credentials: true
 	}
 });
 
@@ -73,4 +77,4 @@ httpServer.listen(PORT, HOST, () => {
 	console.log(`Server running on ${HOST}:${PORT}`);
 	console.log(`Health check: http://${HOST}:${PORT}/health`);
 	console.log(`Environment: ${process.env.NODE_ENV || "development"}`);
-});
+});

trigo-web/backend/src/services/gameManager.ts

@@ -120,11 +120,7 @@ export class GameManager {
 		}
 	}
 
-	makeMove(
-		roomId: string,
-		playerId: string,
-		move: { x: number; y: number; z: number }
-	): boolean {
+	makeMove(roomId: string, playerId: string, move: { x: number; y: number; z: number }): boolean {
 		const room = this.rooms.get(roomId);
 		if (!room) return false;
 
@@ -277,7 +273,9 @@ export class GameManager {
 		}
 
 		room.gameState.gameStatus = "finished";
-		console.log(`Game ${roomId} ended. Black: ${territory.black}, White: ${territory.white}, Winner: ${room.gameState.winner}`);
+		console.log(
+			`Game ${roomId} ended. Black: ${territory.black}, White: ${territory.white}, Winner: ${room.gameState.winner}`
+		);
 
 		return true;
 	}
@@ -326,4 +324,4 @@ export class GameManager {
 	private generateRoomId(): string {
 		return uuidv4().substring(0, 8).toUpperCase();
 	}
-}
+}

trigo-web/backend/src/sockets/gameSocket.ts

@@ -9,7 +9,9 @@ export function setupSocketHandlers(io: Server, socket: Socket, gameManager: Gam
 		const { roomId, nickname } = data;
 
 		// Create or join room
-		const room = roomId ? gameManager.joinRoom(roomId, socket.id, nickname) : gameManager.createRoom(socket.id, nickname);
+		const room = roomId
+			? gameManager.joinRoom(roomId, socket.id, nickname)
+			: gameManager.createRoom(socket.id, nickname);
 
 		if (room) {
 			socket.join(room.id);
@@ -152,4 +154,4 @@ export function setupSocketHandlers(io: Server, socket: Socket, gameManager: Gam
 			});
 		}
 	});
-}
+}

trigo-web/backend/tsconfig.json

@@ -19,16 +19,11 @@
 		"noImplicitAny": false
 	},
 	"include": ["src/**/*", "../inc/**/*"],
-	"exclude": [
-		"node_modules",
-		"dist",
-		"../inc/trigo/parserInit.ts",
-		"../inc/tgn/tgn.jison.cjs"
-	],
+	"exclude": ["node_modules", "dist", "../inc/trigo/parserInit.ts", "../inc/tgn/tgn.jison.cjs"],
 	"ts-node": {
 		"esm": false,
 		"compilerOptions": {
 			"module": "commonjs"
 		}
 	}
-}
+}

trigo-web/inc/modelInferencer.ts

@@ -0,0 +1,465 @@
+/**
+ * ONNX Model Inferencer (Frontend/Backend Common)
+ *
+ * Platform-agnostic inference logic that accepts ONNX session from platform-specific code.
+ * No direct dependency on onnxruntime packages - uses dependency injection pattern.
+ *
+ * Adapted from Node.js test_inference.js for cross-platform use
+ * Provides causal language model inference using GPT-2 ONNX model
+ */
+
+/**
+ * Minimal ONNX Tensor interface (platform-agnostic)
+ */
+export interface OnnxTensor {
+	readonly data: number[] | Float32Array | Int32Array | BigInt64Array | Uint8Array;
+	readonly dims: readonly number[];
+	readonly type: string;
+}
+
+/**
+ * Minimal ONNX Session interface (platform-agnostic)
+ */
+export interface OnnxSession {
+	readonly inputNames: readonly string[];
+	readonly outputNames: readonly string[];
+	run(feeds: Record<string, OnnxTensor>): Promise<Record<string, OnnxTensor>>;
+}
+
+/**
+ * Tensor constructor interface (platform-specific)
+ */
+export interface TensorConstructor {
+	new (
+		type: string,
+		data: BigInt64Array | Float32Array | Int32Array | Uint8Array,
+		dims: number[]
+	): OnnxTensor;
+}
+
+/**
+ * Configuration for the inferencer
+ */
+export interface InferencerConfig {
+	vocabSize: number;
+	seqLen: number;
+	modelPath?: string; // Optional, for reference
+}
+
+/**
+ * Inference result containing generated tokens and metadata
+ */
+export interface InferenceResult {
+	tokens: number[];
+	text: string;
+	logits: Float32Array;
+	inferenceTime: number;
+}
+
+/**
+ * Evaluation mode inputs for tree attention
+ */
+export interface EvaluationInputs {
+	prefixIds: number[]; // Prefix sequence (causal context)
+	evaluatedIds: number[]; // Tokens to evaluate in tree
+	evaluatedMask: number[]; // Attention mask [m×m] flattened
+}
+
+/**
+ * Evaluation mode output
+ */
+export interface EvaluationOutput {
+	logits: Float32Array; // [m+1, vocab_size] flattened
+	numEvaluated: number; // m
+}
+
+/**
+ * Model Inferencer for Causal Language Model
+ * Compatible with both frontend (onnxruntime-web) and backend (onnxruntime-node)
+ */
+export class ModelInferencer {
+	private session: OnnxSession | null = null;
+	private config: InferencerConfig;
+	private TensorClass: TensorConstructor;
+
+	// TGN tokenizer: byte-level (0-255) + PAD(256) + START(257) + END(258)
+	private readonly PAD_TOKEN = 256;
+	private readonly START_TOKEN = 257;
+	private readonly END_TOKEN = 258;
+
+	constructor(TensorClass: TensorConstructor, config: Partial<InferencerConfig> = {}) {
+		this.TensorClass = TensorClass;
+		this.config = {
+			vocabSize: 259,
+			seqLen: 256,
+			...config
+		};
+	}
+
+	/**
+	 * Set the inference session (created by platform-specific code)
+	 */
+	setSession(session: OnnxSession): void {
+		this.session = session;
+		console.log("[ModelInferencer] ✓ Session set successfully");
+		this.printModelInfo();
+	}
+
+	/**
+	 * Run basic inference test
+	 */
+	async testBasicInference(): Promise<InferenceResult> {
+		if (!this.session) {
+			throw new Error("Inferencer not initialized. Call setSession() first.");
+		}
+
+		console.log("[ModelInferencer] Running basic inference test...");
+
+		const batchSize = 1;
+		const seqLen = this.config.seqLen;
+
+		// Create random input
+		const inputIds = this.createRandomInput(batchSize, seqLen);
+		const inputTensor = new this.TensorClass("int64", inputIds, [batchSize, seqLen]);
+
+		// Run inference
+		const startTime = performance.now();
+		const results = await this.session.run({ input_ids: inputTensor });
+		const inferenceTime = performance.now() - startTime;
+
+		// Get logits
+		const logits = results.logits;
+
+		// Validate output
+		this.validateOutput(logits, batchSize, seqLen);
+
+		// Get predictions
+		const predictions = this.getPredictions(logits.data as Float32Array, batchSize * seqLen);
+
+		// Convert tokens to text
+		const text = String.fromCharCode(...predictions.slice(0, 100));
+
+		console.log("[ModelInferencer] Inference completed:");
+		console.log(`  Input shape: [${inputTensor.dims.join(", ")}]`);
+		console.log(`  Output shape: [${logits.dims.join(", ")}]`);
+		console.log(`  Output dtype: ${logits.type}`);
+		console.log(`  Inference time: ${inferenceTime.toFixed(2)}ms`);
+		console.log(`  Sample predictions: [${predictions.slice(0, 10).join(", ")}]`);
+
+		const logitsArray = Array.from(logits.data as Float32Array);
+		console.log(
+			`  Logits range: [${Math.min(...logitsArray).toFixed(3)}, ${Math.max(...logitsArray).toFixed(3)}]`
+		);
+
+		return {
+			tokens: predictions,
+			text,
+			logits: logits.data as Float32Array,
+			inferenceTime
+		};
+	}
+
+	/**
+	 * Generate tokens autoregressively from a prompt
+	 */
+	async generateText(prompt: string, numTokens: number = 10): Promise<InferenceResult> {
+		if (!this.session) {
+			throw new Error("Inferencer not initialized. Call setSession() first.");
+		}
+
+		console.log(`[ModelInferencer] Generating ${numTokens} tokens from prompt: "${prompt}"`);
+
+		// Convert prompt to token IDs (byte values)
+		const promptTokens = Array.from(prompt).map((c) => c.charCodeAt(0));
+		console.log(`  Prompt tokens (${promptTokens.length}): [${promptTokens.join(", ")}]`);
+
+		// Start with prompt tokens
+		const sequence = [...promptTokens];
+		const times: number[] = [];
+
+		// Generate tokens
+		for (let i = 0; i < numTokens; i++) {
+			// Pad sequence to fixed length
+			const paddedSequence = this.padSequence(sequence, this.config.seqLen);
+
+			// Create input tensor
+			const inputIds = new BigInt64Array(paddedSequence.map((t) => BigInt(t)));
+			const inputTensor = new this.TensorClass("int64", inputIds, [1, this.config.seqLen]);
+
+			// Run inference
+			const startTime = performance.now();
+			const results = await this.session.run({ input_ids: inputTensor });
+			times.push(performance.now() - startTime);
+
+			// Get prediction at the last non-padded position
+			const logits = results.logits.data as Float32Array;
+			const lastPos = sequence.length - 1; // Position before padding
+			const offset = lastPos * this.config.vocabSize;
+
+			// Find token with highest logit
+			let maxIdx = 0;
+			let maxVal = logits[offset];
+			for (let j = 1; j < this.config.vocabSize; j++) {
+				if (logits[offset + j] > maxVal) {
+					maxVal = logits[offset + j];
+					maxIdx = j;
+				}
+			}
+
+			sequence.push(maxIdx);
+
+			// Stop if END token is generated
+			if (maxIdx === this.END_TOKEN) {
+				console.log("  Generated END token, stopping...");
+				break;
+			}
+		}
+
+		// Convert generated tokens to text
+		const generatedText = String.fromCharCode(...sequence);
+
+		const avgTime = times.reduce((a, b) => a + b, 0) / times.length;
+		console.log(`[ModelInferencer] Generation complete:`);
+		console.log(`  Generated text: "${generatedText}"`);
+		console.log(`  Token sequence (${sequence.length}): [${sequence.join(", ")}]`);
+		console.log(`  Avg inference time: ${avgTime.toFixed(2)}ms`);
+		console.log(`  Tokens/sec: ${(1000 / avgTime).toFixed(2)}`);
+
+		return {
+			tokens: sequence,
+			text: generatedText,
+			logits: new Float32Array(), // Not returning full logits for generation
+			inferenceTime: avgTime
+		};
+	}
+
+	/**
+	 * Get model information
+	 */
+	getModelInfo(): { inputs: string[]; outputs: string[] } | null {
+		if (!this.session) return null;
+
+		return {
+			inputs: [...this.session.inputNames],
+			outputs: [...this.session.outputNames]
+		};
+	}
+
+	/**
+	 * Get configuration
+	 */
+	getConfig(): InferencerConfig {
+		return this.config;
+	}
+
+	/**
+	 * Run inference with token array input
+	 * Returns raw logits as Float32Array
+	 */
+	async runInference(tokens: number[]): Promise<Float32Array> {
+		if (!this.session) {
+			throw new Error("Inferencer not initialized. Call setSession() first.");
+		}
+
+		const seqLen = this.config.seqLen;
+
+		// Prepend START_TOKEN to input
+		const tokensWithStart = [this.START_TOKEN, ...tokens];
+
+		// Pad to fixed length
+		const paddedTokens = new BigInt64Array(seqLen);
+		for (let i = 0; i < seqLen; i++) {
+			paddedTokens[i] =
+				i < tokensWithStart.length ? BigInt(tokensWithStart[i]) : BigInt(this.PAD_TOKEN);
+		}
+
+		// Create input tensor
+		const inputTensor = new this.TensorClass("int64", paddedTokens, [1, seqLen]);
+
+		// Run inference
+		const results = await this.session.run({ input_ids: inputTensor });
+		return results.logits.data as Float32Array;
+	}
+
+
+	/**
+	 * Run tree attention inference (evaluation mode)
+	 * For models exported with --evaluation flag
+	 * @param inputs - Prefix, evaluated tokens, and attention mask
+	 * @returns Logits for each evaluated position
+	 */
+	async runEvaluationInference(inputs: EvaluationInputs): Promise<EvaluationOutput> {
+		if (!this.session) {
+			throw new Error("Inferencer not initialized. Call setSession() first.");
+		}
+
+		const { prefixIds, evaluatedIds, evaluatedMask } = inputs;
+		const batchSize = 1;
+		const prefixLen = prefixIds.length;
+		const m = evaluatedIds.length;
+
+		// Convert to BigInt64Array for ONNX int64 tensors
+		const prefixIdsArray = new BigInt64Array(batchSize * prefixLen);
+		for (let i = 0; i < prefixLen; i++) {
+			prefixIdsArray[i] = BigInt(prefixIds[i]);
+		}
+
+		const evaluatedIdsArray = new BigInt64Array(batchSize * m);
+		for (let i = 0; i < m; i++) {
+			evaluatedIdsArray[i] = BigInt(evaluatedIds[i]);
+		}
+
+		// Mask is Float32Array
+		const maskArray = new Float32Array(m * m);
+		for (let i = 0; i < m * m; i++) {
+			maskArray[i] = evaluatedMask[i];
+		}
+
+		// Create ONNX tensors
+		const prefixIdsTensor = new this.TensorClass("int64", prefixIdsArray, [
+			batchSize,
+			prefixLen
+		]);
+		const evaluatedIdsTensor = new this.TensorClass("int64", evaluatedIdsArray, [batchSize, m]);
+		const evaluatedMaskTensor = new this.TensorClass("float32", maskArray, [1, m, m]);
+
+		// Run inference
+		const results = await this.session.run({
+			prefix_ids: prefixIdsTensor,
+			evaluated_ids: evaluatedIdsTensor,
+			evaluated_mask: evaluatedMaskTensor
+		});
+
+		// Extract logits
+		const logits = results.logits.data as Float32Array;
+
+		// Output shape: [batch, m+1, vocab_size]
+		// We return flattened array and num_evaluated for reshaping
+		return {
+			logits,
+			numEvaluated: m
+		};
+	}
+
+
+	/**
+	 * Compute softmax for a single position's logits
+	 * @param logits - Full logits array
+	 * @param position - Which evaluated position (0 = last prefix, 1-m = evaluated tokens)
+	 * @returns Probability distribution over vocabulary
+	 */
+	softmax(logits: Float32Array, position: number): Float32Array {
+		const vocabSize = this.config.vocabSize;
+		const offset = position * vocabSize;
+		const probs = new Float32Array(vocabSize);
+
+		// Find max for numerical stability
+		let maxLogit = -Infinity;
+		for (let i = 0; i < vocabSize; i++) {
+			maxLogit = Math.max(maxLogit, logits[offset + i]);
+		}
+
+		// Compute exp and sum
+		let sumExp = 0;
+		for (let i = 0; i < vocabSize; i++) {
+			probs[i] = Math.exp(logits[offset + i] - maxLogit);
+			sumExp += probs[i];
+		}
+
+		// Normalize
+		for (let i = 0; i < vocabSize; i++) {
+			probs[i] /= sumExp;
+		}
+
+		return probs;
+	}
+
+
+	/**
+	 * Check if inferencer is ready
+	 */
+	isReady(): boolean {
+		return this.session !== null;
+	}
+
+	/**
+	 * Destroy the session and free resources
+	 */
+	destroy(): void {
+		this.session = null;
+		console.log("[ModelInferencer] Session destroyed");
+	}
+
+	// Private helper methods
+
+	private printModelInfo(): void {
+		if (!this.session) return;
+
+		console.log("[ModelInferencer] Model Information:");
+		console.log("  Inputs:");
+		this.session.inputNames.forEach((name, i) => {
+			console.log(`    [${i}] ${name}`);
+		});
+		console.log("  Outputs:");
+		this.session.outputNames.forEach((name, i) => {
+			console.log(`    [${i}] ${name}`);
+		});
+	}
+
+	private createRandomInput(batchSize: number, seqLen: number): BigInt64Array {
+		const size = batchSize * seqLen;
+		const data = new BigInt64Array(size);
+		for (let i = 0; i < size; i++) {
+			data[i] = BigInt(Math.floor(Math.random() * this.config.vocabSize));
+		}
+		return data;
+	}
+
+	private padSequence(tokens: number[], targetLen: number): number[] {
+		const padded = [...tokens];
+		while (padded.length < targetLen) {
+			padded.push(this.PAD_TOKEN);
+		}
+		return padded.slice(0, targetLen); // Truncate if too long
+	}
+
+	private validateOutput(logits: OnnxTensor, batchSize: number, seqLen: number): void {
+		const expectedShape = [batchSize, seqLen, this.config.vocabSize];
+
+		if (logits.dims.length !== 3) {
+			throw new Error(`Expected 3D output, got ${logits.dims.length}D`);
+		}
+
+		if (
+			logits.dims[0] !== expectedShape[0] ||
+			logits.dims[1] !== expectedShape[1] ||
+			logits.dims[2] !== expectedShape[2]
+		) {
+			throw new Error(
+				`Shape mismatch! Expected [${expectedShape.join(", ")}], ` +
+					`got [${logits.dims.join(", ")}]`
+			);
+		}
+
+		if (logits.type !== "float32") {
+			throw new Error(`Expected float32 output, got ${logits.type}`);
+		}
+	}
+
+	private getPredictions(logitsData: Float32Array, numPositions: number): number[] {
+		const predictions: number[] = [];
+		for (let i = 0; i < numPositions; i++) {
+			let maxIdx = 0;
+			let maxVal = logitsData[i * this.config.vocabSize];
+			for (let j = 1; j < this.config.vocabSize; j++) {
+				const val = logitsData[i * this.config.vocabSize + j];
+				if (val > maxVal) {
+					maxVal = val;
+					maxIdx = j;
+				}
+			}
+			predictions.push(maxIdx);
+		}
+		return predictions;
+	}
+}

trigo-web/inc/tgn/README.md

@@ -29,7 +29,7 @@ This will generate `tgn.jison.cjs` from `tgn.jison`.
 Import the parser functions from the game module:
 
 ```typescript
-import { TrigoGame, validateTGN, TGNParseError } from '@inc/trigo/game';
+import { TrigoGame, validateTGN, TGNParseError } from "@inc/trigo/game";
 
 // Parse TGN and create game instance
 const tgn = `
@@ -37,24 +37,24 @@ const tgn = `
 [Board 5x5x5]
 
 1. 000 y00
-2. 0y0 pass
+2. 0y0 Pass
 `;
 
 try {
-  const game = TrigoGame.fromTGN(tgn);
-  console.log('Game loaded successfully!');
+	const game = TrigoGame.fromTGN(tgn);
+	console.log("Game loaded successfully!");
 } catch (error) {
-  if (error instanceof TGNParseError) {
-    console.error('Parse error at line', error.line);
-  }
+	if (error instanceof TGNParseError) {
+		console.error("Parse error at line", error.line);
+	}
 }
 
 // Validate TGN without parsing
 const result = validateTGN(tgn);
 if (result.valid) {
-  console.log('Valid TGN');
+	console.log("Valid TGN");
 } else {
-  console.error('Invalid TGN:', result.error);
+	console.error("Invalid TGN:", result.error);
 }
 ```
 
@@ -78,7 +78,7 @@ Example:
 
 1. 000 y00
 2. 0y0 yy0
-3. aaa pass
+3. aaa Pass
 ```
 
 ### Coordinate Notation (ab0yz)
@@ -88,12 +88,14 @@ Example:
 - `z`, `y`, `x`, ... = positions from opposite edge toward center
 
 Examples for 5×5×5 board:
+
 - `000` = center (2,2,2)
 - `aaa` = corner (0,0,0)
 - `zzz` = opposite corner (4,4,4)
 - `y00` = (4,2,2)
 
 For 2D boards (e.g., 19×19×1), only two coordinates are used:
+
 - `00` = center
 - `aa` = corner
 

trigo-web/inc/tgn/tgn.jison

@@ -45,8 +45,8 @@
 /* Move notation placeholders - will be expanded later */
 [1-9][0-9]*				return 'NUMBER'
 "."						return 'DOT'
-"pass"					return 'PASS'
-"resign"				return 'RESIGN'
+"Pass"					return 'PASS'
+"Resign"				return 'RESIGN'
 "points"				return 'POINTS'
 "stones"				return 'STONES'
 

trigo-web/inc/tgn/tgnParser.ts

@@ -14,11 +14,10 @@
  * Parsed move action - represents a single player's action in a round
  */
 export interface ParsedMoveAction {
-	type: 'move' | 'pass' | 'resign';
-	position?: string;  // ab0yz coordinate notation
+	type: "move" | "pass" | "resign";
+	position?: string; // ab0yz coordinate notation
 }
 
-
 /**
  * Parsed move round - contains both black and white moves
  */
@@ -28,19 +27,17 @@ export interface ParsedMoveRound {
 	action_white?: ParsedMoveAction;
 }
 
-
 /**
  * Parsed game result
  */
 export interface ParsedGameResult {
-	Result: string;  // "black win" | "white win" | "draw" | "unknown"
+	Result: string; // "black win" | "white win" | "draw" | "unknown"
 	Conquer?: {
 		n: number;
-		unit: string;  // "points" | "stones"
+		unit: string; // "points" | "stones"
 	};
 }
 
-
 /**
  * Parsed TGN tags (metadata)
  */
@@ -52,7 +49,7 @@ export interface ParsedTags {
 	Black?: string;
 	White?: string;
 	Result?: string;
-	Board?: number[];  // [x, y, z] or [x, y]
+	Board?: number[]; // [x, y, z] or [x, y]
 	Handicap?: string;
 	Rules?: string;
 	TimeControl?: string;
@@ -61,7 +58,6 @@ export interface ParsedTags {
 	[key: string]: string | number[] | ParsedGameResult | undefined;
 }
 
-
 /**
  * Parser output structure
  */
@@ -71,7 +67,6 @@ export interface TGNParseResult {
 	success: boolean;
 }
 
-
 /**
  * Parser error with position information
  */
@@ -83,15 +78,13 @@ export class TGNParseError extends Error {
 		public hash?: any
 	) {
 		super(message);
-		this.name = 'TGNParseError';
+		this.name = "TGNParseError";
 	}
 }
 
-
 // Will be set by initialization code or build process
 let parserModule: any = null;
 
-
 /**
  * Set the parser module (called by initialization code)
  * This allows the pre-built parser to be used
@@ -100,7 +93,6 @@ export function setParserModule(module: any): void {
 	parserModule = module;
 }
 
-
 /**
  * Get the parser module
  * Throws error if parser not loaded
@@ -108,14 +100,13 @@ export function setParserModule(module: any): void {
 function getParser() {
 	if (!parserModule) {
 		throw new Error(
-			'TGN parser not loaded. Please ensure the parser has been built.\n' +
-			'Run: npm run build:parsers'
+			"TGN parser not loaded. Please ensure the parser has been built.\n" +
+				"Run: npm run build:parsers"
 		);
 	}
 	return parserModule;
 }
 
-
 /**
  * Parse TGN string and return structured data
  * Synchronous parsing (no async needed)
@@ -128,7 +119,7 @@ export function parseTGN(tgnString: string): TGNParseResult {
 	const parser = getParser();
 
 	if (!parser.parse) {
-		throw new Error('TGN parser parse method not available');
+		throw new Error("TGN parser parse method not available");
 	}
 
 	try {
@@ -137,7 +128,7 @@ export function parseTGN(tgnString: string): TGNParseResult {
 	} catch (error: any) {
 		// Wrap jison errors with our custom error type
 		throw new TGNParseError(
-			error.message || 'Unknown parse error',
+			error.message || "Unknown parse error",
 			error.hash?.line,
 			error.hash?.loc?.first_column,
 			error.hash
@@ -145,7 +136,6 @@ export function parseTGN(tgnString: string): TGNParseResult {
 	}
 }
 
-
 /**
  * Validate TGN string without fully parsing
  * Synchronous validation (no async needed)
@@ -160,7 +150,7 @@ export function validateTGN(tgnString: string): { valid: boolean; error?: string
 	} catch (error: any) {
 		return {
 			valid: false,
-			error: error.message || 'Unknown validation error'
+			error: error.message || "Unknown validation error"
 		};
 	}
 }

trigo-web/inc/trigo/ab0yz.ts

@@ -1,7 +1,6 @@
-
 // remove ones at tail
-const compactShape = (shape: number[]): number[] => shape[shape.length - 1] === 1 ? compactShape(shape.slice(0, shape.length - 1)) : shape;
-
+const compactShape = (shape: number[]): number[] =>
+	shape[shape.length - 1] === 1 ? compactShape(shape.slice(0, shape.length - 1)) : shape;
 
 /**
  * Encode a position to TGN coordinate string.
@@ -32,7 +31,7 @@ const encodeAb0yz = (pos: number[], boardShape: number[]): string => {
 
 		if (index === center) {
 			// Center position
-			result.push('0');
+			result.push("0");
 		} else if (index < center) {
 			// Left side: a, b, c, ...
 			result.push(String.fromCharCode(97 + index)); // 'a' = 97
@@ -43,10 +42,9 @@ const encodeAb0yz = (pos: number[], boardShape: number[]): string => {
 		}
 	}
 
-	return result.join('');
+	return result.join("");
 };
 
-
 /**
  * Decode a TGN coordinate string to position array.
  *
@@ -64,7 +62,9 @@ const decodeAb0yz = (code: string, boardShape: number[]): number[] => {
 	const compactedShape = compactShape(boardShape);
 
 	if (code.length !== compactedShape.length) {
-		throw new Error(`Invalid TGN coordinate: "${code}" (must be ${compactedShape.length} characters for board shape ${boardShape.join('x')})`);
+		throw new Error(
+			`Invalid TGN coordinate: "${code}" (must be ${compactedShape.length} characters for board shape ${boardShape.join("x")})`
+		);
 	}
 
 	const result: number[] = [];
@@ -74,14 +74,15 @@ const decodeAb0yz = (code: string, boardShape: number[]): number[] => {
 		const size = compactedShape[i];
 		const center = (size - 1) / 2;
 
-		if (char === '0') {
+		if (char === "0") {
 			// Center position
 			console.assert(Number.isInteger(center));
 			result.push(center);
 		} else {
 			const charCode = char.charCodeAt(0);
 
-			if (charCode >= 97 && charCode <= 122) { // 'a' to 'z'
+			if (charCode >= 97 && charCode <= 122) {
+				// 'a' to 'z'
 				// Calculate distance from 'a' and 'z'
 				const distFromA = charCode - 97;
 				const distFromZ = 122 - charCode;
@@ -91,19 +92,25 @@ const decodeAb0yz = (code: string, boardShape: number[]): number[] => {
 					// Left side: a=0, b=1, c=2, ...
 					const index = distFromA;
 					if (index >= center) {
-						throw new Error(`Invalid TGN coordinate: "${code}" (position ${index} >= center ${center} on axis ${i})`);
+						throw new Error(
+							`Invalid TGN coordinate: "${code}" (position ${index} >= center ${center} on axis ${i})`
+						);
 					}
 					result.push(index);
 				} else {
 					// Right side: z=size-1, y=size-2, x=size-3, ...
 					const index = size - 1 - distFromZ;
 					if (index <= center) {
-						throw new Error(`Invalid TGN coordinate: "${code}" (position ${index} <= center ${center} on axis ${i})`);
+						throw new Error(
+							`Invalid TGN coordinate: "${code}" (position ${index} <= center ${center} on axis ${i})`
+						);
 					}
 					result.push(index);
 				}
 			} else {
-				throw new Error(`Invalid TGN coordinate: "${code}" (character '${char}' at position ${i} must be '0' or a-z)`);
+				throw new Error(
+					`Invalid TGN coordinate: "${code}" (character '${char}' at position ${i} must be '0' or a-z)`
+				);
 			}
 		}
 	}
@@ -116,5 +123,4 @@ const decodeAb0yz = (code: string, boardShape: number[]): number[] => {
 	return result;
 };
 
-
 export { encodeAb0yz, decodeAb0yz };

trigo-web/inc/trigo/game.ts

@@ -15,34 +15,32 @@ import {
 	findCapturedGroups,
 	executeCaptures,
 	calculateTerritory,
+	isKoViolation,
+	isSuicideMove,
 	type TerritoryResult
 } from "./gameUtils";
 import { encodeAb0yz, decodeAb0yz } from "./ab0yz";
 import { parseTGN, validateTGN, TGNParseError } from "../tgn/tgnParser";
 
-
 // Re-export StoneType for convenient access with TrigoGame
 export { StoneType } from "./gameUtils";
 
-
 /**
  * Step Types - Different types of moves in the game
  * Equivalent to trigo.Game.StepType in prototype
  */
 export enum StepType {
-	DROP = 0,      // Place a stone
-	PASS = 1,      // Pass turn
+	DROP = 0, // Place a stone
+	PASS = 1, // Pass turn
 	SURRENDER = 2, // Resign/surrender
-	UNDO = 3       // Undo last move (called "REPENT" in prototype)
+	UNDO = 3 // Undo last move (called "REPENT" in prototype)
 }
 
-
 /**
  * Game Status enumeration
  */
 export type GameStatus = "idle" | "playing" | "paused" | "finished";
 
-
 /**
  * Game Result information
  */
@@ -52,20 +50,18 @@ export interface GameResult {
 	score?: TerritoryResult;
 }
 
-
 /**
  * Step - Represents a single move in the game
  * Equivalent to step objects in prototype's StepHistory
  */
 export interface Step {
 	type: StepType;
-	position?: Position;       // Only for DROP moves
-	player: Stone;             // Which player made this move
+	position?: Position; // Only for DROP moves
+	player: Stone; // Which player made this move
 	capturedPositions?: Position[]; // Stones captured by this move
-	timestamp: number;         // When the move was made
+	timestamp: number; // When the move was made
 }
 
-
 /**
  * Game Callbacks - Event handlers for game state changes
  * Equivalent to Callbacks in prototype's trigo.Game constructor
@@ -78,7 +74,6 @@ export interface GameCallbacks {
 	onTerritoryChange?: (territory: TerritoryResult) => void;
 }
 
-
 /**
  * TrigoGame - Main game class managing state, history, and logic
  *
@@ -114,7 +109,6 @@ export class TrigoGame {
 	private territoryDirty: boolean = true;
 	private cachedTerritory: TerritoryResult | null = null;
 
-
 	/**
 	 * Constructor
 	 * Equivalent to trigo.Game constructor (lines 75-85)
@@ -131,7 +125,6 @@ export class TrigoGame {
 		this.passCount = 0;
 	}
 
-
 	/**
 	 * Create an empty board
 	 */
@@ -149,7 +142,6 @@ export class TrigoGame {
 		return board;
 	}
 
-
 	/**
 	 * Reset the game to initial state
 	 * Equivalent to Game.reset() (lines 153-163)
@@ -167,16 +159,59 @@ export class TrigoGame {
 		this.passCount = 0;
 	}
 
+	/**
+	 * Clone the game state (deep copy)
+	 * Creates an independent copy with all state preserved
+	 */
+	clone(): TrigoGame {
+		const cloned = new TrigoGame(this.shape, {});
+
+		// Deep copy board
+		cloned.board = this.board.map((plane) => plane.map((row) => [...row]));
+
+		// Copy game state
+		cloned.currentPlayer = this.currentPlayer;
+		cloned.currentStepIndex = this.currentStepIndex;
+		cloned.gameStatus = this.gameStatus;
+		cloned.passCount = this.passCount;
+
+		// Deep copy step history
+		cloned.stepHistory = this.stepHistory.map((step) => ({
+			...step,
+			position: step.position ? { ...step.position } : undefined,
+			capturedPositions: step.capturedPositions
+				? step.capturedPositions.map((pos) => ({ ...pos }))
+				: []
+		}));
+
+		// Deep copy last captured positions
+		cloned.lastCapturedPositions = this.lastCapturedPositions
+			? this.lastCapturedPositions.map((pos) => ({ ...pos }))
+			: null;
+
+		// Copy game result
+		if (this.gameResult) {
+			cloned.gameResult = {
+				...this.gameResult,
+				score: this.gameResult.score ? { ...this.gameResult.score } : undefined
+			};
+		}
+
+		// Territory cache will be recalculated on demand
+		cloned.territoryDirty = true;
+		cloned.cachedTerritory = null;
+
+		return cloned;
+	}
 
 	/**
 	 * Get current board state (read-only)
 	 */
 	getBoard(): Stone[][][] {
 		// Return a deep copy to prevent external modification
-		return this.board.map(plane => plane.map(row => [...row]));
+		return this.board.map((plane) => plane.map((row) => [...row]));
 	}
 
-
 	/**
 	 * Get stone at specific position
 	 * Equivalent to Game.stone() (lines 95-97)
@@ -185,7 +220,6 @@ export class TrigoGame {
 		return this.board[pos.x][pos.y][pos.z];
 	}
 
-
 	/**
 	 * Get current player
 	 */
@@ -193,7 +227,6 @@ export class TrigoGame {
 		return this.currentPlayer;
 	}
 
-
 	/**
 	 * Get current step number
 	 * Equivalent to Game.currentStep() (lines 99-101)
@@ -202,7 +235,6 @@ export class TrigoGame {
 		return this.currentStepIndex;
 	}
 
-
 	/**
 	 * Get move history
 	 * Equivalent to Game.routine() (lines 103-105)
@@ -211,7 +243,6 @@ export class TrigoGame {
 		return [...this.stepHistory];
 	}
 
-
 	/**
 	 * Get last move
 	 * Equivalent to Game.lastStep() (lines 107-110)
@@ -223,7 +254,6 @@ export class TrigoGame {
 		return null;
 	}
 
-
 	/**
 	 * Get board shape
 	 * Equivalent to Game.shape() (lines 87-89)
@@ -232,7 +262,6 @@ export class TrigoGame {
 		return { ...this.shape };
 	}
 
-
 	/**
 	 * Get game status
 	 */
@@ -240,7 +269,6 @@ export class TrigoGame {
 		return this.gameStatus;
 	}
 
-
 	/**
 	 * Set game status
 	 */
@@ -248,7 +276,6 @@ export class TrigoGame {
 		this.gameStatus = status;
 	}
 
-
 	/**
 	 * Get game result
 	 */
@@ -256,7 +283,6 @@ export class TrigoGame {
 		return this.gameResult;
 	}
 
-
 	/**
 	 * Get consecutive pass count
 	 */
@@ -264,7 +290,6 @@ export class TrigoGame {
 		return this.passCount;
 	}
 
-
 	/**
 	 * Recalculate consecutive pass count based on current history
 	 * Counts consecutive PASS steps from the end of current history
@@ -282,7 +307,6 @@ export class TrigoGame {
 		}
 	}
 
-
 	/**
 	 * Start the game
 	 */
@@ -292,7 +316,6 @@ export class TrigoGame {
 		}
 	}
 
-
 	/**
 	 * Check if game is active
 	 */
@@ -300,7 +323,6 @@ export class TrigoGame {
 		return this.gameStatus === "playing";
 	}
 
-
 	/**
 	 * Check if a move is valid
 	 * Equivalent to Game.isDropable() and Game.isValidStep() (lines 112-151)
@@ -310,6 +332,59 @@ export class TrigoGame {
 		return validateMove(pos, playerColor, this.board, this.shape, this.lastCapturedPositions);
 	}
 
+	/**
+	 * Get all valid move positions for current player (efficient batch query)
+	 *
+	 * This method is optimized to avoid repeated validation checks by:
+	 * 1. Only checking empty positions
+	 * 2. Skipping bounds checking (iterator is already within bounds)
+	 * 3. Using low-level validation functions directly
+	 * 4. Batching board state access
+	 *
+	 * @param player - Optional player color (defaults to current player)
+	 * @returns Array of all valid move positions
+	 */
+	validMovePositions(player?: Stone): Position[] {
+		const playerColor = player || this.currentPlayer;
+		const validPositions: Position[] = [];
+
+		// Iterate through all board positions (bounds are guaranteed)
+		for (let x = 0; x < this.shape.x; x++) {
+			for (let y = 0; y < this.shape.y; y++) {
+				for (let z = 0; z < this.shape.z; z++) {
+					// Skip occupied positions (quick filter)
+					if (this.board[x][y][z] !== StoneType.EMPTY) {
+						continue;
+					}
+
+					const pos: Position = { x, y, z };
+
+					// Check Ko violation (using low-level function)
+					if (
+						isKoViolation(
+							pos,
+							playerColor,
+							this.board,
+							this.shape,
+							this.lastCapturedPositions
+						)
+					) {
+						continue;
+					}
+
+					// Check suicide rule (using low-level function)
+					if (isSuicideMove(pos, playerColor, this.board, this.shape)) {
+						continue;
+					}
+
+					// Position is valid
+					validPositions.push(pos);
+				}
+			}
+		}
+
+		return validPositions;
+	}
 
 	/**
 	 * Reset pass count (called when a stone is placed)
@@ -318,7 +393,6 @@ export class TrigoGame {
 		this.passCount = 0;
 	}
 
-
 	/**
 	 * Place a stone (drop move)
 	 * Equivalent to Game.drop() and Game.appendStone() (lines 181-273)
@@ -375,7 +449,6 @@ export class TrigoGame {
 		return true;
 	}
 
-
 	/**
 	 * Pass turn
 	 * Equivalent to PASS step type in prototype
@@ -422,8 +495,12 @@ export class TrigoGame {
 
 			// Trigger win callback
 			if (this.callbacks.onWin) {
-				const winnerStone = winner === "black" ? StoneType.BLACK :
-				                     winner === "white" ? StoneType.WHITE : StoneType.EMPTY;
+				const winnerStone =
+					winner === "black"
+						? StoneType.BLACK
+						: winner === "white"
+							? StoneType.WHITE
+							: StoneType.EMPTY;
 				this.callbacks.onWin(winnerStone);
 			}
 		}
@@ -431,13 +508,12 @@ export class TrigoGame {
 		return true;
 	}
 
-
 	/**
 	 * Surrender/resign
 	 * Equivalent to Game.step() with SURRENDER type (lines 176-178)
 	 */
 	surrender(): boolean {
-		const surrenderingPlayer = this.currentPlayer;  // Remember who surrendered
+		const surrenderingPlayer = this.currentPlayer; // Remember who surrendered
 
 		const step: Step = {
 			type: StepType.SURRENDER,
@@ -464,7 +540,6 @@ export class TrigoGame {
 		return true;
 	}
 
-
 	/**
 	 * Undo last move
 	 * Equivalent to Game.repent() (lines 197-230)
@@ -481,7 +556,8 @@ export class TrigoGame {
 		// Revert the move
 		if (lastStep.type === StepType.DROP && lastStep.position) {
 			// Remove the placed stone
-			this.board[lastStep.position.x][lastStep.position.y][lastStep.position.z] = StoneType.EMPTY;
+			this.board[lastStep.position.x][lastStep.position.y][lastStep.position.z] =
+				StoneType.EMPTY;
 
 			// Restore captured stones
 			if (lastStep.capturedPositions) {
@@ -519,7 +595,6 @@ export class TrigoGame {
 		return true;
 	}
 
-
 	/**
 	 * Redo next move (after undo)
 	 *
@@ -536,7 +611,8 @@ export class TrigoGame {
 		// Re-apply the move
 		if (nextStep.type === StepType.DROP && nextStep.position) {
 			// Place the stone
-			this.board[nextStep.position.x][nextStep.position.y][nextStep.position.z] = nextStep.player;
+			this.board[nextStep.position.x][nextStep.position.y][nextStep.position.z] =
+				nextStep.player;
 
 			// Re-execute captures if there were any
 			if (nextStep.capturedPositions) {
@@ -560,13 +636,15 @@ export class TrigoGame {
 
 		// Trigger callback
 		if (this.callbacks.onStepAdvance) {
-			this.callbacks.onStepAdvance(nextStep, this.stepHistory.slice(0, this.currentStepIndex));
+			this.callbacks.onStepAdvance(
+				nextStep,
+				this.stepHistory.slice(0, this.currentStepIndex)
+			);
 		}
 
 		return true;
 	}
 
-
 	/**
 	 * Check if redo is available
 	 */
@@ -574,7 +652,6 @@ export class TrigoGame {
 		return this.currentStepIndex < this.stepHistory.length;
 	}
 
-
 	/**
 	 * Jump to specific step in history
 	 * Rebuilds board state after applying the first 'index' moves
@@ -656,7 +733,6 @@ export class TrigoGame {
 		return true;
 	}
 
-
 	/**
 	 * Advance to next step
 	 * Equivalent to Game.stepAdvance() (lines 279-287)
@@ -680,7 +756,6 @@ export class TrigoGame {
 		}
 	}
 
-
 	/**
 	 * Get territory calculation
 	 * Equivalent to Game.blackDomain() and Game.whiteDomain() (lines 232-244)
@@ -695,7 +770,6 @@ export class TrigoGame {
 		return this.cachedTerritory;
 	}
 
-
 	/**
 	 * Get captured stone counts up to current position in history
 	 * Only counts captures that have been played (up to currentStepIndex)
@@ -720,7 +794,6 @@ export class TrigoGame {
 		return counts;
 	}
 
-
 	/**
 	 * Serialize game state to JSON
 	 * Equivalent to Game.serialize() (lines 250-252)
@@ -738,7 +811,6 @@ export class TrigoGame {
 		};
 	}
 
-
 	/**
 	 * Load game state from JSON
 	 */
@@ -780,7 +852,6 @@ export class TrigoGame {
 		}
 	}
 
-
 	/**
 	 * Get game statistics
 	 */
@@ -818,7 +889,6 @@ export class TrigoGame {
 		};
 	}
 
-
 	/**
 	 * Save game state to sessionStorage
 	 *
@@ -842,7 +912,6 @@ export class TrigoGame {
 		return false;
 	}
 
-
 	/**
 	 * Load game state from sessionStorage
 	 *
@@ -871,7 +940,6 @@ export class TrigoGame {
 		return false;
 	}
 
-
 	/**
 	 * Clear saved game state from sessionStorage
 	 *
@@ -890,7 +958,6 @@ export class TrigoGame {
 		}
 	}
 
-
 	/**
 	 * Export game to TGN (Trigo Game Notation) format
 	 *
@@ -950,16 +1017,17 @@ export class TrigoGame {
 				const diff = Math.abs(black - white);
 				resultStr += `${diff}points`;
 			} else if (this.gameResult.reason === "resignation") {
-				resultStr += "resign";
+				resultStr += "Resign";
 			}
 
 			lines.push(`[Result "${resultStr}"]`);
 		}
 
 		// Add board size (without quotes - parser expects unquoted board shape)
-		const boardStr = this.shape.z === 1
-			? `${this.shape.x}x${this.shape.y}`  // 2D board
-			: `${this.shape.x}x${this.shape.y}x${this.shape.z}`;  // 3D board
+		const boardStr =
+			this.shape.z === 1
+				? `${this.shape.x}x${this.shape.y}` // 2D board
+				: `${this.shape.x}x${this.shape.y}x${this.shape.z}`; // 3D board
 		lines.push(`[Board ${boardStr}]`);
 
 		// Add optional metadata
@@ -993,9 +1061,9 @@ export class TrigoGame {
 				const coord = encodeAb0yz(pos, boardShape);
 				moveStr += coord;
 			} else if (step.type === StepType.PASS) {
-				moveStr += "pass";
+				moveStr += "Pass";
 			} else if (step.type === StepType.SURRENDER) {
-				moveStr += "resign";
+				moveStr += "Resign";
 			}
 
 			moves.push(moveStr);
@@ -1035,7 +1103,6 @@ export class TrigoGame {
 		return lines.join("\n");
 	}
 
-
 	/**
 	 * Import game from TGN (Trigo Game Notation) format
 	 *
@@ -1103,7 +1170,6 @@ export class TrigoGame {
 		return game;
 	}
 
-
 	/**
 	 * Apply a parsed move action to the game
 	 * Private helper method for fromTGN
@@ -1111,12 +1177,15 @@ export class TrigoGame {
 	 * @param action Parsed move action from TGN parser
 	 * @param boardShape Board dimensions for coordinate decoding
 	 */
-	private _applyParsedMove(action: { type: string; position?: string }, boardShape: BoardShape): void {
-		if (action.type === 'pass') {
+	private _applyParsedMove(
+		action: { type: string; position?: string },
+		boardShape: BoardShape
+	): void {
+		if (action.type === "pass") {
 			this.pass();
-		} else if (action.type === 'resign') {
+		} else if (action.type === "resign") {
 			this.surrender();
-		} else if (action.type === 'move' && action.position) {
+		} else if (action.type === "move" && action.position) {
 			// Decode ab0yz coordinate to Position
 			const coords = decodeAb0yz(action.position, [boardShape.x, boardShape.y, boardShape.z]);
 			const position: Position = {
@@ -1131,7 +1200,5 @@ export class TrigoGame {
 	}
 }
 
-
 // Re-export parser utilities for convenience
 export { validateTGN, TGNParseError } from "../tgn/tgnParser";
-

trigo-web/inc/trigo/gameUtils.ts

@@ -13,7 +13,6 @@ export const StoneType = {
 	WHITE: 2 as Stone
 };
 
-
 /**
  * Get the enemy color of a given stone
  *
@@ -25,19 +24,20 @@ export function getEnemyColor(color: Stone): Stone {
 	return StoneType.EMPTY;
 }
 
-
 /**
  * Check if a position is within board bounds
  */
 export function isInBounds(pos: Position, shape: BoardShape): boolean {
 	return (
-		pos.x >= 0 && pos.x < shape.x &&
-		pos.y >= 0 && pos.y < shape.y &&
-		pos.z >= 0 && pos.z < shape.z
+		pos.x >= 0 &&
+		pos.x < shape.x &&
+		pos.y >= 0 &&
+		pos.y < shape.y &&
+		pos.z >= 0 &&
+		pos.z < shape.z
 	);
 }
 
-
 /**
  * Get all neighboring positions (up to 6 in 3D: ±x, ±y, ±z)
  *
@@ -71,7 +71,6 @@ export function getNeighbors(pos: Position, shape: BoardShape): Position[] {
 	return neighbors;
 }
 
-
 /**
  * Compare two positions for equality
  */
@@ -79,7 +78,6 @@ export function positionsEqual(p1: Position, p2: Position): boolean {
 	return p1.x === p2.x && p1.y === p2.y && p1.z === p2.z;
 }
 
-
 /**
  * Coordinate Set - manages a set of positions (stones in a group or liberties)
  */
@@ -123,7 +121,6 @@ export class CoordSet {
 	}
 }
 
-
 /**
  * Patch - represents a connected group of same-colored stones
  *
@@ -168,15 +165,10 @@ export class Patch {
 	}
 }
 
-
 /**
  * Find the connected group of stones at a given position
  */
-export function findGroup(
-	pos: Position,
-	board: Stone[][][],
-	shape: BoardShape
-): Patch {
+export function findGroup(pos: Position, board: Stone[][][], shape: BoardShape): Patch {
 	const color = board[pos.x][pos.y][pos.z];
 	const group = new Patch(color);
 
@@ -212,7 +204,6 @@ export function findGroup(
 	return group;
 }
 
-
 /**
  * Get all neighboring groups (different from current position's color)
  */
@@ -247,20 +238,14 @@ export function getNeighborGroups(
 	return groups;
 }
 
-
 /**
  * Check if a group would be captured (has no liberties)
  */
-export function isGroupCaptured(
-	group: Patch,
-	board: Stone[][][],
-	shape: BoardShape
-): boolean {
+export function isGroupCaptured(group: Patch, board: Stone[][][], shape: BoardShape): boolean {
 	const liberties = group.getLiberties(board, shape);
 	return liberties.size() === 0;
 }
 
-
 /**
  * Find all groups that would be captured by placing a stone at position
  *
@@ -297,7 +282,6 @@ export function findCapturedGroups(
 	return captured;
 }
 
-
 /**
  * Check if placing a stone at position would result in self-capture (suicide)
  *
@@ -328,7 +312,6 @@ export function isSuicideMove(
 	return liberties.size() === 0;
 }
 
-
 /**
  * Ko Detection - check if move would recreate previous board state
  *
@@ -370,15 +353,11 @@ export function isKoViolation(
 	return false;
 }
 
-
 /**
  * Execute captures on the board
  * Returns the positions of captured stones
  */
-export function executeCaptures(
-	capturedGroups: Patch[],
-	board: Stone[][][]
-): Position[] {
+export function executeCaptures(capturedGroups: Patch[], board: Stone[][][]): Position[] {
 	const capturedPositions: Position[] = [];
 
 	for (const group of capturedGroups) {
@@ -391,7 +370,6 @@ export function executeCaptures(
 	return capturedPositions;
 }
 
-
 /**
  * Territory Calculation
  *
@@ -408,7 +386,6 @@ export interface TerritoryResult {
 	neutralTerritory: Position[];
 }
 
-
 /**
  * Find all connected empty positions starting from a position
  */
@@ -445,7 +422,6 @@ function findEmptyRegion(
 	return region;
 }
 
-
 /**
  * Determine which player owns an empty region
  * Returns BLACK, WHITE, or EMPTY (neutral/dame)
@@ -453,21 +429,17 @@ function findEmptyRegion(
  * Equivalent to PatchList.spaceDomain() in prototype (lines 561-585)
  * An empty region belongs to a player if ALL bordering stones are that color
  */
-function determineRegionOwner(
-	region: CoordSet,
-	board: Stone[][][],
-	shape: BoardShape
-): Stone {
+function determineRegionOwner(region: CoordSet, board: Stone[][][], shape: BoardShape): Stone {
 	let owner: Stone = StoneType.EMPTY;
-	let solved = false;  // Flag to break out when we find mixed colors
+	let solved = false; // Flag to break out when we find mixed colors
 
 	region.forEach((pos) => {
-		if (solved) return;  // Skip if already determined to be neutral
+		if (solved) return; // Skip if already determined to be neutral
 
 		const neighbors = getNeighbors(pos, shape);
 
 		for (const neighbor of neighbors) {
-			if (solved) break;  // Skip if already determined to be neutral
+			if (solved) break; // Skip if already determined to be neutral
 
 			const stone = board[neighbor.x][neighbor.y][neighbor.z];
 
@@ -478,7 +450,7 @@ function determineRegionOwner(
 				} else if (owner !== stone) {
 					// Found a different colored stone - region is neutral
 					owner = StoneType.EMPTY;
-					solved = true;  // Mark as solved so we stop checking
+					solved = true; // Mark as solved so we stop checking
 				}
 			}
 		}
@@ -487,7 +459,6 @@ function determineRegionOwner(
 	return owner;
 }
 
-
 /**
  * Calculate territory for both players
  *
@@ -498,10 +469,7 @@ function determineRegionOwner(
  * 1. First pass: Add all stones to their player's territory, collect empty regions
  * 2. Second pass: Determine ownership of each empty region
  */
-export function calculateTerritory(
-	board: Stone[][][],
-	shape: BoardShape
-): TerritoryResult {
+export function calculateTerritory(board: Stone[][][], shape: BoardShape): TerritoryResult {
 	const result: TerritoryResult = {
 		black: 0,
 		white: 0,
@@ -556,7 +524,6 @@ export function calculateTerritory(
 	return result;
 }
 
-
 /**
  * Validate if a move is legal
  *
@@ -568,7 +535,6 @@ export interface MoveValidation {
 	reason?: string;
 }
 
-
 export function validateMove(
 	pos: Position,
 	playerColor: Stone,

trigo-web/inc/trigo/index.ts

@@ -1,4 +1,3 @@
-
 export * from "./types";
 export * from "./gameUtils";
 export * from "./game";

trigo-web/inc/trigo/parserInit.ts

@@ -16,7 +16,6 @@
 
 import { setParserModule } from "../tgn/tgnParser";
 
-
 /**
  * Check if we're in a browser environment
  */
@@ -24,15 +23,17 @@ function isBrowser(): boolean {
 	return typeof window !== "undefined" && typeof document !== "undefined";
 }
 
-
 /**
  * Check if we're in a Node.js environment
  */
 function isNode(): boolean {
-	return typeof process !== "undefined" && !!(process as any).versions && !!(process as any).versions.node;
+	return (
+		typeof process !== "undefined" &&
+		!!(process as any).versions &&
+		!!(process as any).versions.node
+	);
 }
 
-
 /**
  * Initialize all parsers for use in the application
  * Should be called once at application startup
@@ -55,7 +56,6 @@ export async function initializeParsers(): Promise<void> {
 	}
 }
 
-
 /**
  * Initialize parsers for browser environment
  * Loads parsers from /lib/ which is served by Vite in dev and included in build
@@ -82,7 +82,9 @@ async function initializeParsersForBrowser(): Promise<void> {
 
 		// We need 'require' to be defined (but can be a dummy)
 		// eslint-disable-next-line @typescript-eslint/no-unused-vars
-		const require = function() { throw new Error("require not available in browser"); };
+		const require = function () {
+			throw new Error("require not available in browser");
+		};
 
 		// Eval in a scope where module, exports, and require are defined
 		// eslint-disable-next-line no-eval
@@ -92,7 +94,7 @@ async function initializeParsersForBrowser(): Promise<void> {
 		// So module.exports.parser is the actual parser instance
 		const parser = module.exports.parser;
 
-		if (!parser || typeof parser.parse !== 'function') {
+		if (!parser || typeof parser.parse !== "function") {
 			throw new Error("Parser loaded but parse method not available");
 		}
 
@@ -103,7 +105,6 @@ async function initializeParsersForBrowser(): Promise<void> {
 	}
 }
 
-
 /**
  * Initialize parsers for Node.js environment
  * Loads parsers from project's public/lib directory

trigo-web/inc/trigo/typeAdapters.ts

@@ -11,7 +11,6 @@ import type { Stone, Position, Player, Move } from "./types";
 import { StoneType } from "./game";
 import type { Step } from "./game";
 
-
 /**
  * Convert Player string to Stone number
  *
@@ -22,7 +21,6 @@ export function playerToStone(player: Player): Stone {
 	return player === "black" ? StoneType.BLACK : StoneType.WHITE;
 }
 
-
 /**
  * Convert Stone number to Player string
  *
@@ -39,7 +37,6 @@ export function stoneToPlayer(stone: Stone): Player {
 	return "black";
 }
 
-
 /**
  * Convert Step (TrigoGame format) to Move (frontend format)
  *
@@ -60,14 +57,14 @@ export function stepToMove(step: Step): Move {
 	}
 
 	// If it's a PASS move, set flag
-	if (step.type === 1) { // StepType.PASS
+	if (step.type === 1) {
+		// StepType.PASS
 		move.isPass = true;
 	}
 
 	return move;
 }
 
-
 /**
  * Convert array of Steps to array of Moves
  *
@@ -78,7 +75,6 @@ export function stepsToMoves(steps: Step[]): Move[] {
 	return steps.map(stepToMove);
 }
 
-
 /**
  * Convert board (Stone[][][]) to frontend format (number[][][])
  *
@@ -89,14 +85,9 @@ export function stepsToMoves(steps: Step[]): Move[] {
  * @returns Frontend board format
  */
 export function boardToNumbers(board: Stone[][][]): number[][][] {
-	return board.map(plane =>
-		plane.map(row =>
-			row.map(cell => cell as number)
-		)
-	);
+	return board.map((plane) => plane.map((row) => row.map((cell) => cell as number)));
 }
 
-
 /**
  * Helper: Create Position object from coordinates
  *

trigo-web/inc/trigoAgent.ts

@@ -0,0 +1,262 @@
+/**
+ * Trigo AI Agent - Language Model-based Move Selection (Frontend/Backend Common)
+ *
+ * Platform-agnostic AI agent that accepts ONNX session from platform-specific code.
+ * No direct dependency on onnxruntime packages - uses dependency injection pattern.
+ *
+ * Uses ONNX language model to score and select moves by:
+ * 1. Getting all valid moves for current position
+ * 2. Scoring each move by appending it to TGN and computing token probabilities
+ * 3. Selecting move with highest probability (argmax)
+ */
+
+import { ModelInferencer } from "./modelInferencer";
+import { TrigoGame, StoneType } from "./trigo/game";
+import type { Move, Stone } from "./trigo/types";
+
+/**
+ * Configuration for the AI agent
+ */
+export interface TrigoAgentConfig {
+	vocabSize?: number;
+	seqLen?: number;
+	temperature?: number;
+}
+
+/**
+ * Move score result
+ */
+export interface MoveScore {
+	move: Move;
+	score: number;
+	logProb: number;
+}
+
+/**
+ * Trigo AI Agent for move generation
+ * Compatible with both frontend (onnxruntime-web) and backend (onnxruntime-node)
+ */
+export class TrigoAgent {
+	private inferencer: ModelInferencer;
+
+	constructor(inferencer: ModelInferencer) {
+		this.inferencer = inferencer;
+	}
+
+	/**
+	 * Check if agent is initialized (checks if inferencer has a session)
+	 */
+	isInitialized(): boolean {
+		// Agent is initialized if the inferencer has been set up
+		return this.inferencer !== null;
+	}
+
+	/**
+	 * Convert Stone type to player string
+	 */
+	private stoneToPlayer(stone: Stone): "black" | "white" {
+		if (stone === StoneType.BLACK) return "black";
+		if (stone === StoneType.WHITE) return "white";
+		throw new Error(`Invalid stone type: ${stone}`);
+	}
+
+	/**
+	 * Convert string to token IDs (byte-level encoding)
+	 */
+	private stringToTokens(text: string): number[] {
+		return Array.from(text).map((char) => char.charCodeAt(0));
+	}
+
+	/**
+	 * Compute softmax probabilities from logits
+	 */
+	private softmax(logits: Float32Array, vocabSize: number): Float32Array {
+		const probs = new Float32Array(vocabSize);
+		let maxLogit = -Infinity;
+
+		// Find max for numerical stability
+		for (let i = 0; i < vocabSize; i++) {
+			if (logits[i] > maxLogit) {
+				maxLogit = logits[i];
+			}
+		}
+
+		// Compute exp and sum
+		let sum = 0;
+		for (let i = 0; i < vocabSize; i++) {
+			probs[i] = Math.exp(logits[i] - maxLogit);
+			sum += probs[i];
+		}
+
+		// Normalize
+		for (let i = 0; i < vocabSize; i++) {
+			probs[i] /= sum;
+		}
+
+		return probs;
+	}
+
+	/**
+	 * Score a candidate move by computing token probabilities
+	 *
+	 * Clones the game, applies the move, generates new TGN, and computes
+	 * the probability of the move tokens.
+	 */
+	async scoreMove(game: TrigoGame, move: Move): Promise<number> {
+		// Clone the game
+		const clonedGame = game.clone();
+
+		// Apply the move to the cloned game
+		let success: boolean;
+		if (move.isPass) {
+			success = clonedGame.pass();
+		} else if (move.x !== undefined && move.y !== undefined && move.z !== undefined) {
+			success = clonedGame.drop({ x: move.x, y: move.y, z: move.z });
+		} else {
+			// Invalid move format
+			return -1000;
+		}
+
+		if (!success) {
+			// Invalid move, return very low probability
+			return -1000;
+		}
+
+		// Generate TGN from both original and cloned game
+		const newTGN = clonedGame.toTGN().trim();
+
+		// Extract the move substring
+		// The move should be the new content added after the current TGN
+		const moveTokens = this.extractMoveTokens(newTGN);
+
+		if (moveTokens.length === 0) {
+			// Could not extract move, return low probability
+			return -100;
+		}
+
+		// Convert new TGN to tokens
+		const tokens = this.stringToTokens(newTGN);
+
+		// Get configuration
+		const config = this.inferencer.getConfig();
+		const seqLen = config.seqLen;
+		const vocabSize = config.vocabSize;
+
+		// Truncate if too long
+		if (tokens.length > seqLen) {
+			tokens.splice(0, tokens.length - seqLen);
+		}
+
+		// Run inference (START_TOKEN will be prepended by inferencer)
+		const logits = await this.inferencer.runInference(tokens);
+
+		// Compute probability for the move tokens
+		// Note: inferencer prepends START_TOKEN, so positions are offset by +1
+		// Token sequence: [START_TOKEN, ...tokens, PAD, PAD, ...]
+		// Position in output: token_i is at position i+1 in the padded sequence
+
+		// Find where move tokens start in original token sequence
+		const moveStartInTokens = tokens.length - moveTokens.length;
+
+		let logProb = 0;
+		for (let i = 0; i < moveTokens.length; i++) {
+			// Position of this move token in the original tokens array
+			const tokenPos = moveStartInTokens + i;
+
+			// Skip if position is out of bounds
+			// Logits at position tokenPos predict the token at tokenPos+1
+			if (tokenPos < 0 || tokenPos >= tokens.length) continue;
+
+			const offset = tokenPos * vocabSize;
+			const tokenLogits = logits.slice(offset, offset + vocabSize);
+			const probs = this.softmax(tokenLogits, vocabSize);
+
+			const tokenId = moveTokens[i];
+			const prob = probs[tokenId];
+
+			if (prob > 0) {
+				logProb += Math.log(prob);
+			} else {
+				// If probability is zero, assign very low prob
+				logProb += -100;
+			}
+		}
+
+		return logProb;
+	}
+
+	/**
+	 * Extract move tokens from TGN difference
+	 * Returns the tokens that were added between currentTGN and newTGN
+	 */
+	private extractMoveTokens(tgn: string): number[] {
+		const moveCapture = tgn.match(/[Pa-z0]+$/);
+
+		return this.stringToTokens(moveCapture ? moveCapture[0] : "");
+	}
+
+	/**
+	 * Select the best move using the language model
+	 *
+	 * Scores all valid moves and returns the one with highest probability (argmax).
+	 */
+	async selectBestMove(game: TrigoGame): Promise<Move | null> {
+		if (!this.isInitialized()) {
+			throw new Error("Agent not initialized. Pass initialized inferencer to constructor.");
+		}
+
+		console.log("[TrigoAgent] Selecting move...");
+
+		// Get current player as string
+		const currentPlayer = this.stoneToPlayer(game.getCurrentPlayer());
+
+		// Get all valid moves
+		const validMoves: Move[] = game.validMovePositions().map((pos) => ({
+			x: pos.x,
+			y: pos.y,
+			z: pos.z,
+			player: currentPlayer
+		}));
+		validMoves.push({ player: currentPlayer, isPass: true }); // Add pass move
+
+		if (validMoves.length === 0) {
+			console.log("[TrigoAgent] No valid moves available");
+			return null;
+		}
+
+		console.log(`[TrigoAgent] Evaluating ${validMoves.length} valid moves...`);
+
+		// Score each move
+		const scores: MoveScore[] = [];
+		for (const move of validMoves) {
+			const logProb = await this.scoreMove(game, move);
+
+			scores.push({
+				move,
+				score: Math.exp(logProb), // Convert log prob to probability
+				logProb
+			});
+		}
+
+		// Find best move (argmax)
+		scores.sort((a, b) => b.logProb - a.logProb);
+		const bestMove = scores[0];
+		console.debug("scores:", scores);
+
+		console.log("[TrigoAgent] Best move:", bestMove.move, "score:", bestMove.score.toFixed(6));
+		console.log("[TrigoAgent] Top 5 moves:");
+		for (let i = 0; i < Math.min(5, scores.length); i++) {
+			console.log(`  ${i + 1}. ${scores[i].move}: ${scores[i].score.toFixed(6)}`);
+		}
+
+		return bestMove.move;
+	}
+
+	/**
+	 * Clean up resources
+	 */
+	destroy(): void {
+		this.inferencer.destroy();
+		console.log("[TrigoAgent] Destroyed");
+	}
+}

trigo-web/inc/trigoTreeAgent.ts

@@ -0,0 +1,415 @@
+/**
+ * Trigo Tree Agent - AI agent using tree attention for efficient move evaluation
+ *
+ * Uses evaluation mode ONNX model to score all valid moves in parallel.
+ * Organizes moves as a prefix tree where branches with same head token are merged.
+ */
+
+import { ModelInferencer } from "./modelInferencer";
+import type { EvaluationInputs } from "./modelInferencer";
+import { TrigoGame, StoneType } from "./trigo/game";
+import type { Move, Stone, Position } from "./trigo/types";
+import { encodeAb0yz } from "./trigo/ab0yz";
+
+export interface ScoredMove {
+	move: Move;
+	score: number; // Log probability
+	notation: string; // TGN notation (e.g., "ab0")
+}
+
+export class TrigoTreeAgent {
+	private inferencer: ModelInferencer;
+
+	constructor(inferencer: ModelInferencer) {
+		this.inferencer = inferencer;
+	}
+
+	/**
+	 * Convert Stone type to player string
+	 */
+	private stoneToPlayer(stone: Stone): "black" | "white" {
+		if (stone === StoneType.BLACK) return "black";
+		if (stone === StoneType.WHITE) return "white";
+		throw new Error(`Invalid stone type: ${stone}`);
+	}
+
+	/**
+	 * Encode a position to TGN notation (3 characters for 5×5×5 board)
+	 */
+	private positionToTGN(pos: Position, shape: { x: number; y: number; z: number }): string {
+		const posArray = [pos.x, pos.y, pos.z];
+		const shapeArray = [shape.x, shape.y, shape.z];
+		return encodeAb0yz(posArray, shapeArray);
+	}
+
+	/**
+	 * Convert string to byte tokens (ASCII encoding)
+	 */
+	private stringToTokens(str: string): number[] {
+		const tokens: number[] = [];
+		for (let i = 0; i < str.length; i++) {
+			tokens.push(str.charCodeAt(i));
+		}
+		return tokens;
+	}
+
+	/**
+	 * Build prefix tree from token arrays using recursive merging
+	 * Merges branches with the same token at EVERY level
+	 *
+	 * Algorithm:
+	 * 1. Group sequences by their first token
+	 * 2. For each group:
+	 *    - Create one node for the shared first token
+	 *    - Extract remaining tokens (residues)
+	 *    - Recursively build subtree from residues
+	 * 3. Combine all subtrees and build attention mask
+	 *
+	 * Example for ["aa", "ab", "ba", "bb"]:
+	 *   Level 1: Group by first token → 'a': ["a","b"], 'b': ["a","b"]
+	 *   Level 2: Within 'a' group, build subtree for ["a","b"]
+	 *            Within 'b' group, build subtree for ["a","b"]
+	 *   Result: Two branches, each with properly merged second-level nodes
+	 *
+	 * @param tokenArrays - Array of token arrays
+	 * @returns Flattened token array (length m), mask matrix (m×m), and move-to-position mapping
+	 */
+	private buildPrefixTree(tokenArrays: number[][]): {
+		evaluatedIds: number[];
+		mask: number[];
+		moveToLeafPos: number[];
+	} {
+		type Seq = { moveIndex: number; tokens: number[] };
+
+		interface Node {
+			token: number;
+			pos: number;
+			parent: number | null;
+			children: Node[];
+			moveEnds: number[];
+		}
+
+		let nextPos = 0;
+
+		// --- Build prefix tree through recursive grouping ---
+		function build(seqs: Seq[], parent: number | null): Node[] {
+			// group by token
+			const groups = new Map<number, Seq[]>();
+			for (const s of seqs) {
+				if (s.tokens.length === 0) continue;
+				const t = s.tokens[0];
+				if (!groups.has(t)) groups.set(t, []);
+				groups.get(t)!.push(s);
+			}
+
+			const levelNodes: Node[] = [];
+
+			for (const [token, group] of groups) {
+				const pos = nextPos++;
+				const node: Node = {
+					token,
+					pos,
+					parent,
+					children: [],
+					moveEnds: []
+				};
+
+				// split residues
+				const ends: number[] = [];
+				const residues: Seq[] = [];
+
+				for (const g of group) {
+					if (g.tokens.length === 1) ends.push(g.moveIndex);
+					else residues.push({ moveIndex: g.moveIndex, tokens: g.tokens.slice(1) });
+				}
+
+				node.moveEnds = ends;
+
+				// create sub nodes recursively
+				if (residues.length > 0) {
+					node.children = build(residues, pos);
+				}
+
+				levelNodes.push(node);
+			}
+			return levelNodes;
+		}
+
+		// Build roots
+		const seqs = tokenArrays.map((t, i) => ({ moveIndex: i, tokens: t }));
+		const roots = build(seqs, null);
+		const total = nextPos;
+
+		// --- Flatten tree ---
+		const evaluatedIds = new Array<number>(total);
+		const parent = new Array<number | null>(total).fill(null);
+		const moveToLeafPos = new Array<number>(tokenArrays.length).fill(-1);
+
+		function dfs(n: Node) {
+			evaluatedIds[n.pos] = n.token;
+			parent[n.pos] = n.parent;
+
+			for (const m of n.moveEnds) moveToLeafPos[m] = n.pos;
+			for (const c of n.children) dfs(c);
+		}
+		for (const r of roots) dfs(r);
+
+		// --- Build ancestor mask ---
+		const mask = new Array(total * total).fill(0);
+		for (let i = 0; i < total; i++) {
+			let p = i;
+			while (p !== null) {
+				mask[i * total + p] = 1;
+				p = parent[p]!;
+			}
+		}
+
+		return { evaluatedIds, mask, moveToLeafPos };
+	}
+
+	/**
+	 * Build tree structure for all valid moves
+	 * Returns prefix tokens and tree structure for batch evaluation
+	 */
+	private buildMoveTree(
+		game: TrigoGame,
+		moves: Move[]
+	): {
+		prefixTokens: number[];
+		evaluatedIds: number[];
+		mask: number[];
+		moveData: Array<{ move: Move; notation: string; leafPos: number; parentPos: number }>;
+	} {
+		// Get current TGN as prefix
+		const currentTGN = game.toTGN().trim();
+
+		// Build prefix (everything up to next move)
+		const lines = currentTGN.split("\n");
+		const lastLine = lines[lines.length - 1];
+
+		let prefix: string;
+		if (lastLine.match(/^\d+\./)) {
+			// Last line is a move number, include it
+			prefix = currentTGN + " ";
+		} else if (lastLine.trim() === "") {
+			// Empty line, add move number
+			const moveMatches = currentTGN.match(/\d+\.\s/g);
+			const moveNumber = moveMatches ? moveMatches.length + 1 : 1;
+			const isBlackTurn = game.getCurrentPlayer() === StoneType.BLACK;
+			if (isBlackTurn) {
+				prefix = currentTGN + `${moveNumber}. `;
+			} else {
+				prefix = currentTGN + " ";
+			}
+		} else {
+			// Last line has moves, add space
+			prefix = currentTGN + " ";
+		}
+
+		const prefixTokens = this.stringToTokens(prefix);
+
+		// Encode each move to tokens (only first 2 tokens)
+		const shape = game.getShape();
+		const movesWithTokens = moves.map((move) => {
+			let notation: string;
+			if (move.isPass) {
+				notation = "Pass";
+			} else if (move.x !== undefined && move.y !== undefined && move.z !== undefined) {
+				notation = this.positionToTGN({ x: move.x, y: move.y, z: move.z }, shape);
+			} else {
+				throw new Error("Invalid move: missing coordinates");
+			}
+
+			// Exclude the last token
+			const fullTokens = this.stringToTokens(notation);
+			const tokens = fullTokens.slice(0, fullTokens.length - 1);
+
+			return { move, notation, tokens };
+		});
+
+		// Build prefix tree
+		const tokenArrays = movesWithTokens.map((m) => m.tokens);
+		const { evaluatedIds, mask, moveToLeafPos } = this.buildPrefixTree(tokenArrays);
+
+		// Build move data with leaf positions and parent positions
+		const moveData = movesWithTokens.map((m, index) => {
+			const leafPos = moveToLeafPos[index];
+			// Find parent position (root position for this move)
+			// Parent is the first token position
+			const firstToken = m.tokens[0];
+			let parentPos = -1;
+			for (let i = 0; i < evaluatedIds.length; i++) {
+				if (evaluatedIds[i] === firstToken && i < leafPos) {
+					// This is a potential parent
+					// Check if it's in the same branch by checking mask
+					// If leafPos can see position i, then i might be the parent
+					if (mask[leafPos * evaluatedIds.length + i] === 1.0 && i !== leafPos) {
+						// Find the closest parent (maximum index less than leafPos that leaf can see)
+						if (i > parentPos) {
+							parentPos = i;
+						}
+					}
+				}
+			}
+
+			return {
+				move: m.move,
+				notation: m.notation,
+				leafPos,
+				parentPos
+			};
+		});
+
+		return { prefixTokens, evaluatedIds, mask, moveData };
+	}
+
+	/**
+	 * Get tree structure for visualization (public method)
+	 */
+	getTreeStructure(
+		game: TrigoGame,
+		moves: Move[]
+	): {
+		evaluatedIds: number[];
+		mask: number[];
+		moveData: Array<{ move: Move; notation: string; leafPos: number; parentPos: number }>;
+	} {
+		return this.buildMoveTree(game, moves);
+	}
+
+	/**
+	 * Select best move using tree attention
+	 * Evaluates all valid moves in a single inference call
+	 */
+	async selectBestMove(game: TrigoGame): Promise<Move | null> {
+		if (!this.inferencer.isReady()) {
+			throw new Error("Inferencer not initialized");
+		}
+
+		// Get current player as string
+		const currentPlayer = this.stoneToPlayer(game.getCurrentPlayer());
+
+		// Get all valid moves
+		const validMoves: Move[] = game.validMovePositions().map((pos) => ({
+			x: pos.x,
+			y: pos.y,
+			z: pos.z,
+			player: currentPlayer
+		}));
+		validMoves.push({ player: currentPlayer, isPass: true }); // Add pass move
+
+		if (validMoves.length === 0) {
+			return null;
+		}
+
+		// Score all moves using tree attention
+		const scoredMoves = await this.scoreMoves(game, validMoves);
+
+		// Return move with highest score
+		if (scoredMoves.length === 0) {
+			return null;
+		}
+
+		scoredMoves.sort((a, b) => b.score - a.score);
+		return scoredMoves[0].move;
+	}
+
+	/**
+	 * Score all moves using tree attention (batch evaluation)
+	 */
+	async scoreMoves(game: TrigoGame, moves: Move[]): Promise<ScoredMove[]> {
+		if (moves.length === 0) {
+			return [];
+		}
+
+		// Build tree structure
+		const { prefixTokens, evaluatedIds, mask, moveData } = this.buildMoveTree(game, moves);
+
+		console.debug(`Tree structure: ${evaluatedIds.length} nodes for ${moveData.length} moves`);
+		console.debug(`Evaluated IDs:`, evaluatedIds.map((id) => String.fromCharCode(id)).join(""));
+		//console.debug(
+		//	`Move positions:`,
+		//	moveData.map((m) => `${m.notation}@${m.leafPos}(parent=${m.parentPos})`)
+		//);
+
+		// Prepare inputs for evaluation
+		const inputs: EvaluationInputs = {
+			prefixIds: prefixTokens,
+			evaluatedIds: evaluatedIds,
+			evaluatedMask: mask
+		};
+
+		// Run inference
+		const output = await this.inferencer.runEvaluationInference(inputs);
+		const { logits, numEvaluated } = output;
+
+		console.debug(`Inference output: ${numEvaluated} evaluated positions`);
+
+		// Score each move by accumulating log probabilities for all tokens in the path
+		// For each move, traverse the full path from root to leaf and sum log probabilities
+		const scoredMoves: ScoredMove[] = [];
+
+		// Cache softmax results for each output position to avoid recomputation
+		const softmaxCache = new Map<number, Float32Array>();
+		const getSoftmax = (outputPos: number): Float32Array => {
+			if (!softmaxCache.has(outputPos)) {
+				softmaxCache.set(outputPos, this.inferencer.softmax(logits, outputPos));
+			}
+			return softmaxCache.get(outputPos)!;
+		};
+
+		for (const data of moveData) {
+			let logProb = 0;
+
+			// Reconstruct the full path from root to leaf using the mask
+			// The mask tells us which positions each position can attend to (ancestors)
+			// We need to find all positions from root (or first move token) to leaf
+			const leafPos = data.leafPos;
+			const path: number[] = [0];
+
+			// Build path by finding all ancestors that this leaf can see
+			// Start from position 0 and find all positions up to leafPos that are in the path
+			for (let pos = 0; pos <= leafPos; pos++) {
+				// Check if leaf can see this position (it's an ancestor or self)
+				if (mask[leafPos * evaluatedIds.length + pos] === 1) {
+					path.push(pos + 1);
+				}
+			}
+			//console.debug("path:", data.notation, "->", path);
+
+			// Now accumulate log probabilities for all transitions in the path
+			// For each token in the path, we need P(token[i] | context up to token[i-1])
+			// The logits at output position j predict the NEXT token after position j
+			// So to get P(token at position i | context), we look at output from parent position
+			for (let i = 0; i < path.length; i++) {
+				const currentPos = path[i];
+				const currentToken = data.notation.charCodeAt(i);
+
+				// Subsequent tokens: predicted from previous position
+				// The output at prevPos predicts the token at currentPos
+
+				console.assert(currentPos <= numEvaluated, `Output position ${currentPos} exceeds numEvaluated ${numEvaluated}`);
+
+				if (currentPos <= numEvaluated) {
+					const probs = getSoftmax(currentPos);
+					const prob = probs[currentToken];
+
+					if (prob > 0)
+						logProb += Math.log(prob);
+					else
+						logProb += -100;
+				}
+				else
+					logProb += -100;
+			}
+
+			scoredMoves.push({
+				move: data.move,
+				score: logProb,
+				notation: data.notation
+			});
+		}
+
+		return scoredMoves;
+	}
+}

trigo-web/inc/tsconfig.json

@@ -13,4 +13,4 @@
 	},
 	"include": ["**/*.ts", "**/*.d.ts"],
 	"exclude": ["node_modules", "dist"]
-}
+}

trigo-web/package-lock.json

@@ -16,14 +16,19 @@
 				"concurrently": "^7.6.0",
 				"eslint-config-prettier": "^10.1.8",
 				"eslint-plugin-prettier": "^5.5.4",
+				"husky": "^9.1.7",
 				"jison": "^0.4.18",
 				"jsdom": "^27.1.0",
+				"lint-staged": "^16.2.7",
+				"onnxruntime-node": "1.23.2",
+				"onnxruntime-web": "1.23.2",
 				"prettier": "^3.6.2",
 				"tsx": "^4.20.6",
 				"typescript": "^5.2.2",
 				"vite": "^5.4.21",
 				"vitest": "^4.0.6",
 				"vue": "^3.3.4",
+				"vue-tsc": "^3.1.3",
 				"yargs": "^18.0.0"
 			}
 		},
@@ -250,9 +255,9 @@
 			}
 		},
 		"node_modules/@esbuild/aix-ppc64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-			"integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+			"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
 			"cpu": [
 				"ppc64"
 			],
@@ -262,13 +267,13 @@
 				"aix"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/android-arm": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-			"integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+			"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
 			"cpu": [
 				"arm"
 			],
@@ -278,13 +283,13 @@
 				"android"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/android-arm64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-			"integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+			"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
 			"cpu": [
 				"arm64"
 			],
@@ -294,13 +299,13 @@
 				"android"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/android-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-			"integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+			"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
 			"cpu": [
 				"x64"
 			],
@@ -310,13 +315,13 @@
 				"android"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/darwin-arm64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-			"integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+			"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
 			"cpu": [
 				"arm64"
 			],
@@ -326,13 +331,13 @@
 				"darwin"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/darwin-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-			"integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+			"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
 			"cpu": [
 				"x64"
 			],
@@ -342,13 +347,13 @@
 				"darwin"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-			"integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+			"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
 			"cpu": [
 				"arm64"
 			],
@@ -358,13 +363,13 @@
 				"freebsd"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/freebsd-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-			"integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+			"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
 			"cpu": [
 				"x64"
 			],
@@ -374,13 +379,13 @@
 				"freebsd"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-arm": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-			"integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+			"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
 			"cpu": [
 				"arm"
 			],
@@ -390,13 +395,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-arm64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-			"integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+			"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -406,13 +411,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-ia32": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-			"integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+			"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
 			"cpu": [
 				"ia32"
 			],
@@ -422,13 +427,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-loong64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-			"integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+			"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
 			"cpu": [
 				"loong64"
 			],
@@ -438,13 +443,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-mips64el": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-			"integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+			"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
 			"cpu": [
 				"mips64el"
 			],
@@ -454,13 +459,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-ppc64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-			"integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+			"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
 			"cpu": [
 				"ppc64"
 			],
@@ -470,13 +475,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-riscv64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-			"integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+			"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
 			"cpu": [
 				"riscv64"
 			],
@@ -486,13 +491,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-s390x": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-			"integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+			"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
 			"cpu": [
 				"s390x"
 			],
@@ -502,13 +507,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/linux-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-			"integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+			"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
 			"cpu": [
 				"x64"
 			],
@@ -518,7 +523,7 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/netbsd-arm64": {
@@ -538,9 +543,9 @@
 			}
 		},
 		"node_modules/@esbuild/netbsd-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-			"integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+			"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
 			"cpu": [
 				"x64"
 			],
@@ -550,7 +555,7 @@
 				"netbsd"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/openbsd-arm64": {
@@ -570,9 +575,9 @@
 			}
 		},
 		"node_modules/@esbuild/openbsd-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-			"integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+			"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
 			"cpu": [
 				"x64"
 			],
@@ -582,7 +587,7 @@
 				"openbsd"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/openharmony-arm64": {
@@ -602,9 +607,9 @@
 			}
 		},
 		"node_modules/@esbuild/sunos-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-			"integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+			"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
 			"cpu": [
 				"x64"
 			],
@@ -614,13 +619,13 @@
 				"sunos"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/win32-arm64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-			"integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+			"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
 			"cpu": [
 				"arm64"
 			],
@@ -630,13 +635,13 @@
 				"win32"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/win32-ia32": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-			"integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+			"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
 			"cpu": [
 				"ia32"
 			],
@@ -646,13 +651,13 @@
 				"win32"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@esbuild/win32-x64": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-			"integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+			"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
 			"cpu": [
 				"x64"
 			],
@@ -662,7 +667,7 @@
 				"win32"
 			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			}
 		},
 		"node_modules/@eslint-community/eslint-utils": {
@@ -885,6 +890,70 @@
 			"integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
 			"dev": true
 		},
+		"node_modules/@protobufjs/aspromise": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+			"integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/base64": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+			"integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/codegen": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+			"integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/eventemitter": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+			"integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/fetch": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+			"integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+			"dev": true,
+			"dependencies": {
+				"@protobufjs/aspromise": "^1.1.1",
+				"@protobufjs/inquire": "^1.1.0"
+			}
+		},
+		"node_modules/@protobufjs/float": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+			"integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/inquire": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+			"integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/path": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+			"integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/pool": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+			"integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
+			"dev": true
+		},
+		"node_modules/@protobufjs/utf8": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+			"integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==",
+			"dev": true
+		},
 		"node_modules/@rollup/rollup-android-arm-eabi": {
 			"version": "4.52.5",
 			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz",
@@ -1342,6 +1411,32 @@
 				"url": "https://opencollective.com/vitest"
 			}
 		},
+		"node_modules/@volar/language-core": {
+			"version": "2.4.23",
+			"resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.23.tgz",
+			"integrity": "sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==",
+			"dev": true,
+			"dependencies": {
+				"@volar/source-map": "2.4.23"
+			}
+		},
+		"node_modules/@volar/source-map": {
+			"version": "2.4.23",
+			"resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.23.tgz",
+			"integrity": "sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==",
+			"dev": true
+		},
+		"node_modules/@volar/typescript": {
+			"version": "2.4.23",
+			"resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.23.tgz",
+			"integrity": "sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==",
+			"dev": true,
+			"dependencies": {
+				"@volar/language-core": "2.4.23",
+				"path-browserify": "^1.0.1",
+				"vscode-uri": "^3.0.8"
+			}
+		},
 		"node_modules/@vue/compiler-core": {
 			"version": "3.5.22",
 			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.22.tgz",
@@ -1404,6 +1499,29 @@
 				"@vue/shared": "3.5.22"
 			}
 		},
+		"node_modules/@vue/language-core": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.1.3.tgz",
+			"integrity": "sha512-KpR1F/eGAG9D1RZ0/T6zWJs6dh/pRLfY5WupecyYKJ1fjVmDMgTPw9wXmKv2rBjo4zCJiOSiyB8BDP1OUwpMEA==",
+			"dev": true,
+			"dependencies": {
+				"@volar/language-core": "2.4.23",
+				"@vue/compiler-dom": "^3.5.0",
+				"@vue/shared": "^3.5.0",
+				"alien-signals": "^3.0.0",
+				"muggle-string": "^0.4.1",
+				"path-browserify": "^1.0.1",
+				"picomatch": "^4.0.2"
+			},
+			"peerDependencies": {
+				"typescript": "*"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@vue/reactivity": {
 			"version": "3.5.22",
 			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.22.tgz",
@@ -1477,6 +1595,15 @@
 				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
 			}
 		},
+		"node_modules/adm-zip": {
+			"version": "0.5.16",
+			"resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+			"integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=12.0"
+			}
+		},
 		"node_modules/agent-base": {
 			"version": "7.1.4",
 			"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
@@ -1503,6 +1630,12 @@
 				"url": "https://github.com/sponsors/epoberezkin"
 			}
 		},
+		"node_modules/alien-signals": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-3.1.0.tgz",
+			"integrity": "sha512-yufC6VpSy8tK3I0lO67pjumo5JvDQVQyr38+3OHqe6CHl1t2VZekKZ7EKKZSqk0cRmE7U7tfZbpXiKNzuc+ckg==",
+			"dev": true
+		},
 		"node_modules/amdefine": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
@@ -1513,6 +1646,21 @@
 				"node": ">=0.4.2"
 			}
 		},
+		"node_modules/ansi-escapes": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz",
+			"integrity": "sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==",
+			"dev": true,
+			"dependencies": {
+				"environment": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/ansi-regex": {
 			"version": "6.2.2",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
@@ -1572,6 +1720,13 @@
 				"require-from-string": "^2.0.2"
 			}
 		},
+		"node_modules/boolean": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
+			"integrity": "sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==",
+			"deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+			"dev": true
+		},
 		"node_modules/brace-expansion": {
 			"version": "1.1.12",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -1583,10 +1738,22 @@
 				"concat-map": "0.0.1"
 			}
 		},
-		"node_modules/callsites": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+		"node_modules/braces": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
+			"dependencies": {
+				"fill-range": "^7.1.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/callsites": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
 			"dev": true,
 			"peer": true,
 			"engines": {
@@ -1618,6 +1785,18 @@
 				"url": "https://github.com/chalk/chalk?sponsor=1"
 			}
 		},
+		"node_modules/chalk/node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/cjson": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/cjson/-/cjson-0.3.0.tgz",
@@ -1630,6 +1809,53 @@
 				"node": ">= 0.3.0"
 			}
 		},
+		"node_modules/cli-cursor": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
+			"integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+			"dev": true,
+			"dependencies": {
+				"restore-cursor": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/cli-truncate": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.1.1.tgz",
+			"integrity": "sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==",
+			"dev": true,
+			"dependencies": {
+				"slice-ansi": "^7.1.0",
+				"string-width": "^8.0.0"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/cli-truncate/node_modules/string-width": {
+			"version": "8.1.0",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.0.tgz",
+			"integrity": "sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==",
+			"dev": true,
+			"dependencies": {
+				"get-east-asian-width": "^1.3.0",
+				"strip-ansi": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/cliui": {
 			"version": "9.0.1",
 			"resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
@@ -1662,6 +1888,12 @@
 			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
 			"dev": true
 		},
+		"node_modules/colorette": {
+			"version": "2.0.20",
+			"resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+			"integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+			"dev": true
+		},
 		"node_modules/colors": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/colors/-/colors-0.5.1.tgz",
@@ -1671,6 +1903,15 @@
 				"node": ">=0.1.90"
 			}
 		},
+		"node_modules/commander": {
+			"version": "14.0.2",
+			"resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
+			"integrity": "sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=20"
+			}
+		},
 		"node_modules/concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1760,21 +2001,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/concurrently/node_modules/supports-color": {
-			"version": "8.1.1",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-			"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-			"dev": true,
-			"dependencies": {
-				"has-flag": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/supports-color?sponsor=1"
-			}
-		},
 		"node_modules/concurrently/node_modules/wrap-ansi": {
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -1926,6 +2152,46 @@
 			"dev": true,
 			"peer": true
 		},
+		"node_modules/define-data-property": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+			"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+			"dev": true,
+			"dependencies": {
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/define-properties": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+			"integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+			"dev": true,
+			"dependencies": {
+				"define-data-property": "^1.0.1",
+				"has-property-descriptors": "^1.0.0",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/detect-node": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+			"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+			"dev": true
+		},
 		"node_modules/ebnf-parser": {
 			"version": "0.1.10",
 			"resolved": "https://registry.npmjs.org/ebnf-parser/-/ebnf-parser-0.1.10.tgz",
@@ -1950,48 +2216,87 @@
 				"url": "https://github.com/fb55/entities?sponsor=1"
 			}
 		},
+		"node_modules/environment": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+			"integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/es-define-property": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+			"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-errors": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
 		"node_modules/es-module-lexer": {
 			"version": "1.7.0",
 			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
 			"integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
 			"dev": true
 		},
+		"node_modules/es6-error": {
+			"version": "4.1.1",
+			"resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+			"integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+			"dev": true
+		},
 		"node_modules/esbuild": {
-			"version": "0.21.5",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-			"integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+			"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
 			"dev": true,
 			"hasInstallScript": true,
 			"bin": {
 				"esbuild": "bin/esbuild"
 			},
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			},
 			"optionalDependencies": {
-				"@esbuild/aix-ppc64": "0.21.5",
-				"@esbuild/android-arm": "0.21.5",
-				"@esbuild/android-arm64": "0.21.5",
-				"@esbuild/android-x64": "0.21.5",
-				"@esbuild/darwin-arm64": "0.21.5",
-				"@esbuild/darwin-x64": "0.21.5",
-				"@esbuild/freebsd-arm64": "0.21.5",
-				"@esbuild/freebsd-x64": "0.21.5",
-				"@esbuild/linux-arm": "0.21.5",
-				"@esbuild/linux-arm64": "0.21.5",
-				"@esbuild/linux-ia32": "0.21.5",
-				"@esbuild/linux-loong64": "0.21.5",
-				"@esbuild/linux-mips64el": "0.21.5",
-				"@esbuild/linux-ppc64": "0.21.5",
-				"@esbuild/linux-riscv64": "0.21.5",
-				"@esbuild/linux-s390x": "0.21.5",
-				"@esbuild/linux-x64": "0.21.5",
-				"@esbuild/netbsd-x64": "0.21.5",
-				"@esbuild/openbsd-x64": "0.21.5",
-				"@esbuild/sunos-x64": "0.21.5",
-				"@esbuild/win32-arm64": "0.21.5",
-				"@esbuild/win32-ia32": "0.21.5",
-				"@esbuild/win32-x64": "0.21.5"
+				"@esbuild/aix-ppc64": "0.25.12",
+				"@esbuild/android-arm": "0.25.12",
+				"@esbuild/android-arm64": "0.25.12",
+				"@esbuild/android-x64": "0.25.12",
+				"@esbuild/darwin-arm64": "0.25.12",
+				"@esbuild/darwin-x64": "0.25.12",
+				"@esbuild/freebsd-arm64": "0.25.12",
+				"@esbuild/freebsd-x64": "0.25.12",
+				"@esbuild/linux-arm": "0.25.12",
+				"@esbuild/linux-arm64": "0.25.12",
+				"@esbuild/linux-ia32": "0.25.12",
+				"@esbuild/linux-loong64": "0.25.12",
+				"@esbuild/linux-mips64el": "0.25.12",
+				"@esbuild/linux-ppc64": "0.25.12",
+				"@esbuild/linux-riscv64": "0.25.12",
+				"@esbuild/linux-s390x": "0.25.12",
+				"@esbuild/linux-x64": "0.25.12",
+				"@esbuild/netbsd-arm64": "0.25.12",
+				"@esbuild/netbsd-x64": "0.25.12",
+				"@esbuild/openbsd-arm64": "0.25.12",
+				"@esbuild/openbsd-x64": "0.25.12",
+				"@esbuild/openharmony-arm64": "0.25.12",
+				"@esbuild/sunos-x64": "0.25.12",
+				"@esbuild/win32-arm64": "0.25.12",
+				"@esbuild/win32-ia32": "0.25.12",
+				"@esbuild/win32-x64": "0.25.12"
 			}
 		},
 		"node_modules/escalade": {
@@ -2008,7 +2313,6 @@
 			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
 			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
 			"dev": true,
-			"peer": true,
 			"engines": {
 				"node": ">=10"
 			},
@@ -2273,6 +2577,12 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/eventemitter3": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+			"integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+			"dev": true
+		},
 		"node_modules/expect-type": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.2.tgz",
@@ -2345,6 +2655,18 @@
 				"node": ">=16.0.0"
 			}
 		},
+		"node_modules/fill-range": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
+			"dependencies": {
+				"to-regex-range": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/find-up": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -2376,6 +2698,12 @@
 				"node": ">=16"
 			}
 		},
+		"node_modules/flatbuffers": {
+			"version": "25.9.23",
+			"resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-25.9.23.tgz",
+			"integrity": "sha512-MI1qs7Lo4Syw0EOzUl0xjs2lsoeqFku44KpngfIduHBYvzm8h2+7K8YMQh1JtVVVrUvhLpNwqVi4DERegUJhPQ==",
+			"dev": true
+		},
 		"node_modules/flatted": {
 			"version": "3.3.3",
 			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
@@ -2442,6 +2770,23 @@
 				"node": ">=10.13.0"
 			}
 		},
+		"node_modules/global-agent": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz",
+			"integrity": "sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==",
+			"dev": true,
+			"dependencies": {
+				"boolean": "^3.0.1",
+				"es6-error": "^4.1.1",
+				"matcher": "^3.0.0",
+				"roarr": "^2.15.3",
+				"semver": "^7.3.2",
+				"serialize-error": "^7.0.1"
+			},
+			"engines": {
+				"node": ">=10.0"
+			}
+		},
 		"node_modules/globals": {
 			"version": "14.0.0",
 			"resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
@@ -2455,6 +2800,40 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/globalthis": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+			"integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+			"dev": true,
+			"dependencies": {
+				"define-properties": "^1.2.1",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/gopd": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+			"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/guid-typescript": {
+			"version": "1.0.9",
+			"resolved": "https://registry.npmjs.org/guid-typescript/-/guid-typescript-1.0.9.tgz",
+			"integrity": "sha512-Y8T4vYhEfwJOTbouREvG+3XDsjr8E3kIr7uf+JZ0BYloFsttiHU0WfvANVsR7TxNUJa/WpCnw/Ino/p+DeBhBQ==",
+			"dev": true
+		},
 		"node_modules/has-flag": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -2464,6 +2843,18 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/has-property-descriptors": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+			"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+			"dev": true,
+			"dependencies": {
+				"es-define-property": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/html-encoding-sniffer": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
@@ -2502,6 +2893,21 @@
 				"node": ">= 14"
 			}
 		},
+		"node_modules/husky": {
+			"version": "9.1.7",
+			"resolved": "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz",
+			"integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+			"dev": true,
+			"bin": {
+				"husky": "bin.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/typicode"
+			}
+		},
 		"node_modules/iconv-lite": {
 			"version": "0.6.3",
 			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -2583,6 +2989,15 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.12.0"
+			}
+		},
 		"node_modules/is-potential-custom-element-name": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
@@ -2707,6 +3122,12 @@
 			"dev": true,
 			"peer": true
 		},
+		"node_modules/json-stringify-safe": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+			"integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+			"dev": true
+		},
 		"node_modules/jsonlint": {
 			"version": "1.6.0",
 			"resolved": "https://registry.npmjs.org/jsonlint/-/jsonlint-1.6.0.tgz",
@@ -2771,24 +3192,65 @@
 			"integrity": "sha512-DuAEISsr1H4LOpmFLkyMc8YStiRWZCO8hMsoXAXSbgyfvs2WQhSt0+/FBv3ZU/JBFZMGcE+FWzEBSzwUU7U27w==",
 			"dev": true
 		},
-		"node_modules/locate-path": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+		"node_modules/lint-staged": {
+			"version": "16.2.7",
+			"resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-16.2.7.tgz",
+			"integrity": "sha512-lDIj4RnYmK7/kXMya+qJsmkRFkGolciXjrsZ6PC25GdTfWOAWetR0ZbsNXRAj1EHHImRSalc+whZFg56F5DVow==",
 			"dev": true,
-			"peer": true,
 			"dependencies": {
-				"p-locate": "^5.0.0"
+				"commander": "^14.0.2",
+				"listr2": "^9.0.5",
+				"micromatch": "^4.0.8",
+				"nano-spawn": "^2.0.0",
+				"pidtree": "^0.6.0",
+				"string-argv": "^0.3.2",
+				"yaml": "^2.8.1"
+			},
+			"bin": {
+				"lint-staged": "bin/lint-staged.js"
 			},
 			"engines": {
-				"node": ">=10"
+				"node": ">=20.17"
 			},
 			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
+				"url": "https://opencollective.com/lint-staged"
 			}
 		},
-		"node_modules/lodash": {
-			"version": "4.17.21",
+		"node_modules/listr2": {
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/listr2/-/listr2-9.0.5.tgz",
+			"integrity": "sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==",
+			"dev": true,
+			"dependencies": {
+				"cli-truncate": "^5.0.0",
+				"colorette": "^2.0.20",
+				"eventemitter3": "^5.0.1",
+				"log-update": "^6.1.0",
+				"rfdc": "^1.4.1",
+				"wrap-ansi": "^9.0.0"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			}
+		},
+		"node_modules/locate-path": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"p-locate": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/lodash": {
+			"version": "4.17.21",
 			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
 			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
 			"dev": true
@@ -2800,6 +3262,31 @@
 			"dev": true,
 			"peer": true
 		},
+		"node_modules/log-update": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
+			"integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
+			"dev": true,
+			"dependencies": {
+				"ansi-escapes": "^7.0.0",
+				"cli-cursor": "^5.0.0",
+				"slice-ansi": "^7.1.0",
+				"strip-ansi": "^7.1.0",
+				"wrap-ansi": "^9.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/long": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+			"integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+			"dev": true
+		},
 		"node_modules/lru-cache": {
 			"version": "11.2.2",
 			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz",
@@ -2818,12 +3305,61 @@
 				"@jridgewell/sourcemap-codec": "^1.5.5"
 			}
 		},
+		"node_modules/matcher": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
+			"integrity": "sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==",
+			"dev": true,
+			"dependencies": {
+				"escape-string-regexp": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/mdn-data": {
 			"version": "2.12.2",
 			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
 			"integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
 			"dev": true
 		},
+		"node_modules/micromatch": {
+			"version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
+			"dependencies": {
+				"braces": "^3.0.3",
+				"picomatch": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=8.6"
+			}
+		},
+		"node_modules/micromatch/node_modules/picomatch": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+			"dev": true,
+			"engines": {
+				"node": ">=8.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/mimic-function": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
+			"integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+			"dev": true,
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/minimatch": {
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -2852,6 +3388,24 @@
 			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
 			"dev": true
 		},
+		"node_modules/muggle-string": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+			"integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+			"dev": true
+		},
+		"node_modules/nano-spawn": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/nano-spawn/-/nano-spawn-2.0.0.tgz",
+			"integrity": "sha512-tacvGzUY5o2D8CBh2rrwxyNojUsZNU2zjNTzKQrkgGJQTbGAfArVWXSKMBokBeeg6C7OLRGUEyoFlYbfeWQIqw==",
+			"dev": true,
+			"engines": {
+				"node": ">=20.17"
+			},
+			"funding": {
+				"url": "https://github.com/sindresorhus/nano-spawn?sponsor=1"
+			}
+		},
 		"node_modules/nanoid": {
 			"version": "3.3.11",
 			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -2891,6 +3445,67 @@
 				"node": "*"
 			}
 		},
+		"node_modules/object-keys": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+			"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/onetime": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
+			"integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+			"dev": true,
+			"dependencies": {
+				"mimic-function": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/onnxruntime-common": {
+			"version": "1.23.2",
+			"resolved": "https://registry.npmjs.org/onnxruntime-common/-/onnxruntime-common-1.23.2.tgz",
+			"integrity": "sha512-5LFsC9Dukzp2WV6kNHYLNzp8sT6V02IubLCbzw2Xd6X5GOlr65gAX6xiJwyi2URJol/s71gaQLC5F2C25AAR2w==",
+			"dev": true
+		},
+		"node_modules/onnxruntime-node": {
+			"version": "1.23.2",
+			"resolved": "https://registry.npmjs.org/onnxruntime-node/-/onnxruntime-node-1.23.2.tgz",
+			"integrity": "sha512-OBTsG0W8ddBVOeVVVychpVBS87A9YV5sa2hJ6lc025T97Le+J4v++PwSC4XFs1C62SWyNdof0Mh4KvnZgtt4aw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"os": [
+				"win32",
+				"darwin",
+				"linux"
+			],
+			"dependencies": {
+				"adm-zip": "^0.5.16",
+				"global-agent": "^3.0.0",
+				"onnxruntime-common": "1.23.2"
+			}
+		},
+		"node_modules/onnxruntime-web": {
+			"version": "1.23.2",
+			"resolved": "https://registry.npmjs.org/onnxruntime-web/-/onnxruntime-web-1.23.2.tgz",
+			"integrity": "sha512-T09JUtMn+CZLk3mFwqiH0lgQf+4S7+oYHHtk6uhaYAAJI95bTcKi5bOOZYwORXfS/RLZCjDDEXGWIuOCAFlEjg==",
+			"dev": true,
+			"dependencies": {
+				"flatbuffers": "^25.1.24",
+				"guid-typescript": "^1.0.9",
+				"long": "^5.2.3",
+				"onnxruntime-common": "1.23.2",
+				"platform": "^1.3.6",
+				"protobufjs": "^7.2.4"
+			}
+		},
 		"node_modules/optionator": {
 			"version": "0.9.4",
 			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -2966,6 +3581,12 @@
 				"url": "https://github.com/inikulin/parse5?sponsor=1"
 			}
 		},
+		"node_modules/path-browserify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+			"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+			"dev": true
+		},
 		"node_modules/path-exists": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -3010,6 +3631,24 @@
 				"url": "https://github.com/sponsors/jonschlinkert"
 			}
 		},
+		"node_modules/pidtree": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+			"integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+			"dev": true,
+			"bin": {
+				"pidtree": "bin/pidtree.js"
+			},
+			"engines": {
+				"node": ">=0.10"
+			}
+		},
+		"node_modules/platform": {
+			"version": "1.3.6",
+			"resolved": "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz",
+			"integrity": "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==",
+			"dev": true
+		},
 		"node_modules/postcss": {
 			"version": "8.5.6",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
@@ -3075,6 +3714,30 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/protobufjs": {
+			"version": "7.5.4",
+			"resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.5.4.tgz",
+			"integrity": "sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==",
+			"dev": true,
+			"hasInstallScript": true,
+			"dependencies": {
+				"@protobufjs/aspromise": "^1.1.2",
+				"@protobufjs/base64": "^1.1.2",
+				"@protobufjs/codegen": "^2.0.4",
+				"@protobufjs/eventemitter": "^1.1.0",
+				"@protobufjs/fetch": "^1.1.0",
+				"@protobufjs/float": "^1.0.2",
+				"@protobufjs/inquire": "^1.1.0",
+				"@protobufjs/path": "^1.1.2",
+				"@protobufjs/pool": "^1.1.0",
+				"@protobufjs/utf8": "^1.1.0",
+				"@types/node": ">=13.7.0",
+				"long": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
 		"node_modules/punycode": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -3121,6 +3784,45 @@
 				"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
 			}
 		},
+		"node_modules/restore-cursor": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
+			"integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+			"dev": true,
+			"dependencies": {
+				"onetime": "^7.0.0",
+				"signal-exit": "^4.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/rfdc": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+			"integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+			"dev": true
+		},
+		"node_modules/roarr": {
+			"version": "2.15.4",
+			"resolved": "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz",
+			"integrity": "sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==",
+			"dev": true,
+			"dependencies": {
+				"boolean": "^3.0.1",
+				"detect-node": "^2.0.4",
+				"globalthis": "^1.0.1",
+				"json-stringify-safe": "^5.0.1",
+				"semver-compare": "^1.0.0",
+				"sprintf-js": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
 		"node_modules/rollup": {
 			"version": "4.52.5",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz",
@@ -3189,6 +3891,39 @@
 				"node": ">=v12.22.7"
 			}
 		},
+		"node_modules/semver": {
+			"version": "7.7.3",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+			"integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+			"dev": true,
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/semver-compare": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+			"integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+			"dev": true
+		},
+		"node_modules/serialize-error": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz",
+			"integrity": "sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==",
+			"dev": true,
+			"dependencies": {
+				"type-fest": "^0.13.1"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -3230,6 +3965,18 @@
 			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
 			"dev": true
 		},
+		"node_modules/signal-exit": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+			"integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+			"dev": true,
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
 		"node_modules/sirv": {
 			"version": "3.0.2",
 			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
@@ -3244,6 +3991,49 @@
 				"node": ">=18"
 			}
 		},
+		"node_modules/slice-ansi": {
+			"version": "7.1.2",
+			"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+			"integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+			"dev": true,
+			"dependencies": {
+				"ansi-styles": "^6.2.1",
+				"is-fullwidth-code-point": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/slice-ansi?sponsor=1"
+			}
+		},
+		"node_modules/slice-ansi/node_modules/ansi-styles": {
+			"version": "6.2.3",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+			"integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+			"integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+			"dev": true,
+			"dependencies": {
+				"get-east-asian-width": "^1.3.1"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/source-map": {
 			"version": "0.1.43",
 			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
@@ -3272,6 +4062,12 @@
 			"integrity": "sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==",
 			"dev": true
 		},
+		"node_modules/sprintf-js": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+			"integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+			"dev": true
+		},
 		"node_modules/stackback": {
 			"version": "0.0.2",
 			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
@@ -3284,6 +4080,15 @@
 			"integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
 			"dev": true
 		},
+		"node_modules/string-argv": {
+			"version": "0.3.2",
+			"resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+			"integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.6.19"
+			}
+		},
 		"node_modules/string-width": {
 			"version": "7.2.0",
 			"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
@@ -3330,15 +4135,18 @@
 			}
 		},
 		"node_modules/supports-color": {
-			"version": "7.2.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"version": "8.1.1",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+			"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
 			"dev": true,
 			"dependencies": {
 				"has-flag": "^4.0.0"
 			},
 			"engines": {
-				"node": ">=8"
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/supports-color?sponsor=1"
 			}
 		},
 		"node_modules/symbol-tree": {
@@ -3417,6 +4225,18 @@
 			"integrity": "sha512-DieYoGrP78PWKsrXr8MZwtQ7GLCUeLxihtjC1jZsW1DnvSMdKPitJSe8OSYDM2u5H6g3kWJZpePqkp43TfLh0g==",
 			"dev": true
 		},
+		"node_modules/to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"dependencies": {
+				"is-number": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
 		"node_modules/totalist": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
@@ -3484,426 +4304,29 @@
 				"fsevents": "~2.3.3"
 			}
 		},
-		"node_modules/tsx/node_modules/@esbuild/aix-ppc64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
-			"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
-			"cpu": [
-				"ppc64"
-			],
+		"node_modules/type-check": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
 			"dev": true,
-			"optional": true,
-			"os": [
-				"aix"
-			],
+			"peer": true,
+			"dependencies": {
+				"prelude-ls": "^1.2.1"
+			},
 			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/android-arm": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
-			"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/android-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
-			"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/android-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
-			"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/darwin-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
-			"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/darwin-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
-			"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
-			"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/freebsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
-			"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-arm": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
-			"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
-			"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-ia32": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
-			"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-loong64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
-			"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
-			"cpu": [
-				"loong64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-mips64el": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
-			"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
-			"cpu": [
-				"mips64el"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-ppc64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
-			"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
-			"cpu": [
-				"ppc64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-riscv64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
-			"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
-			"cpu": [
-				"riscv64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-s390x": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
-			"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
-			"cpu": [
-				"s390x"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/linux-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
-			"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/netbsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
-			"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/openbsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
-			"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/sunos-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
-			"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"sunos"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/win32-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
-			"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/win32-ia32": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
-			"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsx/node_modules/@esbuild/win32-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
-			"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
+				"node": ">= 0.8.0"
 			}
 		},
-		"node_modules/tsx/node_modules/esbuild": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
-			"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+		"node_modules/type-fest": {
+			"version": "0.13.1",
+			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+			"integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
 			"dev": true,
-			"hasInstallScript": true,
-			"bin": {
-				"esbuild": "bin/esbuild"
-			},
 			"engines": {
-				"node": ">=18"
-			},
-			"optionalDependencies": {
-				"@esbuild/aix-ppc64": "0.25.12",
-				"@esbuild/android-arm": "0.25.12",
-				"@esbuild/android-arm64": "0.25.12",
-				"@esbuild/android-x64": "0.25.12",
-				"@esbuild/darwin-arm64": "0.25.12",
-				"@esbuild/darwin-x64": "0.25.12",
-				"@esbuild/freebsd-arm64": "0.25.12",
-				"@esbuild/freebsd-x64": "0.25.12",
-				"@esbuild/linux-arm": "0.25.12",
-				"@esbuild/linux-arm64": "0.25.12",
-				"@esbuild/linux-ia32": "0.25.12",
-				"@esbuild/linux-loong64": "0.25.12",
-				"@esbuild/linux-mips64el": "0.25.12",
-				"@esbuild/linux-ppc64": "0.25.12",
-				"@esbuild/linux-riscv64": "0.25.12",
-				"@esbuild/linux-s390x": "0.25.12",
-				"@esbuild/linux-x64": "0.25.12",
-				"@esbuild/netbsd-arm64": "0.25.12",
-				"@esbuild/netbsd-x64": "0.25.12",
-				"@esbuild/openbsd-arm64": "0.25.12",
-				"@esbuild/openbsd-x64": "0.25.12",
-				"@esbuild/openharmony-arm64": "0.25.12",
-				"@esbuild/sunos-x64": "0.25.12",
-				"@esbuild/win32-arm64": "0.25.12",
-				"@esbuild/win32-ia32": "0.25.12",
-				"@esbuild/win32-x64": "0.25.12"
-			}
-		},
-		"node_modules/type-check": {
-			"version": "0.4.0",
-			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"prelude-ls": "^1.2.1"
+				"node": ">=10"
 			},
-			"engines": {
-				"node": ">= 0.8.0"
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/typescript": {
@@ -4003,87 +4426,10 @@
 				}
 			}
 		},
-		"node_modules/vitest": {
-			"version": "4.0.6",
-			"resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.6.tgz",
-			"integrity": "sha512-gR7INfiVRwnEOkCk47faros/9McCZMp5LM+OMNWGLaDBSvJxIzwjgNFufkuePBNaesGRnLmNfW+ddbUJRZn0nQ==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/expect": "4.0.6",
-				"@vitest/mocker": "4.0.6",
-				"@vitest/pretty-format": "4.0.6",
-				"@vitest/runner": "4.0.6",
-				"@vitest/snapshot": "4.0.6",
-				"@vitest/spy": "4.0.6",
-				"@vitest/utils": "4.0.6",
-				"debug": "^4.4.3",
-				"es-module-lexer": "^1.7.0",
-				"expect-type": "^1.2.2",
-				"magic-string": "^0.30.19",
-				"pathe": "^2.0.3",
-				"picomatch": "^4.0.3",
-				"std-env": "^3.9.0",
-				"tinybench": "^2.9.0",
-				"tinyexec": "^0.3.2",
-				"tinyglobby": "^0.2.15",
-				"tinyrainbow": "^3.0.3",
-				"vite": "^6.0.0 || ^7.0.0",
-				"why-is-node-running": "^2.3.0"
-			},
-			"bin": {
-				"vitest": "vitest.mjs"
-			},
-			"engines": {
-				"node": "^20.0.0 || ^22.0.0 || >=24.0.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			},
-			"peerDependencies": {
-				"@edge-runtime/vm": "*",
-				"@types/debug": "^4.1.12",
-				"@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-				"@vitest/browser-playwright": "4.0.6",
-				"@vitest/browser-preview": "4.0.6",
-				"@vitest/browser-webdriverio": "4.0.6",
-				"@vitest/ui": "4.0.6",
-				"happy-dom": "*",
-				"jsdom": "*"
-			},
-			"peerDependenciesMeta": {
-				"@edge-runtime/vm": {
-					"optional": true
-				},
-				"@types/debug": {
-					"optional": true
-				},
-				"@types/node": {
-					"optional": true
-				},
-				"@vitest/browser-playwright": {
-					"optional": true
-				},
-				"@vitest/browser-preview": {
-					"optional": true
-				},
-				"@vitest/browser-webdriverio": {
-					"optional": true
-				},
-				"@vitest/ui": {
-					"optional": true
-				},
-				"happy-dom": {
-					"optional": true
-				},
-				"jsdom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitest/node_modules/@esbuild/aix-ppc64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
-			"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+		"node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
 			"cpu": [
 				"ppc64"
 			],
@@ -4093,13 +4439,13 @@
 				"aix"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/android-arm": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
-			"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+		"node_modules/vite/node_modules/@esbuild/android-arm": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+			"integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
 			"cpu": [
 				"arm"
 			],
@@ -4109,13 +4455,13 @@
 				"android"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/android-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
-			"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+		"node_modules/vite/node_modules/@esbuild/android-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+			"integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
 			"cpu": [
 				"arm64"
 			],
@@ -4125,13 +4471,13 @@
 				"android"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/android-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
-			"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+		"node_modules/vite/node_modules/@esbuild/android-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+			"integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
 			"cpu": [
 				"x64"
 			],
@@ -4141,13 +4487,13 @@
 				"android"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/darwin-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
-			"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+		"node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+			"integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -4157,13 +4503,13 @@
 				"darwin"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/darwin-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
-			"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+		"node_modules/vite/node_modules/@esbuild/darwin-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+			"integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
 			"cpu": [
 				"x64"
 			],
@@ -4173,13 +4519,13 @@
 				"darwin"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
-			"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+		"node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+			"integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
 			"cpu": [
 				"arm64"
 			],
@@ -4189,13 +4535,13 @@
 				"freebsd"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/freebsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
-			"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+		"node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+			"integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
 			"cpu": [
 				"x64"
 			],
@@ -4205,13 +4551,13 @@
 				"freebsd"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-arm": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
-			"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+		"node_modules/vite/node_modules/@esbuild/linux-arm": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+			"integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
 			"cpu": [
 				"arm"
 			],
@@ -4221,13 +4567,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
-			"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+		"node_modules/vite/node_modules/@esbuild/linux-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+			"integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
 			"cpu": [
 				"arm64"
 			],
@@ -4237,13 +4583,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-ia32": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
-			"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+		"node_modules/vite/node_modules/@esbuild/linux-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+			"integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
 			"cpu": [
 				"ia32"
 			],
@@ -4253,13 +4599,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-loong64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
-			"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+		"node_modules/vite/node_modules/@esbuild/linux-loong64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+			"integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
 			"cpu": [
 				"loong64"
 			],
@@ -4269,13 +4615,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-mips64el": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
-			"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+		"node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+			"integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
 			"cpu": [
 				"mips64el"
 			],
@@ -4285,13 +4631,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-ppc64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
-			"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+		"node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
 			"cpu": [
 				"ppc64"
 			],
@@ -4301,13 +4647,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-riscv64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
-			"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+		"node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+			"integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
 			"cpu": [
 				"riscv64"
 			],
@@ -4317,13 +4663,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-s390x": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
-			"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+		"node_modules/vite/node_modules/@esbuild/linux-s390x": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+			"integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
 			"cpu": [
 				"s390x"
 			],
@@ -4333,13 +4679,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/linux-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
-			"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+		"node_modules/vite/node_modules/@esbuild/linux-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+			"integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
 			"cpu": [
 				"x64"
 			],
@@ -4349,13 +4695,13 @@
 				"linux"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/netbsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
-			"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+		"node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
 			"cpu": [
 				"x64"
 			],
@@ -4365,13 +4711,13 @@
 				"netbsd"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/openbsd-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
-			"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+		"node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
 			"cpu": [
 				"x64"
 			],
@@ -4381,13 +4727,13 @@
 				"openbsd"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/sunos-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
-			"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+		"node_modules/vite/node_modules/@esbuild/sunos-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+			"integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
 			"cpu": [
 				"x64"
 			],
@@ -4397,13 +4743,13 @@
 				"sunos"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/win32-arm64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
-			"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+		"node_modules/vite/node_modules/@esbuild/win32-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+			"integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
 			"cpu": [
 				"arm64"
 			],
@@ -4413,13 +4759,13 @@
 				"win32"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/win32-ia32": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
-			"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+		"node_modules/vite/node_modules/@esbuild/win32-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+			"integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
 			"cpu": [
 				"ia32"
 			],
@@ -4429,13 +4775,13 @@
 				"win32"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
 			}
 		},
-		"node_modules/vitest/node_modules/@esbuild/win32-x64": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
-			"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+		"node_modules/vite/node_modules/@esbuild/win32-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+			"integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
 			"cpu": [
 				"x64"
 			],
@@ -4445,7 +4791,122 @@
 				"win32"
 			],
 			"engines": {
-				"node": ">=18"
+				"node": ">=12"
+			}
+		},
+		"node_modules/vite/node_modules/esbuild": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+			"integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.21.5",
+				"@esbuild/android-arm": "0.21.5",
+				"@esbuild/android-arm64": "0.21.5",
+				"@esbuild/android-x64": "0.21.5",
+				"@esbuild/darwin-arm64": "0.21.5",
+				"@esbuild/darwin-x64": "0.21.5",
+				"@esbuild/freebsd-arm64": "0.21.5",
+				"@esbuild/freebsd-x64": "0.21.5",
+				"@esbuild/linux-arm": "0.21.5",
+				"@esbuild/linux-arm64": "0.21.5",
+				"@esbuild/linux-ia32": "0.21.5",
+				"@esbuild/linux-loong64": "0.21.5",
+				"@esbuild/linux-mips64el": "0.21.5",
+				"@esbuild/linux-ppc64": "0.21.5",
+				"@esbuild/linux-riscv64": "0.21.5",
+				"@esbuild/linux-s390x": "0.21.5",
+				"@esbuild/linux-x64": "0.21.5",
+				"@esbuild/netbsd-x64": "0.21.5",
+				"@esbuild/openbsd-x64": "0.21.5",
+				"@esbuild/sunos-x64": "0.21.5",
+				"@esbuild/win32-arm64": "0.21.5",
+				"@esbuild/win32-ia32": "0.21.5",
+				"@esbuild/win32-x64": "0.21.5"
+			}
+		},
+		"node_modules/vitest": {
+			"version": "4.0.6",
+			"resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.6.tgz",
+			"integrity": "sha512-gR7INfiVRwnEOkCk47faros/9McCZMp5LM+OMNWGLaDBSvJxIzwjgNFufkuePBNaesGRnLmNfW+ddbUJRZn0nQ==",
+			"dev": true,
+			"dependencies": {
+				"@vitest/expect": "4.0.6",
+				"@vitest/mocker": "4.0.6",
+				"@vitest/pretty-format": "4.0.6",
+				"@vitest/runner": "4.0.6",
+				"@vitest/snapshot": "4.0.6",
+				"@vitest/spy": "4.0.6",
+				"@vitest/utils": "4.0.6",
+				"debug": "^4.4.3",
+				"es-module-lexer": "^1.7.0",
+				"expect-type": "^1.2.2",
+				"magic-string": "^0.30.19",
+				"pathe": "^2.0.3",
+				"picomatch": "^4.0.3",
+				"std-env": "^3.9.0",
+				"tinybench": "^2.9.0",
+				"tinyexec": "^0.3.2",
+				"tinyglobby": "^0.2.15",
+				"tinyrainbow": "^3.0.3",
+				"vite": "^6.0.0 || ^7.0.0",
+				"why-is-node-running": "^2.3.0"
+			},
+			"bin": {
+				"vitest": "vitest.mjs"
+			},
+			"engines": {
+				"node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			},
+			"peerDependencies": {
+				"@edge-runtime/vm": "*",
+				"@types/debug": "^4.1.12",
+				"@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+				"@vitest/browser-playwright": "4.0.6",
+				"@vitest/browser-preview": "4.0.6",
+				"@vitest/browser-webdriverio": "4.0.6",
+				"@vitest/ui": "4.0.6",
+				"happy-dom": "*",
+				"jsdom": "*"
+			},
+			"peerDependenciesMeta": {
+				"@edge-runtime/vm": {
+					"optional": true
+				},
+				"@types/debug": {
+					"optional": true
+				},
+				"@types/node": {
+					"optional": true
+				},
+				"@vitest/browser-playwright": {
+					"optional": true
+				},
+				"@vitest/browser-preview": {
+					"optional": true
+				},
+				"@vitest/browser-webdriverio": {
+					"optional": true
+				},
+				"@vitest/ui": {
+					"optional": true
+				},
+				"happy-dom": {
+					"optional": true
+				},
+				"jsdom": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/vitest/node_modules/@vitest/mocker": {
@@ -4474,47 +4935,6 @@
 				}
 			}
 		},
-		"node_modules/vitest/node_modules/esbuild": {
-			"version": "0.25.12",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
-			"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
-			"dev": true,
-			"hasInstallScript": true,
-			"bin": {
-				"esbuild": "bin/esbuild"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"optionalDependencies": {
-				"@esbuild/aix-ppc64": "0.25.12",
-				"@esbuild/android-arm": "0.25.12",
-				"@esbuild/android-arm64": "0.25.12",
-				"@esbuild/android-x64": "0.25.12",
-				"@esbuild/darwin-arm64": "0.25.12",
-				"@esbuild/darwin-x64": "0.25.12",
-				"@esbuild/freebsd-arm64": "0.25.12",
-				"@esbuild/freebsd-x64": "0.25.12",
-				"@esbuild/linux-arm": "0.25.12",
-				"@esbuild/linux-arm64": "0.25.12",
-				"@esbuild/linux-ia32": "0.25.12",
-				"@esbuild/linux-loong64": "0.25.12",
-				"@esbuild/linux-mips64el": "0.25.12",
-				"@esbuild/linux-ppc64": "0.25.12",
-				"@esbuild/linux-riscv64": "0.25.12",
-				"@esbuild/linux-s390x": "0.25.12",
-				"@esbuild/linux-x64": "0.25.12",
-				"@esbuild/netbsd-arm64": "0.25.12",
-				"@esbuild/netbsd-x64": "0.25.12",
-				"@esbuild/openbsd-arm64": "0.25.12",
-				"@esbuild/openbsd-x64": "0.25.12",
-				"@esbuild/openharmony-arm64": "0.25.12",
-				"@esbuild/sunos-x64": "0.25.12",
-				"@esbuild/win32-arm64": "0.25.12",
-				"@esbuild/win32-ia32": "0.25.12",
-				"@esbuild/win32-x64": "0.25.12"
-			}
-		},
 		"node_modules/vitest/node_modules/estree-walker": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
@@ -4598,6 +5018,12 @@
 				}
 			}
 		},
+		"node_modules/vscode-uri": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+			"integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+			"dev": true
+		},
 		"node_modules/vue": {
 			"version": "3.5.22",
 			"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz",
@@ -4619,6 +5045,22 @@
 				}
 			}
 		},
+		"node_modules/vue-tsc": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.1.3.tgz",
+			"integrity": "sha512-StMNfZHwPIXQgY3KxPKM0Jsoc8b46mDV3Fn2UlHCBIwRJApjqrSwqeMYgWf0zpN+g857y74pv7GWuBm+UqQe1w==",
+			"dev": true,
+			"dependencies": {
+				"@volar/typescript": "2.4.23",
+				"@vue/language-core": "3.1.3"
+			},
+			"bin": {
+				"vue-tsc": "bin/vue-tsc.js"
+			},
+			"peerDependencies": {
+				"typescript": ">=5.0.0"
+			}
+		},
 		"node_modules/w3c-xmlserializer": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
@@ -4790,6 +5232,18 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/yaml": {
+			"version": "2.8.1",
+			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
+			"integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
+			"dev": true,
+			"bin": {
+				"yaml": "bin.mjs"
+			},
+			"engines": {
+				"node": ">= 14.6"
+			}
+		},
 		"node_modules/yargs": {
 			"version": "18.0.0",
 			"resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",

trigo-web/package.json

@@ -19,7 +19,9 @@
 		"test": "vitest",
 		"test:ui": "vitest --ui",
 		"test:run": "vitest run",
-		"generate:games": "tsx tools/generateRandomGames.ts"
+		"generate:games": "tsx tools/generateRandomGames.ts",
+		"migrate:tgn": "tsx tools/migrateTGN.ts",
+		"prepare": "cd .. && husky"
 	},
 	"keywords": [
 		"game",
@@ -31,6 +33,9 @@
 	],
 	"author": "",
 	"license": "MIT",
+	"lint-staged": {
+		"**/*.{js,ts,vue,json,md,scss,css}": []
+	},
 	"devDependencies": {
 		"@types/node": "^24.10.0",
 		"@types/yargs": "^17.0.34",
@@ -39,14 +44,19 @@
 		"concurrently": "^7.6.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-prettier": "^5.5.4",
+		"husky": "^9.1.7",
 		"jison": "^0.4.18",
 		"jsdom": "^27.1.0",
+		"lint-staged": "^16.2.7",
+		"onnxruntime-node": "1.23.2",
+		"onnxruntime-web": "1.23.2",
 		"prettier": "^3.6.2",
 		"tsx": "^4.20.6",
 		"typescript": "^5.2.2",
 		"vite": "^5.4.21",
 		"vitest": "^4.0.6",
 		"vue": "^3.3.4",
+		"vue-tsc": "^3.1.3",
 		"yargs": "^18.0.0"
 	}
 }

trigo-web/public/lib/tgnParser.cjs

@@ -759,7 +759,7 @@ case 34:return 'INVALID'
 break;
 }
 },
-rules: [/^(?:\s+)/,/^(?:\n)/,/^(?:;[^\n]*)/,/^(?:\{[^}]*\})/,/^(?:\[)/,/^(?:\])/,/^(?:"([^\\\"]|\\.)*")/,/^(?:Event\b)/,/^(?:Site\b)/,/^(?:Date\b)/,/^(?:Round\b)/,/^(?:Black\b)/,/^(?:White\b)/,/^(?:Result\b)/,/^(?:Board\b)/,/^(?:Handicap\b)/,/^(?:Rules\b)/,/^(?:TimeControl\b)/,/^(?:Annotator\b)/,/^(?:Application\b)/,/^(?:B\+)/,/^(?:W\+)/,/^(?:=)/,/^(?:\*)/,/^(?:[1-9][0-9]*)/,/^(?:\.)/,/^(?:pass\b)/,/^(?:resign\b)/,/^(?:points\b)/,/^(?:stones\b)/,/^(?:[x](?=[1-9]))/,/^(?:[a-z0]+)/,/^(?:[A-Z][A-Za-z0-9_]*)/,/^(?:$)/,/^(?:.)/],
+rules: [/^(?:\s+)/,/^(?:\n)/,/^(?:;[^\n]*)/,/^(?:\{[^}]*\})/,/^(?:\[)/,/^(?:\])/,/^(?:"([^\\\"]|\\.)*")/,/^(?:Event\b)/,/^(?:Site\b)/,/^(?:Date\b)/,/^(?:Round\b)/,/^(?:Black\b)/,/^(?:White\b)/,/^(?:Result\b)/,/^(?:Board\b)/,/^(?:Handicap\b)/,/^(?:Rules\b)/,/^(?:TimeControl\b)/,/^(?:Annotator\b)/,/^(?:Application\b)/,/^(?:B\+)/,/^(?:W\+)/,/^(?:=)/,/^(?:\*)/,/^(?:[1-9][0-9]*)/,/^(?:\.)/,/^(?:Pass\b)/,/^(?:Resign\b)/,/^(?:points\b)/,/^(?:stones\b)/,/^(?:[x](?=[1-9]))/,/^(?:[a-z0]+)/,/^(?:[A-Z][A-Za-z0-9_]*)/,/^(?:$)/,/^(?:.)/],
 conditions: {"INITIAL":{"rules":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34],"inclusive":true}}
 });
 return lexer;

trigo-web/tools/README.md

@@ -90,8 +90,8 @@ tools/output/
 1. 000 y00
 2. 0y0 yy0
 3. aaa zzz
-4. pass 0az
-5. z0z pass
+4. Pass 0az
+5. z0z Pass
 ```
 
 ### Performance

trigo-web/tools/migrateTGN.ts

@@ -0,0 +1,291 @@
+#!/usr/bin/env tsx
+/**
+ * TGN Migration Tool
+ *
+ * Converts old TGN files with lowercase "pass" and "resign" to uppercase "Pass" and "Resign"
+ * to match the updated TGN specification.
+ *
+ * Usage:
+ *   npm run migrate:tgn -- <directory>
+ *   npm run migrate:tgn -- <directory> --dry-run
+ *   npm run migrate:tgn -- <directory> --backup
+ */
+
+import * as fs from "fs";
+import * as path from "path";
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+
+
+interface MigrationOptions {
+	directory: string;
+	dryRun: boolean;
+	backup: boolean;
+	recursive: boolean;
+}
+
+interface MigrationStats {
+	filesScanned: number;
+	filesModified: number;
+	passReplacements: number;
+	resignReplacements: number;
+	errors: string[];
+}
+
+
+/**
+ * Check if a file is a TGN file
+ */
+function isTGNFile(filePath: string): boolean {
+	return path.extname(filePath).toLowerCase() === ".tgn";
+}
+
+
+/**
+ * Find all TGN files in a directory
+ */
+function findTGNFiles(dir: string, recursive: boolean): string[] {
+	const files: string[] = [];
+
+	try {
+		const entries = fs.readdirSync(dir, { withFileTypes: true });
+
+		for (const entry of entries) {
+			const fullPath = path.join(dir, entry.name);
+
+			if (entry.isDirectory() && recursive) {
+				files.push(...findTGNFiles(fullPath, recursive));
+			} else if (entry.isFile() && isTGNFile(fullPath)) {
+				files.push(fullPath);
+			}
+		}
+	} catch (error) {
+		console.error(`Error reading directory ${dir}:`, error);
+	}
+
+	return files;
+}
+
+
+/**
+ * Migrate TGN content from lowercase to uppercase
+ */
+function migrateTGNContent(content: string): { newContent: string; passCount: number; resignCount: number } {
+	let passCount = 0;
+	let resignCount = 0;
+
+	// Replace "pass" with "Pass" (as a standalone word in move notation)
+	// Use word boundary to avoid replacing "pass" in other contexts
+	const newContent = content
+		.replace(/\bpass\b/g, () => {
+			passCount++;
+			return "Pass";
+		})
+		.replace(/\bresign\b/g, () => {
+			resignCount++;
+			return "Resign";
+		});
+
+	return { newContent, passCount, resignCount };
+}
+
+
+/**
+ * Create backup of a file
+ */
+function backupFile(filePath: string): string {
+	const backupPath = filePath + ".backup";
+	fs.copyFileSync(filePath, backupPath);
+	return backupPath;
+}
+
+
+/**
+ * Migrate a single TGN file
+ */
+function migrateFile(
+	filePath: string,
+	options: MigrationOptions,
+	stats: MigrationStats
+): void {
+	stats.filesScanned++;
+
+	try {
+		// Read file content
+		const content = fs.readFileSync(filePath, "utf-8");
+
+		// Migrate content
+		const { newContent, passCount, resignCount } = migrateTGNContent(content);
+
+		// Check if file needs migration
+		if (passCount === 0 && resignCount === 0) {
+			return; // File already up to date
+		}
+
+		// Update statistics
+		stats.passReplacements += passCount;
+		stats.resignReplacements += resignCount;
+		stats.filesModified++;
+
+		// Log changes
+		console.log(`\n📄 ${path.basename(filePath)}`);
+		if (passCount > 0) {
+			console.log(`   ✓ Replaced ${passCount} "pass" → "Pass"`);
+		}
+		if (resignCount > 0) {
+			console.log(`   ✓ Replaced ${resignCount} "resign" → "Resign"`);
+		}
+
+		// Skip write in dry-run mode
+		if (options.dryRun) {
+			console.log("   (dry-run: no changes written)");
+			return;
+		}
+
+		// Create backup if requested
+		if (options.backup) {
+			const backupPath = backupFile(filePath);
+			console.log(`   📦 Backup created: ${path.basename(backupPath)}`);
+		}
+
+		// Write migrated content
+		fs.writeFileSync(filePath, newContent, "utf-8");
+		console.log(`   ✅ File updated`);
+	} catch (error) {
+		const errorMsg = `Error processing ${filePath}: ${error}`;
+		stats.errors.push(errorMsg);
+		console.error(`   ❌ ${errorMsg}`);
+	}
+}
+
+
+/**
+ * Main migration function
+ */
+function migrateTGNFiles(options: MigrationOptions): MigrationStats {
+	const stats: MigrationStats = {
+		filesScanned: 0,
+		filesModified: 0,
+		passReplacements: 0,
+		resignReplacements: 0,
+		errors: []
+	};
+
+	console.log("🔄 TGN Migration Tool");
+	console.log("=" .repeat(50));
+	console.log(`Directory: ${options.directory}`);
+	console.log(`Recursive: ${options.recursive}`);
+	console.log(`Dry run: ${options.dryRun}`);
+	console.log(`Backup: ${options.backup}`);
+	console.log("=" .repeat(50));
+
+	// Check if directory exists
+	if (!fs.existsSync(options.directory)) {
+		console.error(`❌ Directory not found: ${options.directory}`);
+		process.exit(1);
+	}
+
+	// Find all TGN files
+	const files = findTGNFiles(options.directory, options.recursive);
+
+	if (files.length === 0) {
+		console.log("\n⚠️  No TGN files found.");
+		return stats;
+	}
+
+	console.log(`\n📁 Found ${files.length} TGN file(s)\n`);
+
+	// Migrate each file
+	for (const file of files) {
+		migrateFile(file, options, stats);
+	}
+
+	// Print summary
+	console.log("\n" + "=".repeat(50));
+	console.log("📊 Migration Summary");
+	console.log("=".repeat(50));
+	console.log(`Files scanned: ${stats.filesScanned}`);
+	console.log(`Files modified: ${stats.filesModified}`);
+	console.log(`Total "pass" → "Pass": ${stats.passReplacements}`);
+	console.log(`Total "resign" → "Resign": ${stats.resignReplacements}`);
+
+	if (stats.errors.length > 0) {
+		console.log(`\n❌ Errors: ${stats.errors.length}`);
+		stats.errors.forEach((error) => console.error(`   - ${error}`));
+	}
+
+	if (options.dryRun) {
+		console.log("\n⚠️  Dry run mode - no files were modified");
+	} else if (stats.filesModified > 0) {
+		console.log("\n✅ Migration completed successfully!");
+	} else {
+		console.log("\n✨ All files are already up to date!");
+	}
+
+	return stats;
+}
+
+
+/**
+ * CLI Entry Point
+ */
+async function main() {
+	const argv = await yargs(hideBin(process.argv))
+		.usage("Usage: $0 <directory> [options]")
+		.command("$0 <directory>", "Migrate TGN files to uppercase Pass/Resign format", (yargs) => {
+			return yargs.positional("directory", {
+				describe: "Directory containing TGN files",
+				type: "string",
+				demandOption: true
+			});
+		})
+		.option("dry-run", {
+			alias: "n",
+			type: "boolean",
+			default: false,
+			description: "Preview changes without modifying files"
+		})
+		.option("backup", {
+			alias: "b",
+			type: "boolean",
+			default: false,
+			description: "Create .backup files before modifying"
+		})
+		.option("recursive", {
+			alias: "r",
+			type: "boolean",
+			default: false,
+			description: "Process subdirectories recursively"
+		})
+		.example([
+			["$0 output", "Migrate all TGN files in output directory"],
+			["$0 output --dry-run", "Preview changes without modifying files"],
+			["$0 output --backup", "Create backups before modifying"],
+			["$0 output --recursive", "Process all subdirectories"]
+		])
+		.help("h")
+		.alias("h", "help")
+		.strict()
+		.parse();
+
+	const options: MigrationOptions = {
+		directory: argv.directory as string,
+		dryRun: argv["dry-run"] as boolean,
+		backup: argv.backup as boolean,
+		recursive: argv.recursive as boolean
+	};
+
+	migrateTGNFiles(options);
+}
+
+
+// Run the CLI when executed directly
+if (process.argv[1] === new URL(import.meta.url).pathname) {
+	main().catch((error) => {
+		console.error("Fatal error:", error);
+		process.exit(1);
+	});
+}
+
+
+export { migrateTGNFiles, migrateTGNContent, MigrationOptions, MigrationStats };

trigo-web/vitest.config.ts

@@ -23,7 +23,7 @@ export default defineConfig({
   test: {
     globals: true,
     environment: 'node', // Changed from jsdom to node since we're testing pure logic
-    include: ['tests/game/**/*.test.ts'], // Game logic tests
+    include: ['tests/**/*.test.ts'], // All tests
   },
   resolve: {
     alias: {

trigo-web/yarn.lock

@@ -213,6 +213,59 @@
   resolved "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz"
   integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
+"@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz"
+  integrity sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==
+
+"@protobufjs/base64@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz"
+  integrity sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==
+
+"@protobufjs/codegen@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz"
+  integrity sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==
+
+"@protobufjs/eventemitter@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz"
+  integrity sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==
+
+"@protobufjs/fetch@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz"
+  integrity sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==
+  dependencies:
+    "@protobufjs/aspromise" "^1.1.1"
+    "@protobufjs/inquire" "^1.1.0"
+
+"@protobufjs/float@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz"
+  integrity sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==
+
+"@protobufjs/inquire@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz"
+  integrity sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==
+
+"@protobufjs/path@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz"
+  integrity sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==
+
+"@protobufjs/pool@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz"
+  integrity sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==
+
+"@protobufjs/utf8@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz"
+  integrity sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==
+
 "@rollup/[email protected]":
   version "4.52.5"
   resolved "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.5.tgz"
@@ -251,7 +304,7 @@
   resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
-"@types/node@^18.0.0 || >=20.0.0", "@types/node@^20.0.0 || ^22.0.0 || >=24.0.0", "@types/node@^20.19.0 || >=22.12.0", "@types/node@^24.10.0":
+"@types/node@^18.0.0 || >=20.0.0", "@types/node@^20.0.0 || ^22.0.0 || >=24.0.0", "@types/node@^20.19.0 || >=22.12.0", "@types/node@^24.10.0", "@types/node@>=13.7.0":
   version "24.10.0"
   resolved "https://registry.npmjs.org/@types/node/-/node-24.10.0.tgz"
   integrity sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==
@@ -346,6 +399,27 @@
     "@vitest/pretty-format" "4.0.6"
     tinyrainbow "^3.0.3"
 
+"@volar/[email protected]":
+  version "2.4.23"
+  resolved "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.23.tgz"
+  integrity sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==
+  dependencies:
+    "@volar/source-map" "2.4.23"
+
+"@volar/[email protected]":
+  version "2.4.23"
+  resolved "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.23.tgz"
+  integrity sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==
+
+"@volar/[email protected]":
+  version "2.4.23"
+  resolved "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.23.tgz"
+  integrity sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==
+  dependencies:
+    "@volar/language-core" "2.4.23"
+    path-browserify "^1.0.1"
+    vscode-uri "^3.0.8"
+
 "@vue/[email protected]":
   version "3.5.22"
   resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.22.tgz"
@@ -357,7 +431,7 @@
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
-"@vue/[email protected]":
+"@vue/compiler-dom@^3.5.0", "@vue/compiler-dom@3.5.22":
   version "3.5.22"
   resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.22.tgz"
   integrity sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==
@@ -388,6 +462,19 @@
     "@vue/compiler-dom" "3.5.22"
     "@vue/shared" "3.5.22"
 
+"@vue/[email protected]":
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/@vue/language-core/-/language-core-3.1.3.tgz"
+  integrity sha512-KpR1F/eGAG9D1RZ0/T6zWJs6dh/pRLfY5WupecyYKJ1fjVmDMgTPw9wXmKv2rBjo4zCJiOSiyB8BDP1OUwpMEA==
+  dependencies:
+    "@volar/language-core" "2.4.23"
+    "@vue/compiler-dom" "^3.5.0"
+    "@vue/shared" "^3.5.0"
+    alien-signals "^3.0.0"
+    muggle-string "^0.4.1"
+    path-browserify "^1.0.1"
+    picomatch "^4.0.2"
+
 "@vue/[email protected]":
   version "3.5.22"
   resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.22.tgz"
@@ -421,7 +508,7 @@
     "@vue/compiler-ssr" "3.5.22"
     "@vue/shared" "3.5.22"
 
-"@vue/[email protected]":
+"@vue/shared@^3.5.0", "@vue/shared@3.5.22":
   version "3.5.22"
   resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.5.22.tgz"
   integrity sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==
@@ -436,6 +523,11 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz"
   integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
 
+adm-zip@^0.5.16:
+  version "0.5.16"
+  resolved "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz"
+  integrity sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==
+
 agent-base@^7.1.0, agent-base@^7.1.2:
   version "7.1.4"
   resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz"
@@ -451,11 +543,23 @@ ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+alien-signals@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/alien-signals/-/alien-signals-3.1.0.tgz"
+  integrity sha512-yufC6VpSy8tK3I0lO67pjumo5JvDQVQyr38+3OHqe6CHl1t2VZekKZ7EKKZSqk0cRmE7U7tfZbpXiKNzuc+ckg==
+
 amdefine@>=0.0.4:
   version "1.0.1"
   resolved "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz"
   integrity sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg==
 
+ansi-escapes@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz"
+  integrity sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==
+  dependencies:
+    environment "^1.0.0"
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
@@ -500,6 +604,11 @@ bidi-js@^1.0.3:
   dependencies:
     require-from-string "^2.0.2"
 
+boolean@^3.0.1:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz"
+  integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
+
 brace-expansion@^1.1.7:
   version "1.1.12"
   resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz"
@@ -508,6 +617,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+braces@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz"
@@ -533,6 +649,21 @@ [email protected]:
   dependencies:
     jsonlint "1.6.0"
 
+cli-cursor@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz"
+  integrity sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==
+  dependencies:
+    restore-cursor "^5.0.0"
+
+cli-truncate@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.1.1.tgz"
+  integrity sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==
+  dependencies:
+    slice-ansi "^7.1.0"
+    string-width "^8.0.0"
+
 cliui@^8.0.1:
   version "8.0.1"
   resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
@@ -563,11 +694,21 @@ color-name@~1.1.4:
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+colorette@^2.0.20:
+  version "2.0.20"
+  resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
 [email protected]:
   version "0.5.1"
   resolved "https://registry.npmjs.org/colors/-/colors-0.5.1.tgz"
   integrity sha512-XjsuUwpDeY98+yz959OlUK6m7mLBM+1MEG5oaenfuQnNnrQk1WvtcvFgN3FNDP3f2NmZ211t0mNEfSEN1h0eIg==
 
+commander@^14.0.2:
+  version "14.0.2"
+  resolved "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz"
+  integrity sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==
+
 [email protected]:
   version "0.0.1"
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
@@ -651,6 +792,29 @@ deep-is@^0.1.3:
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+define-data-property@^1.0.1:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
 [email protected]:
   version "0.1.10"
   resolved "https://registry.npmjs.org/ebnf-parser/-/ebnf-parser-0.1.10.tgz"
@@ -676,11 +840,31 @@ entities@^6.0.0:
   resolved "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz"
   integrity sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==
 
+environment@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz"
+  integrity sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==
+
+es-define-property@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
 es-module-lexer@^1.7.0:
   version "1.7.0"
   resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz"
   integrity sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==
 
+es6-error@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz"
+  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+
 esbuild@^0.21.3:
   version "0.21.5"
   resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz"
@@ -710,39 +894,7 @@ esbuild@^0.21.3:
     "@esbuild/win32-ia32" "0.21.5"
     "@esbuild/win32-x64" "0.21.5"
 
-esbuild@^0.25.0:
-  version "0.25.12"
-  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz"
-  integrity sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.12"
-    "@esbuild/android-arm" "0.25.12"
-    "@esbuild/android-arm64" "0.25.12"
-    "@esbuild/android-x64" "0.25.12"
-    "@esbuild/darwin-arm64" "0.25.12"
-    "@esbuild/darwin-x64" "0.25.12"
-    "@esbuild/freebsd-arm64" "0.25.12"
-    "@esbuild/freebsd-x64" "0.25.12"
-    "@esbuild/linux-arm" "0.25.12"
-    "@esbuild/linux-arm64" "0.25.12"
-    "@esbuild/linux-ia32" "0.25.12"
-    "@esbuild/linux-loong64" "0.25.12"
-    "@esbuild/linux-mips64el" "0.25.12"
-    "@esbuild/linux-ppc64" "0.25.12"
-    "@esbuild/linux-riscv64" "0.25.12"
-    "@esbuild/linux-s390x" "0.25.12"
-    "@esbuild/linux-x64" "0.25.12"
-    "@esbuild/netbsd-arm64" "0.25.12"
-    "@esbuild/netbsd-x64" "0.25.12"
-    "@esbuild/openbsd-arm64" "0.25.12"
-    "@esbuild/openbsd-x64" "0.25.12"
-    "@esbuild/openharmony-arm64" "0.25.12"
-    "@esbuild/sunos-x64" "0.25.12"
-    "@esbuild/win32-arm64" "0.25.12"
-    "@esbuild/win32-ia32" "0.25.12"
-    "@esbuild/win32-x64" "0.25.12"
-
-esbuild@~0.25.0:
+esbuild@^0.25.0, esbuild@~0.25.0:
   version "0.25.12"
   resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz"
   integrity sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==
@@ -926,6 +1078,11 @@ esutils@~1.0.0:
   resolved "https://registry.npmjs.org/esutils/-/esutils-1.0.0.tgz"
   integrity sha512-x/iYH53X3quDwfHRz4y8rn4XcEwwCJeWsul9pF1zldMbGtgOtMNBEOuYWwB1EQlK2LRa1fev3YAgym/RElp5Cg==
 
+eventemitter3@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz"
+  integrity sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==
+
 expect-type@^1.2.2:
   version "1.2.2"
   resolved "https://registry.npmjs.org/expect-type/-/expect-type-1.2.2.tgz"
@@ -968,6 +1125,13 @@ file-entry-cache@^8.0.0:
   dependencies:
     flat-cache "^4.0.0"
 
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
 find-up@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
@@ -984,6 +1148,11 @@ flat-cache@^4.0.0:
     flatted "^3.2.9"
     keyv "^4.5.4"
 
+flatbuffers@^25.1.24:
+  version "25.9.23"
+  resolved "https://registry.npmjs.org/flatbuffers/-/flatbuffers-25.9.23.tgz"
+  integrity sha512-MI1qs7Lo4Syw0EOzUl0xjs2lsoeqFku44KpngfIduHBYvzm8h2+7K8YMQh1JtVVVrUvhLpNwqVi4DERegUJhPQ==
+
 flatted@^3.2.9, flatted@^3.3.3:
   version "3.3.3"
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz"
@@ -994,7 +1163,7 @@ get-caller-file@^2.0.5:
   resolved "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-east-asian-width@^1.0.0:
+get-east-asian-width@^1.0.0, get-east-asian-width@^1.3.0, get-east-asian-width@^1.3.1:
   version "1.4.0"
   resolved "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz"
   integrity sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==
@@ -1013,16 +1182,53 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
+global-agent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz"
+  integrity sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==
+  dependencies:
+    boolean "^3.0.1"
+    es6-error "^4.1.1"
+    matcher "^3.0.0"
+    roarr "^2.15.3"
+    semver "^7.3.2"
+    serialize-error "^7.0.1"
+
 globals@^14.0.0:
   version "14.0.0"
   resolved "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz"
   integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
 
+globalthis@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+gopd@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+guid-typescript@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.npmjs.org/guid-typescript/-/guid-typescript-1.0.9.tgz"
+  integrity sha512-Y8T4vYhEfwJOTbouREvG+3XDsjr8E3kIr7uf+JZ0BYloFsttiHU0WfvANVsR7TxNUJa/WpCnw/Ino/p+DeBhBQ==
+
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-property-descriptors@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
 html-encoding-sniffer@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz"
@@ -1046,6 +1252,11 @@ https-proxy-agent@^7.0.6:
     agent-base "^7.1.2"
     debug "4"
 
+husky@^9.1.7:
+  version "9.1.7"
+  resolved "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz"
+  integrity sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==
+
 [email protected]:
   version "0.6.3"
   resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz"
@@ -1081,6 +1292,13 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
+is-fullwidth-code-point@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz"
+  integrity sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==
+  dependencies:
+    get-east-asian-width "^1.3.1"
+
 is-glob@^4.0.0, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
@@ -1088,6 +1306,11 @@ is-glob@^4.0.0, is-glob@^4.0.3:
   dependencies:
     is-extglob "^2.1.1"
 
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz"
@@ -1168,6 +1391,11 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
+json-stringify-safe@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
+  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
+
 [email protected]:
   version "1.6.0"
   resolved "https://registry.npmjs.org/jsonlint/-/jsonlint-1.6.0.tgz"
@@ -1206,6 +1434,31 @@ lex-parser@~0.1.3, [email protected]:
   resolved "https://registry.npmjs.org/lex-parser/-/lex-parser-0.1.4.tgz"
   integrity sha512-DuAEISsr1H4LOpmFLkyMc8YStiRWZCO8hMsoXAXSbgyfvs2WQhSt0+/FBv3ZU/JBFZMGcE+FWzEBSzwUU7U27w==
 
+lint-staged@^16.2.7:
+  version "16.2.7"
+  resolved "https://registry.npmjs.org/lint-staged/-/lint-staged-16.2.7.tgz"
+  integrity sha512-lDIj4RnYmK7/kXMya+qJsmkRFkGolciXjrsZ6PC25GdTfWOAWetR0ZbsNXRAj1EHHImRSalc+whZFg56F5DVow==
+  dependencies:
+    commander "^14.0.2"
+    listr2 "^9.0.5"
+    micromatch "^4.0.8"
+    nano-spawn "^2.0.0"
+    pidtree "^0.6.0"
+    string-argv "^0.3.2"
+    yaml "^2.8.1"
+
+listr2@^9.0.5:
+  version "9.0.5"
+  resolved "https://registry.npmjs.org/listr2/-/listr2-9.0.5.tgz"
+  integrity sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==
+  dependencies:
+    cli-truncate "^5.0.0"
+    colorette "^2.0.20"
+    eventemitter3 "^5.0.1"
+    log-update "^6.1.0"
+    rfdc "^1.4.1"
+    wrap-ansi "^9.0.0"
+
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz"
@@ -1223,6 +1476,22 @@ lodash@^4.17.21:
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
+log-update@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz"
+  integrity sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==
+  dependencies:
+    ansi-escapes "^7.0.0"
+    cli-cursor "^5.0.0"
+    slice-ansi "^7.1.0"
+    strip-ansi "^7.1.0"
+    wrap-ansi "^9.0.0"
+
+long@^5.0.0, long@^5.2.3:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/long/-/long-5.3.2.tgz"
+  integrity sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==
+
 lru-cache@^11.2.1, lru-cache@^11.2.2:
   version "11.2.2"
   resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz"
@@ -1235,11 +1504,31 @@ magic-string@^0.30.19:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.5"
 
+matcher@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz"
+  integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
+  dependencies:
+    escape-string-regexp "^4.0.0"
+
 [email protected]:
   version "2.12.2"
   resolved "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz"
   integrity sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==
 
+micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mimic-function@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz"
+  integrity sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==
+
 minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
@@ -1257,6 +1546,16 @@ ms@^2.1.3:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+muggle-string@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz"
+  integrity sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==
+
+nano-spawn@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/nano-spawn/-/nano-spawn-2.0.0.tgz"
+  integrity sha512-tacvGzUY5o2D8CBh2rrwxyNojUsZNU2zjNTzKQrkgGJQTbGAfArVWXSKMBokBeeg6C7OLRGUEyoFlYbfeWQIqw==
+
 nanoid@^3.3.11:
   version "3.3.11"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz"
@@ -1275,6 +1574,44 @@ natural-compare@^1.4.0:
     colors "0.5.x"
     underscore "1.1.x"
 
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+onetime@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz"
+  integrity sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==
+  dependencies:
+    mimic-function "^5.0.0"
+
+[email protected]:
+  version "1.23.2"
+  resolved "https://registry.npmjs.org/onnxruntime-common/-/onnxruntime-common-1.23.2.tgz"
+  integrity sha512-5LFsC9Dukzp2WV6kNHYLNzp8sT6V02IubLCbzw2Xd6X5GOlr65gAX6xiJwyi2URJol/s71gaQLC5F2C25AAR2w==
+
+[email protected]:
+  version "1.23.2"
+  resolved "https://registry.npmjs.org/onnxruntime-node/-/onnxruntime-node-1.23.2.tgz"
+  integrity sha512-OBTsG0W8ddBVOeVVVychpVBS87A9YV5sa2hJ6lc025T97Le+J4v++PwSC4XFs1C62SWyNdof0Mh4KvnZgtt4aw==
+  dependencies:
+    adm-zip "^0.5.16"
+    global-agent "^3.0.0"
+    onnxruntime-common "1.23.2"
+
+[email protected]:
+  version "1.23.2"
+  resolved "https://registry.npmjs.org/onnxruntime-web/-/onnxruntime-web-1.23.2.tgz"
+  integrity sha512-T09JUtMn+CZLk3mFwqiH0lgQf+4S7+oYHHtk6uhaYAAJI95bTcKi5bOOZYwORXfS/RLZCjDDEXGWIuOCAFlEjg==
+  dependencies:
+    flatbuffers "^25.1.24"
+    guid-typescript "^1.0.9"
+    long "^5.2.3"
+    onnxruntime-common "1.23.2"
+    platform "^1.3.6"
+    protobufjs "^7.2.4"
+
 optionator@^0.9.3:
   version "0.9.4"
   resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz"
@@ -1315,6 +1652,11 @@ parse5@^8.0.0:
   dependencies:
     entities "^6.0.0"
 
+path-browserify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz"
+  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
@@ -1335,11 +1677,26 @@ picocolors@^1.1.1:
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
-"picomatch@^3 || ^4", picomatch@^4.0.3:
+picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+"picomatch@^3 || ^4", picomatch@^4.0.2, picomatch@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz"
   integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
+pidtree@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz"
+  integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
+
+platform@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz"
+  integrity sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==
+
 postcss@^8.4.43, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz"
@@ -1366,6 +1723,24 @@ prettier@^3.6.2, prettier@>=3.0.0:
   resolved "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz"
   integrity sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==
 
+protobufjs@^7.2.4:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/protobufjs/-/protobufjs-7.5.4.tgz"
+  integrity sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==
+  dependencies:
+    "@protobufjs/aspromise" "^1.1.2"
+    "@protobufjs/base64" "^1.1.2"
+    "@protobufjs/codegen" "^2.0.4"
+    "@protobufjs/eventemitter" "^1.1.0"
+    "@protobufjs/fetch" "^1.1.0"
+    "@protobufjs/float" "^1.0.2"
+    "@protobufjs/inquire" "^1.1.0"
+    "@protobufjs/path" "^1.1.2"
+    "@protobufjs/pool" "^1.1.0"
+    "@protobufjs/utf8" "^1.1.0"
+    "@types/node" ">=13.7.0"
+    long "^5.0.0"
+
 punycode@^2.1.0, punycode@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz"
@@ -1391,6 +1766,31 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
+restore-cursor@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz"
+  integrity sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==
+  dependencies:
+    onetime "^7.0.0"
+    signal-exit "^4.1.0"
+
+rfdc@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz"
+  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
+
+roarr@^2.15.3:
+  version "2.15.4"
+  resolved "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz"
+  integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
+  dependencies:
+    boolean "^3.0.1"
+    detect-node "^2.0.4"
+    globalthis "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    semver-compare "^1.0.0"
+    sprintf-js "^1.1.2"
+
 rollup@^4.20.0, rollup@^4.43.0:
   version "4.52.5"
   resolved "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz"
@@ -1441,6 +1841,23 @@ saxes@^6.0.0:
   dependencies:
     xmlchars "^2.2.0"
 
+semver-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz"
+  integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
+
+semver@^7.3.2:
+  version "7.7.3"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz"
+  integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
+
+serialize-error@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz"
+  integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
+  dependencies:
+    type-fest "^0.13.1"
+
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"
@@ -1463,6 +1880,11 @@ siginfo@^2.0.0:
   resolved "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz"
   integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
 
+signal-exit@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
 sirv@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz"
@@ -1472,6 +1894,14 @@ sirv@^3.0.2:
     mrmime "^2.0.0"
     totalist "^3.0.0"
 
+slice-ansi@^7.1.0:
+  version "7.1.2"
+  resolved "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz"
+  integrity sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==
+  dependencies:
+    ansi-styles "^6.2.1"
+    is-fullwidth-code-point "^5.0.0"
+
 source-map-js@^1.0.1, source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz"
@@ -1489,6 +1919,11 @@ spawn-command@^0.0.2-1:
   resolved "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2.tgz"
   integrity sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==
 
+sprintf-js@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz"
+  integrity sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==
+
 [email protected]:
   version "0.0.2"
   resolved "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz"
@@ -1499,6 +1934,11 @@ std-env@^3.9.0:
   resolved "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz"
   integrity sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==
 
+string-argv@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz"
+  integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
+
 string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
@@ -1517,6 +1957,14 @@ string-width@^7.0.0, string-width@^7.2.0:
     get-east-asian-width "^1.0.0"
     strip-ansi "^7.1.0"
 
+string-width@^8.0.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-8.1.0.tgz"
+  integrity sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==
+  dependencies:
+    get-east-asian-width "^1.3.0"
+    strip-ansi "^7.1.0"
+
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
@@ -1597,6 +2045,13 @@ tldts@^7.0.5:
   dependencies:
     tldts-core "^7.0.17"
 
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
 totalist@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz"
@@ -1643,7 +2098,12 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-typescript@*, typescript@^5.2.2:
+type-fest@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz"
+  integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
+
+typescript@*, typescript@^5.2.2, typescript@>=5.0.0:
   version "5.9.3"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz"
   integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
@@ -1716,6 +2176,19 @@ vitest@^4.0.6, [email protected]:
     vite "^6.0.0 || ^7.0.0"
     why-is-node-running "^2.3.0"
 
+vscode-uri@^3.0.8:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz"
+  integrity sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==
+
+vue-tsc@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.1.3.tgz"
+  integrity sha512-StMNfZHwPIXQgY3KxPKM0Jsoc8b46mDV3Fn2UlHCBIwRJApjqrSwqeMYgWf0zpN+g857y74pv7GWuBm+UqQe1w==
+  dependencies:
+    "@volar/typescript" "2.4.23"
+    "@vue/language-core" "3.1.3"
+
 vue@^3.2.25, vue@^3.3.4, [email protected]:
   version "3.5.22"
   resolved "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz"
@@ -1817,6 +2290,11 @@ y18n@^5.0.5:
   resolved "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
+yaml@^2.4.2, yaml@^2.8.1:
+  version "2.8.1"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz"
+  integrity sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==
+
 yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz"