diff --git a/.gitignore b/.gitignore
index bf01e128..de6bdaff 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,4 +33,8 @@ dist-ssr
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
\ No newline at end of file
+*.sw?
+
+.claude
+.playwright
+.playwright-cli
diff --git a/.oxlintrc.json b/.oxlintrc.json
index c4e896ab..2c20d82c 100644
--- a/.oxlintrc.json
+++ b/.oxlintrc.json
@@ -21,7 +21,8 @@
     // Shadcn/ui components
     "src/components/ui",
     "!src/components/ui/theme-provider.tsx",
-    "!src/components/ui/carousel.tsx"
+    "!src/components/ui/carousel.tsx",
+    "!src/components/ui/data-table.tsx"
   ],
   "overrides": [
     {
diff --git a/eslint.config.js b/eslint.config.js
index 6811e10b..1f5ad199 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -18,6 +18,7 @@ export default defineConfig([
     "src/components/ui",
     "!src/components/ui/theme-provider.tsx",
     "!src/components/ui/carousel.tsx",
+    "!src/components/ui/data-table.tsx"
   ]),
 
   {
diff --git a/package.json b/package.json
index 68641eed..44f7ddcb 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@base-ui/react": "^1.5.0",
+    "@base-ui/react": "^1.6.0",
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/helpers": "^0.5.0",
+    "@dnd-kit/react": "^0.5.0",
     "@fontsource-variable/raleway": "^5.2.8",
     "@icons-pack/react-simple-icons": "^13.13.0",
     "@schedule-x/calendar": "^4.6.0",
@@ -18,52 +21,55 @@
     "@schedule-x/scroll-controller": "^4.6.0",
     "@schedule-x/theme-shadcn": "^4.6.0",
     "@tanstack/react-form": "^1.33.0",
-    "@tanstack/react-query": "^5.101.0",
-    "@tanstack/react-router": "^1.170.15",
-    "axios": "^1.18.0",
+    "@tanstack/react-query": "^5.101.2",
+    "@tanstack/react-router": "^1.170.17",
+    "@tanstack/react-table": "^8.21.3",
+    "axios": "^1.18.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^1.17.0",
+    "hash-wasm": "^4.12.0",
+    "lucide-react": "^1.23.0",
     "next-themes": "^0.4.6",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
+    "react-dropzone": "^15.0.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
-    "temporal-polyfill": "^1.0.0",
+    "temporal-polyfill": "^1.0.1",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@rolldown/plugin-babel": "^0.2.3",
-    "@tailwindcss/vite": "^4.3.0",
-    "@tanstack/eslint-plugin-query": "^5.101.0",
+    "@tailwindcss/vite": "^4.3.2",
+    "@tanstack/eslint-plugin-query": "^5.101.2",
     "@tanstack/eslint-plugin-router": "^1.162.0",
-    "@tanstack/router-plugin": "^1.168.18",
+    "@tanstack/router-plugin": "^1.168.19",
     "@types/babel__core": "^7.20.5",
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
+    "@vitejs/plugin-react": "^6.0.3",
     "babel-plugin-react-compiler": "^1.0.0",
-    "eslint": "^10.4.0",
-    "eslint-plugin-better-tailwindcss": "^4.6.0",
-    "eslint-plugin-oxlint": "^1.70.0",
-    "eslint-plugin-perfectionist": "^5.9.1",
-    "eslint-plugin-react-dom": "^5.9.0",
+    "eslint": "^10.6.0",
+    "eslint-plugin-better-tailwindcss": "^4.6.1",
+    "eslint-plugin-oxlint": "^1.73.0",
+    "eslint-plugin-perfectionist": "^5.10.0",
+    "eslint-plugin-react-dom": "^5.12.0",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-jsx": "^5.9.0",
-    "eslint-plugin-react-naming-convention": "^5.9.0",
-    "eslint-plugin-react-x": "^5.9.0",
-    "globals": "^17.6.0",
-    "oxfmt": "^0.57.0",
-    "oxlint": "^1.70.0",
+    "eslint-plugin-react-jsx": "^5.12.0",
+    "eslint-plugin-react-naming-convention": "^5.12.0",
+    "eslint-plugin-react-x": "^5.12.0",
+    "globals": "^17.7.0",
+    "oxfmt": "^0.58.0",
+    "oxlint": "^1.73.0",
     "oxlint-tsgolint": "^0.24.0",
     "react-scan": "^0.5.7",
-    "shadcn": "^4.11.0",
-    "tailwindcss": "^4.3.0",
+    "shadcn": "^4.13.0",
+    "tailwindcss": "^4.3.2",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2",
-    "typescript-eslint": "^8.61.1",
-    "vite": "^8.0.16"
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.62.1",
+    "vite": "^8.1.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dead204e..8b7d8764 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,17 @@ importers:
   .:
     dependencies:
       '@base-ui/react':
-        specifier: ^1.5.0
+        specifier: ^1.6.0
         version: 1.6.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@dnd-kit/dom':
+        specifier: ^0.5.0
+        version: 0.5.0
+      '@dnd-kit/helpers':
+        specifier: ^0.5.0
+        version: 0.5.0
+      '@dnd-kit/react':
+        specifier: ^0.5.0
+        version: 0.5.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@fontsource-variable/raleway':
         specifier: ^5.2.8
         version: 5.2.8
@@ -19,16 +28,16 @@ importers:
         version: 13.13.0(react@19.2.7)
       '@schedule-x/calendar':
         specifier: ^4.6.0
-        version: 4.6.0(@preact/signals@2.9.2(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1)
+        version: 4.6.0(@preact/signals@2.9.3(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1)
       '@schedule-x/calendar-controls':
         specifier: ^4.6.0
         version: 4.6.0
       '@schedule-x/react':
         specifier: ^4.1.0
-        version: 4.1.0(@schedule-x/calendar@4.6.0(@preact/signals@2.9.2(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 4.1.0(@schedule-x/calendar@4.6.0(@preact/signals@2.9.3(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@schedule-x/scroll-controller':
         specifier: ^4.6.0
-        version: 4.6.0(@preact/signals@2.9.2(preact@10.29.4))
+        version: 4.6.0(@preact/signals@2.9.3(preact@10.29.4))
       '@schedule-x/theme-shadcn':
         specifier: ^4.6.0
         version: 4.6.0
@@ -36,13 +45,16 @@ importers:
         specifier: ^1.33.0
         version: 1.33.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@tanstack/react-query':
-        specifier: ^5.101.0
+        specifier: ^5.101.2
         version: 5.101.2(react@19.2.7)
       '@tanstack/react-router':
-        specifier: ^1.170.15
+        specifier: ^1.170.17
         version: 1.170.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@tanstack/react-table':
+        specifier: ^8.21.3
+        version: 8.21.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       axios:
-        specifier: ^1.18.0
+        specifier: ^1.18.1
         version: 1.18.1
       class-variance-authority:
         specifier: ^0.7.1
@@ -53,8 +65,11 @@ importers:
       embla-carousel-react:
         specifier: ^8.6.0
         version: 8.6.0(react@19.2.7)
+      hash-wasm:
+        specifier: ^4.12.0
+        version: 4.12.0
       lucide-react:
-        specifier: ^1.17.0
+        specifier: ^1.23.0
         version: 1.23.0(react@19.2.7)
       next-themes:
         specifier: ^0.4.6
@@ -65,6 +80,9 @@ importers:
       react-dom:
         specifier: ^19.2.7
         version: 19.2.7(react@19.2.7)
+      react-dropzone:
+        specifier: ^15.0.0
+        version: 15.0.0(react@19.2.7)
       sonner:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -72,7 +90,7 @@ importers:
         specifier: ^3.6.0
         version: 3.6.0
       temporal-polyfill:
-        specifier: ^1.0.0
+        specifier: ^1.0.1
         version: 1.0.1
       zod:
         specifier: ^4.4.3
@@ -80,25 +98,25 @@ importers:
     devDependencies:
       '@rolldown/plugin-babel':
         specifier: ^0.2.3
-        version: 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+        version: 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       '@tailwindcss/vite':
-        specifier: ^4.3.0
-        version: 4.3.2(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+        specifier: ^4.3.2
+        version: 4.3.2(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       '@tanstack/eslint-plugin-query':
-        specifier: ^5.101.0
+        specifier: ^5.101.2
         version: 5.101.2(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       '@tanstack/eslint-plugin-router':
         specifier: ^1.162.0
         version: 1.162.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       '@tanstack/router-plugin':
-        specifier: ^1.168.18
-        version: 1.168.19(@tanstack/react-router@1.170.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+        specifier: ^1.168.19
+        version: 1.168.19(@tanstack/react-router@1.170.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       '@types/babel__core':
         specifier: ^7.20.5
         version: 7.20.5
       '@types/node':
-        specifier: ^25.9.3
-        version: 25.9.4
+        specifier: ^26.1.1
+        version: 26.1.1
       '@types/react':
         specifier: ^19.2.17
         version: 19.2.17
@@ -106,71 +124,71 @@ importers:
         specifier: ^19.2.3
         version: 19.2.3(@types/react@19.2.17)
       '@vitejs/plugin-react':
-        specifier: ^6.0.2
-        version: 6.0.3(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+        specifier: ^6.0.3
+        version: 6.0.3(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       babel-plugin-react-compiler:
         specifier: ^1.0.0
         version: 1.0.0
       eslint:
-        specifier: ^10.4.0
+        specifier: ^10.6.0
         version: 10.6.0(jiti@2.7.0)
       eslint-plugin-better-tailwindcss:
-        specifier: ^4.6.0
-        version: 4.6.1(eslint@10.6.0(jiti@2.7.0))(oxlint@1.72.0(oxlint-tsgolint@0.24.0))(tailwindcss@4.3.2)(typescript@6.0.3)
+        specifier: ^4.6.1
+        version: 4.6.1(eslint@10.6.0(jiti@2.7.0))(oxlint@1.73.0(oxlint-tsgolint@0.24.0))(tailwindcss@4.3.2)(typescript@6.0.3)
       eslint-plugin-oxlint:
-        specifier: ^1.70.0
-        version: 1.72.0(oxlint@1.72.0(oxlint-tsgolint@0.24.0))
+        specifier: ^1.73.0
+        version: 1.73.0(oxlint@1.73.0(oxlint-tsgolint@0.24.0))
       eslint-plugin-perfectionist:
-        specifier: ^5.9.1
-        version: 5.9.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: ^5.10.0
+        version: 5.10.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint-plugin-react-dom:
-        specifier: ^5.9.0
-        version: 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: ^5.12.0
+        version: 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint-plugin-react-hooks:
         specifier: ^7.1.1
         version: 7.1.1(eslint@10.6.0(jiti@2.7.0))
       eslint-plugin-react-jsx:
-        specifier: ^5.9.0
-        version: 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: ^5.12.0
+        version: 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint-plugin-react-naming-convention:
-        specifier: ^5.9.0
-        version: 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: ^5.12.0
+        version: 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint-plugin-react-x:
-        specifier: ^5.9.0
-        version: 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: ^5.12.0
+        version: 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       globals:
-        specifier: ^17.6.0
+        specifier: ^17.7.0
         version: 17.7.0
       oxfmt:
-        specifier: ^0.57.0
-        version: 0.57.0
+        specifier: ^0.58.0
+        version: 0.58.0
       oxlint:
-        specifier: ^1.70.0
-        version: 1.72.0(oxlint-tsgolint@0.24.0)
+        specifier: ^1.73.0
+        version: 1.73.0(oxlint-tsgolint@0.24.0)
       oxlint-tsgolint:
         specifier: ^0.24.0
         version: 0.24.0
       react-scan:
         specifier: ^0.5.7
-        version: 0.5.7(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(eslint@10.6.0(jiti@2.7.0))(oxlint-tsgolint@0.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+        version: 0.5.7(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(eslint@10.6.0(jiti@2.7.0))(oxlint-tsgolint@0.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       shadcn:
-        specifier: ^4.11.0
+        specifier: ^4.13.0
         version: 4.13.0(typescript@6.0.3)
       tailwindcss:
-        specifier: ^4.3.0
+        specifier: ^4.3.2
         version: 4.3.2
       tw-animate-css:
         specifier: ^1.4.0
         version: 1.4.0
       typescript:
-        specifier: ^6.0.2
+        specifier: ^6.0.3
         version: 6.0.3
       typescript-eslint:
-        specifier: ^8.61.1
-        version: 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: ^8.62.1
+        version: 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       vite:
-        specifier: ^8.0.16
-        version: 8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)
+        specifier: ^8.1.3
+        version: 8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)
 
 packages:
 
@@ -345,6 +363,30 @@ packages:
       '@types/react':
         optional: true
 
+  '@dnd-kit/abstract@0.5.0':
+    resolution: {integrity: sha512-hi13iMJgjPX/KDYVKg5VeDIhmYiV6buc9bAX+tCLYf4QdyYjPbsXjn2sPo6m7fQ6SGJBEFgHJ2PemeKDUbwBaA==}
+
+  '@dnd-kit/collision@0.5.0':
+    resolution: {integrity: sha512-xUqRn3lS7oqLkT0AnnHS/STh/Czvwe1UapZFYiLbsUGxopMsQd4teaPCzPouOThoMdGEe+dHWjfqJl6t9iG4mQ==}
+
+  '@dnd-kit/dom@0.5.0':
+    resolution: {integrity: sha512-f2xFJp5SYQ8EW/Fbtaa8iBb66hpkWc7qa8vU826KW11/tb44sH+AisZnGtwOOTWTQ0GraqBDr5ixTErww+eKXw==}
+
+  '@dnd-kit/geometry@0.5.0':
+    resolution: {integrity: sha512-ubHQS1CiSDH8ssYH2xG5BnpwPSFP1tStXXjug7/Ba6qnQdu/EUH47l6QXKIksQnnanfVfDf0aGeevRxgZlj28A==}
+
+  '@dnd-kit/helpers@0.5.0':
+    resolution: {integrity: sha512-i4y+51/icSw+OHMr/su19qhnmNhAzh8PnBwXvapFYTd+64oodIyJRiRkB+hhfxAfnur7RYSW8qacDTrXjg2XOg==}
+
+  '@dnd-kit/react@0.5.0':
+    resolution: {integrity: sha512-abQPLI8lmfVE+v/n+pqy5WFxrw6T2Yg0UQZsL78dp5DKci7dKTVDjvLWqvass+XTFtzJmsZEjk1NdqE6xG8Jiw==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
+  '@dnd-kit/state@0.5.0':
+    resolution: {integrity: sha512-y7XbabQqjF58Lk8YmDQuR8l6QjN+Kh4qlGEjUvHuIeasLk1QP+9L5diXS98VMxQIivyMmUtX2//f+3N7qPJX4w==}
+
   '@dotenvx/dotenvx@1.75.1':
     resolution: {integrity: sha512-/BITOC9dmS/edY2zQwZNicQ059O6RKabtQfyEafV0nGtfYRNHYy1DIPiYVcov40+tob9hfmBnbR963dS+EQ1DQ==}
     hasBin: true
@@ -380,43 +422,43 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint-react/ast@5.10.4':
-    resolution: {integrity: sha512-FcxjL+TjzJeH+FnHRjahLEh5OccKIbPQwujxzribXMkkuHYOI44sLXtcOhslERiSU8DikOdnZzBNrhiujW9zwQ==}
+  '@eslint-react/ast@5.12.0':
+    resolution: {integrity: sha512-M1l/mDfUH+Sdiyp3KAvAdVrsdExzAqUDKQ7dlUcSsvksLVkNzhHk9XHYUChhgDiUJ/84BAwOMhg6N/gXS4Cvqw==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  '@eslint-react/core@5.10.4':
-    resolution: {integrity: sha512-bxBgTtAx0VbZSWUP+TKqw80Z2vBX9aQ0v5XDOvx4juIgy9gIfND4DqFo6CIJ4SkmH0ZdzqiCBwmhbETHgXumnQ==}
+  '@eslint-react/core@5.12.0':
+    resolution: {integrity: sha512-RGt/+uOgVz+EjDlcTwei4s96owvO8ZM/Qoj1Stw/hnon2HSdfKYbkDsfriHhA/PqwfnVPRGpkNUbAGuKlF9dNQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  '@eslint-react/eslint@5.10.4':
-    resolution: {integrity: sha512-/PHUvYVpRZRvWVT15HySdCySxZ2d6KmlBV4VomhmQocvb6n/haRJ4SVTqSy0I+CV327TBFnaHw1hUdMw7zROxw==}
+  '@eslint-react/eslint@5.12.0':
+    resolution: {integrity: sha512-haY1Yp0fT5K2GPzC5vhDRTAWT+7+gXpeDdYHRuPsCBMDnBMLRrXXGuW5YPLamTWCDf2i6LMzeZ0mxfO2w85KUQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  '@eslint-react/jsx@5.10.4':
-    resolution: {integrity: sha512-XK374cpduryK3+/zDCWegF+c1ilLF8T0a1lCC5J9Z/56uGf7n/bEASyTyBLsnkJlxX/8+b9sYXT+lqnOAAyoNg==}
+  '@eslint-react/jsx@5.12.0':
+    resolution: {integrity: sha512-401eOgg2Mvvpt3qxWHQdFg4kILeyVJOZVV3L+0+hup42X+R2hh4jjiUUhqfGgTVxGjP1nH1uyAf1YwMoAFuemw==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  '@eslint-react/shared@5.10.4':
-    resolution: {integrity: sha512-gPWtJ4IYAwa3rAyRBh0Lkw6dWXSPLCzlQVttMyb4JFFcIYSnlPkiHv/MIpa24F8Mp40AapqOaX57JXJSgZ3eSQ==}
+  '@eslint-react/shared@5.12.0':
+    resolution: {integrity: sha512-kXuKU+ZA8fPgiSnJ+7xLxKb/M96T/CZpZZ1gFK3lepI2JAF2e2kPXx9aQ7nV6KGDZnB3Hi+S/WEyftG8A8/qMw==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  '@eslint-react/var@5.10.4':
-    resolution: {integrity: sha512-fXqXn6tlvp/eJFDuqhWilaMifwLDcY1fMT9/q5PZJb7N9Row7oJ6tHy9zPTBhle0jAU+QprhK0irHGTlUqlN8Q==}
+  '@eslint-react/var@5.12.0':
+    resolution: {integrity: sha512-92oYx6RFJD8Hm+rhq3N5gtdM0OPZ0kzYb/eNYapEW4KNCyWwD6R8r+NNsmZihqxzgoivTWxW3geXypjoe0NCKQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
@@ -581,8 +623,8 @@ packages:
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.10.0'
 
-  '@opentelemetry/semantic-conventions@1.41.1':
-    resolution: {integrity: sha512-/UhIkaZgPutTFmQ7RnIJGgDXZmtEJ7Dvi86xNTFWcnRxVRNk/aotsqDJYeEvDP+FSMB2SdW+pQzNMcWP0rwuNA==}
+  '@opentelemetry/semantic-conventions@1.42.0':
+    resolution: {integrity: sha512-icc5xCzndZfhuJMy5oqk5AvloWquR7jtae74qzpkKkhGp8BivK+oCcEXgGnjCdTfp8hA44l+w8gE8yYJbocJJw==}
     engines: {node: '>=14'}
 
   '@oxc-parser/binding-android-arm-eabi@0.132.0':
@@ -951,124 +993,124 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxfmt/binding-android-arm-eabi@0.57.0':
-    resolution: {integrity: sha512-qVBsEO+KugOsCmUHcO8iqNnqc65p7PCKpCs8M66mPZ+Ri+CWbcpoQOEJBg2OTu03+0qu++NK1jj6IzvQVs0Sig==}
+  '@oxfmt/binding-android-arm-eabi@0.58.0':
+    resolution: {integrity: sha512-Uz62sHduGGPftXtILGyxdSW4PX82rUg+rfdNqhsgxe881g4rIoXlIqmZQ6HVKcF4f+F8qMhdD03Bx5u7gmeTdg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [android]
 
-  '@oxfmt/binding-android-arm64@0.57.0':
-    resolution: {integrity: sha512-mp6PibWbao3aizijcheOeHQaYEhcUAt8pwLniYbtLfHxL/psFF0BykAwCj+s3c6qIpa8yN8keZICWrqtZ70w8g==}
+  '@oxfmt/binding-android-arm64@0.58.0':
+    resolution: {integrity: sha512-rD0lRaJp1b+9vw6X4A2dJWKukd6X8yxiicN4JxXcXayolmUypRZxk+lKR+fVOu5q/iYc0fh5fR4bgmfOfVlbaA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@oxfmt/binding-darwin-arm64@0.57.0':
-    resolution: {integrity: sha512-T+0stuCBqmUVY+aMIvrgXhzGhHO3sD5tNiiEcYqgSdPsnukskQqn2u5qOVD0sv1l7RLdFS5Z/f5Wi9Ktyjr3Eg==}
+  '@oxfmt/binding-darwin-arm64@0.58.0':
+    resolution: {integrity: sha512-uzbPPk7O6M+w2K65vcQ1woga3wgP8zghjL1KOG5b6qJ8dvYHZJ1VShaslg2KOK6yQIwCQtcMCXqLBM6sqXUNTg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxfmt/binding-darwin-x64@0.57.0':
-    resolution: {integrity: sha512-O+3JbqWs/mCI2oi4xfhRO2IVPFJNDDEBV8Odo+ZpmsUOeKJfjXoNH7nDmBEQcDgK7NfjDIyE7kRgYSZcTLDO0A==}
+  '@oxfmt/binding-darwin-x64@0.58.0':
+    resolution: {integrity: sha512-L0nKYDxU32oxeQqJj21W9SlIMnf81VZEhyah6iDvFhf5q0oynq498Fopth7blErUJVBpVtxQ98RMCfMPqpJX6w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@oxfmt/binding-freebsd-x64@0.57.0':
-    resolution: {integrity: sha512-pxwhxVC+JkLX9twOQ/8C/vbuOQcMZyKIDmiRDZfO7yITuVcIdZCiLRqqf4QOxb2+8FWrRXzQpm+1DBKcMpHSSQ==}
+  '@oxfmt/binding-freebsd-x64@0.58.0':
+    resolution: {integrity: sha512-woNwfD58dC5PGS9LSLSD5JYfo/EFK5iG9vhDWkcCg3q78ag7KC8bpDqgvPHrMoXpx83OLXxoSOhu6z8FsVTHlg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxfmt/binding-linux-arm-gnueabihf@0.57.0':
-    resolution: {integrity: sha512-pxBU4zH2imB/MDBfth2rOMeVxXUMjRQLCazagwLARIFH3hVlxZJBlM4nSnHXaIHJK4/qezoFCIORN6AY8Mra4A==}
+  '@oxfmt/binding-linux-arm-gnueabihf@0.58.0':
+    resolution: {integrity: sha512-Sqs8nMLxuQpY21NKJ1u4stPDmO5hskBCNNh2E3AdCfI1QqWtf4m+Qn4mGEIUO4KGmuq3SWc/SZ80uy5IiwTCDw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxfmt/binding-linux-arm-musleabihf@0.57.0':
-    resolution: {integrity: sha512-JAprOzt8tycYou36ZgEw14DlRHTiN8qdtKANdV3VZIRIvTI/lh/cX13c9pJ/EnDk2GT3FASH7KvCgQ2AufAifQ==}
+  '@oxfmt/binding-linux-arm-musleabihf@0.58.0':
+    resolution: {integrity: sha512-Vd4exzBI5B5hB9m22JiTQzIL23WvHo/Pe+sNXPNeBLXSP9swCBPKCEBRwKpmpQzYhlgYaCgfPcGXPKAJBRIiZQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxfmt/binding-linux-arm64-gnu@0.57.0':
-    resolution: {integrity: sha512-ajtjaxSaj9xl4BW7REt+Cef/ttzbAq00Bq4z7JUDZEfgFXdwSjH8K9bF+IcIJzZB9lKqMfQ4eHuSFOvvlvtqOg==}
+  '@oxfmt/binding-linux-arm64-gnu@0.58.0':
+    resolution: {integrity: sha512-bUWi5mHV+4Vi56RLHE1h6q/HHfwAIT3XoB9vJAVeRzfu5NriXM8y6eeJu0vlKa0C9kq2rq1sOWRClhdLHPocrg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-arm64-musl@0.57.0':
-    resolution: {integrity: sha512-p4Y/+RYk9Bk5WO+zHSUXAClRmZ2fbJCejMuCAsU2HhyME4jqf6Ftt/mJYEwIah1wGCBDYOB7wEGV1x5bCEZ6hA==}
+  '@oxfmt/binding-linux-arm64-musl@0.58.0':
+    resolution: {integrity: sha512-2ZHxemzgHcjtktAuVUwSoyXmGo/t+aF5tS1ciPpPei4rhSyrz3JOqDosXXrmhN/yLUSzJjtuW7ToTWqfQpCj2w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@oxfmt/binding-linux-ppc64-gnu@0.57.0':
-    resolution: {integrity: sha512-By6tRALAZsno0F4zedmtG+wdMvJiJmJoXM4d3+A9zHE4HRXLqXITwRH8mgrlcXc5yJM2g2W3riRPwTYdgemZLQ==}
+  '@oxfmt/binding-linux-ppc64-gnu@0.58.0':
+    resolution: {integrity: sha512-AwKkVwjVmFQ3bcO7j0McGYAqCKH2a326fswfofng/E8VewCT/raeeGQr4huVhY704deK8AWASSTlxzMj0eZc6Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-riscv64-gnu@0.57.0':
-    resolution: {integrity: sha512-skYeG+RgvyzspqVEBsEprL90OYYZfoVNqB3HcCNR6QDJyXKOzfDRT3zncnHmUaFluIlBHuY23mU1b5WGgR98hA==}
+  '@oxfmt/binding-linux-riscv64-gnu@0.58.0':
+    resolution: {integrity: sha512-xsRpTxfUnJF8D3AUKko/qyWdjw4GZVHlCVFuGlzSCTeewLmykKINW8em1+wx+axsDVtJJcMtvsiaXggXxrlHgw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-riscv64-musl@0.57.0':
-    resolution: {integrity: sha512-FFgACrZOXAXUh5KQh2mt1CDOVOZmn+QzHP71wM9QobNwyQvoFfyAeefVUltW83g3sm7LTiH3yfFqLLVUpA5ZFQ==}
+  '@oxfmt/binding-linux-riscv64-musl@0.58.0':
+    resolution: {integrity: sha512-Z4AYOTcy7nYEIiXwD62PlerimyYRcfJOgUbQAEBjXz098kxKuERBlRntofGy69HHhe9E0TLVNMl1yspVNu+efw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
     libc: [musl]
 
-  '@oxfmt/binding-linux-s390x-gnu@0.57.0':
-    resolution: {integrity: sha512-Nm/BAOfQeFiiKd502mZn/GAVKJwtd0RdCg17G3Wz/WSOIQmDi3+7/SZH4BHn1Ye5KvTVH3ua8WvfwLLycNIuvA==}
+  '@oxfmt/binding-linux-s390x-gnu@0.58.0':
+    resolution: {integrity: sha512-A3nhhtZPC/TKVWOPj9q/H3p2znJDCcHWYlJBhWL8hGq/bFmBaNBHC8Np6E581yVq1w9Mi3rMDNzDalWvtUfJtQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-x64-gnu@0.57.0':
-    resolution: {integrity: sha512-BiSy5Ku3mQqyxS6YIqAJgd403wEUWvI7kerfzPxc2l/txZVmZM0pSj7oDM+4bGBExowxOi7o73jEam1W0EDTZg==}
+  '@oxfmt/binding-linux-x64-gnu@0.58.0':
+    resolution: {integrity: sha512-2g+tVkgwqphw8R4hgo+kF4oz8+P5RwVOtr9+irsC7uwEp0e9j7Crw8kDGKL20uYlLPD7g02DqA61mC/UNYx98A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-x64-musl@0.57.0':
-    resolution: {integrity: sha512-BCRkJiotz5s9afLYD2LuMvzAoDYx9H17E/YbDyu4xK7l4zHDPeny9ErSXL//i/nJyaOwRk08x4b8cgJC00+JDg==}
+  '@oxfmt/binding-linux-x64-musl@0.58.0':
+    resolution: {integrity: sha512-rc15P6AbyyB7426aN8AakLd02Trb3a6ML/mmfAQeVHJEfVofWLcWIrBdy6zDEY+DIaL/s8E4GGPboVw+oP3+EA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@oxfmt/binding-openharmony-arm64@0.57.0':
-    resolution: {integrity: sha512-4Oaxe1qrGgXfpCJ1C/ERJ2iCtV2rN1R79ga9fsfyVHfSQRu/hVW780u2KDqZWFZ/iGTHODJji0JemxqFZ63eIQ==}
+  '@oxfmt/binding-openharmony-arm64@0.58.0':
+    resolution: {integrity: sha512-ZWoTM27/HYPOh9iq86DAbhPu9nXb8qKvvGU/h8OfliyVUFAMMNTLDkGsWDKKnDqIkqvZ9+dXlgUOsH1LYO3O7g==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxfmt/binding-win32-arm64-msvc@0.57.0':
-    resolution: {integrity: sha512-MYLAsDnhdNsSGheLYhWgbk0vfIrlS84iQYun/y21fX6u0jj8iBtYtbpZMdiqYeuf8U12eVPUjVY2xE2NrCfJ0g==}
+  '@oxfmt/binding-win32-arm64-msvc@0.58.0':
+    resolution: {integrity: sha512-LHZnqFXe2dEfkRI4XdZS/57nEOT/I4UCRX5IyM9v4GYW9XwQCjGe1IUK59SuKw3POwvcgWQ4pme2cYXmNqTNPg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@oxfmt/binding-win32-ia32-msvc@0.57.0':
-    resolution: {integrity: sha512-PBwdzZALJY/jcCx2E6is0yu+cuVXeySTDmwuseD+9j0mHqlRNxwlKgsyRTBed/woPeqfVfuXfWjoq4Cx2Zt3Eg==}
+  '@oxfmt/binding-win32-ia32-msvc@0.58.0':
+    resolution: {integrity: sha512-mZKpg20TpheCJym1rarcZCUJeW1sSruw8zAAaCYWvuVfwIUDN1CXdrPU/JgCWReXTCTrEfCB8Wyo3hh9jSZ2EA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
 
-  '@oxfmt/binding-win32-x64-msvc@0.57.0':
-    resolution: {integrity: sha512-bQJdH9i4RRfw55jm7+8/xS7GzHLLTbHx4huhrrDxQJaJtbSDbsyOnODvP1ftT7EG0KFKAYO2S+q6AcioXODx8w==}
+  '@oxfmt/binding-win32-x64-msvc@0.58.0':
+    resolution: {integrity: sha512-N/wUU4N5PZ2orBtI+Ko7MnMfYLfE7K91UrGMY/c/pYyHR3lA9kwst1XugkZx+92YcRh/Eo+iv2eTESSWXfiZPA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -1109,8 +1151,8 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@oxlint/binding-android-arm-eabi@1.72.0':
-    resolution: {integrity: sha512-zhCmvn+1Mj3UchAc/90i99S0t7jJUsHmFVSPg4UWrjO8b8eaSGwscgO6QAUtvHBstkjQwBttQNswEnAF1mIQdA==}
+  '@oxlint/binding-android-arm-eabi@1.73.0':
+    resolution: {integrity: sha512-HZQRN/UMBu+Ut+/9MiAChkbP4qZqrNOWBcNI45vOT40GVhbGR0JgHB87L48D4iAqFQIdVmeQYtV9RF89AjTKkg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [android]
@@ -1121,8 +1163,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@oxlint/binding-android-arm64@1.72.0':
-    resolution: {integrity: sha512-mtH+aY/ozv1eZoCUC2owjFAtyNBKHpJHygKeEu9zXXnQGW1Q2/qOpvx+I+Lf23+TvTz66F4iiXUbl2cGvoLPCQ==}
+  '@oxlint/binding-android-arm64@1.73.0':
+    resolution: {integrity: sha512-Gp+KJRylv2aW7thRpG5p1KTxZq4ZJFbWowrKzufNq9d3ssl3r3JviYV45/+p+7CN1Nv0zDd1e8Ex0b/HUDq4TQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
@@ -1133,8 +1175,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@oxlint/binding-darwin-arm64@1.72.0':
-    resolution: {integrity: sha512-EvnajNPDtfknB3ZieeOOyDTwJn9QXDiwfnF4ZDQqART6RG6hjY4WigQcZdGoK2dkB3e1vrmEzN9aYbQCUkh/gQ==}
+  '@oxlint/binding-darwin-arm64@1.73.0':
+    resolution: {integrity: sha512-3de96NdtXhxERMjIz7wsp2HYMY6pMQycGxFWac2mFecAx6VeARF/IqFb1QIaqiCRIdfzBwzTed+pCTCoiS+CYA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
@@ -1145,8 +1187,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@oxlint/binding-darwin-x64@1.72.0':
-    resolution: {integrity: sha512-ZkCdEa/G80A7vEHfeCDz/+L3m33DE73v32mDKhgOIgz8Uwf0DFcK7+uu6qC+7LEhmz5fpOe1osWKyjSNMydFIQ==}
+  '@oxlint/binding-darwin-x64@1.73.0':
+    resolution: {integrity: sha512-5zx/uPW32TiaOeVY1dQ/H5iOf0K1HOdFKOJhLqGl4o63+i1fpzoqqu/mKtd7OFgFjNCdhlyTGgjVkQTZm1ELcg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
@@ -1157,8 +1199,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@oxlint/binding-freebsd-x64@1.72.0':
-    resolution: {integrity: sha512-NroXv2vh+sxVY1uya/rM5pjhx1hm8BzlYpx9q67QP0Xhw5MH2bf5GJylpvLEC+781p1Xli/317EoV9AlGwViag==}
+  '@oxlint/binding-freebsd-x64@1.73.0':
+    resolution: {integrity: sha512-qNe4gKHaGnLuZJ8toUg90JAa0S2vTVvDw+0bRi3q1avXZXDT4u5mMeECf3nD4HYrbdn1O7dXqWut4onY/yx/Xg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
@@ -1169,8 +1211,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@oxlint/binding-linux-arm-gnueabihf@1.72.0':
-    resolution: {integrity: sha512-0NDywYgfj279Ou/BcQuCYSj7NJwBfmWn5qc5uGO/Ny7fUWmXyIpvawqX/8acQlWG6IXelJsJhj+JAy6sjsKj0A==}
+  '@oxlint/binding-linux-arm-gnueabihf@1.73.0':
+    resolution: {integrity: sha512-cCehYh5hTbfShm/fxTD6wwrGUWIpvX+N5OxmAMhFhDeTGXvw+BeNj889tpxsFQ9ZLatQ6wImuY8tsKLZ+FMz7w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
@@ -1181,8 +1223,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@oxlint/binding-linux-arm-musleabihf@1.72.0':
-    resolution: {integrity: sha512-4vpXB06h65Ezsy4hRyrGjGrfa1SkVPii09yaajiYhmVpgsFiLD+KNxIx/BNAY+XiO+i1yqp9HHdwqM8VTqa5XQ==}
+  '@oxlint/binding-linux-arm-musleabihf@1.73.0':
+    resolution: {integrity: sha512-d5j5GDU/2dMgjVhw7TQT9ITrsIr1Y02KEXKyVGIXUkD+KiaxE9TP65FS2ZdgTBemQvoRL+gSBdbrIm3cQIeacg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
@@ -1194,8 +1236,8 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-arm64-gnu@1.72.0':
-    resolution: {integrity: sha512-immaN4g2ZGFiOkKrvRX9LvzZdd2GkQM5wR+UyzYyUuyhUTXGQ4HKUJH18xp4G8OfhCVaVAJfKZxwE1r8+4hhaQ==}
+  '@oxlint/binding-linux-arm64-gnu@1.73.0':
+    resolution: {integrity: sha512-Eyf1SrP3+yR1DI3OJgOY2Pvrr9dWP9TK37xPaDYycwTtlGlI45erJAVIfH5/m/xosDt6BupJYEFi47bvbTuuyw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -1208,8 +1250,8 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@oxlint/binding-linux-arm64-musl@1.72.0':
-    resolution: {integrity: sha512-JGHS9Mnr7iWyyLDxgCv1MhzVpAckgptg00F2gnxt/GD7lQ2SW1BRcxHqhSTaSdDpjWRrBkBxMMh4+Hn3aVtExg==}
+  '@oxlint/binding-linux-arm64-musl@1.73.0':
+    resolution: {integrity: sha512-IlT/OJApEDKaMmCooHuncgJZbbCe7T5QIWmTZBEtYscWvzPQuuEinVcid6kwQRVQOUdb7PUCz4jQHnaYXdfJXw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -1222,8 +1264,8 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-ppc64-gnu@1.72.0':
-    resolution: {integrity: sha512-AOYgBZqxNshrg83P9v0RYv+m8s10Cqkj4/PxXFDhcS3k7FqsIG5+CxErshZCIN7G8iy4Y+VGfAsuEdar8AcbBg==}
+  '@oxlint/binding-linux-ppc64-gnu@1.73.0':
+    resolution: {integrity: sha512-L+JYcb/vdg5fmcH08V6o0YYLU28cTH1SPNulwJdvK9NK49aXSkYy6oNpKBmddArVOXYqNepriDGiZ04G54kh1Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
@@ -1236,8 +1278,8 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-riscv64-gnu@1.72.0':
-    resolution: {integrity: sha512-QMybPS5ij3/vrKG67mqzHwW++91sYxK/PPUVi6SBtNCEzW4niS52fVBdXbQ6nou0wWbUPEpx8Sl/ZjtgE3clXA==}
+  '@oxlint/binding-linux-riscv64-gnu@1.73.0':
+    resolution: {integrity: sha512-Qtk0g3bKV6OwWjIm7R8kQN1uOZRKQt/MODK2a8QfkwhTpXBD53ozx5XLVWLGDQAVyp2otLW4D2wB98XfAfMPGA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
@@ -1250,8 +1292,8 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@oxlint/binding-linux-riscv64-musl@1.72.0':
-    resolution: {integrity: sha512-gOc3W7JV0PXRpIL7stUlLe3Wa9Gp0Kdlup87IT3gHDvPKck2xNgMIl/Gs2lldYY2lyXZDC4rWi3hmoLUobkgbQ==}
+  '@oxlint/binding-linux-riscv64-musl@1.73.0':
+    resolution: {integrity: sha512-wX0NQKZVxltkAOVmzFcpOaMpdaUvsq1Eqpx9tkAfl71UdkTlSo1R4AdAnGccR1Fm2+TzFgZ22CyyGuZ41RDr/A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
@@ -1264,8 +1306,8 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-s390x-gnu@1.72.0':
-    resolution: {integrity: sha512-rpGxph+FjjHcYI5q6uxB3Az+tnfmEnDbSA8+PK9ZE/VzyUAkvBOMeuY7ZQMhu5mpZH7YQDsTdW6Cx4kV/msc6w==}
+  '@oxlint/binding-linux-s390x-gnu@1.73.0':
+    resolution: {integrity: sha512-vPe7UGBMWyiLTtnqS4xxgMQFSFGmtQwhwCxuiw6lXygaO6bVt0D8dFVg8Xv05eaiN3ybC0HXXHUAohFMFvqoCQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
@@ -1278,8 +1320,8 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-x64-gnu@1.72.0':
-    resolution: {integrity: sha512-WND+uhf/Ko13SLqQMWQUgsZuLvYYEvL0ZKgg0tgGYfLqxG7l8Ju123fHDMJyYSDl5E3bUbpFUuii/OvMreFQzw==}
+  '@oxlint/binding-linux-x64-gnu@1.73.0':
+    resolution: {integrity: sha512-2CwIWr9cemFC/CbRBWZvuk5mffz6ObmfFkfcC/9rTQ7f+icNhYr2kOjf9Rt8lLvugvkdGDOmkoVoFFHh6ClCTw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -1292,8 +1334,8 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@oxlint/binding-linux-x64-musl@1.72.0':
-    resolution: {integrity: sha512-SrpbrUL70nG9vh6zP4/oKHWgLuHquwsr7MW9XOn0olBVgh10Uqr8qscKhQoBGEn6olK/IUpn5GSKcdQ5AjUhGA==}
+  '@oxlint/binding-linux-x64-musl@1.73.0':
+    resolution: {integrity: sha512-nDadfJgg7NBBxG0N560wOe7LLX5QiYp6qBaI7viuk5EUORFBktU/NfV0MbTqU3gTqQDCh4VyxKdo5VADxk9w8Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -1305,8 +1347,8 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxlint/binding-openharmony-arm64@1.72.0':
-    resolution: {integrity: sha512-qkrsEn6NmgFKr7U/QnezQMb+q/vzAy0Dd9Y95gQGQTyjzDLN+HRZMuM5u70iyH4nBLCfKBzhjMsYCehKay2jyg==}
+  '@oxlint/binding-openharmony-arm64@1.73.0':
+    resolution: {integrity: sha512-wGjJC+NLH9xP+IKGn9RDW94ojJR/wPbg5WCnQjj/oReaOtCQthr8ws1zICe77JFmo4ouUdeTHHZL/ESGiF6Pmw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
@@ -1317,8 +1359,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@oxlint/binding-win32-arm64-msvc@1.72.0':
-    resolution: {integrity: sha512-LWR6ZlFZph+KPjXv8opgZsXRDCdrdQe8VL8Cg9zxCoBS73h6znzZpydVgmdnwj8mB9AuSM5jxEgDJDpQkjboeg==}
+  '@oxlint/binding-win32-arm64-msvc@1.73.0':
+    resolution: {integrity: sha512-I7X47GPGljw225YUQ5SbC/rb1Kkdrd0yQf0x+hYxeKS6DpfjMbo9ccQPQ6LNY6BoJQ1sHhgDUGuMn5Vg5gHT6w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
@@ -1329,8 +1371,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@oxlint/binding-win32-ia32-msvc@1.72.0':
-    resolution: {integrity: sha512-yt6HEh7IsHvtjRWtmeZRX134eaXKHq5Gnqlf1xBJdJl1JtdoRUEJw3nAxpZoUDS860cX/foKbztO441anVBtVQ==}
+  '@oxlint/binding-win32-ia32-msvc@1.73.0':
+    resolution: {integrity: sha512-5lWj+3h+74Fm1jYOO9qkJA4xkAlZA099DkXppuXsk7UpnpZLttsefrZU469vChGaG6hcSqrkKXQOvMTZtbjeNg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
@@ -1341,8 +1383,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxlint/binding-win32-x64-msvc@1.72.0':
-    resolution: {integrity: sha512-b2eKFD2hX7tIwmo/cyH6TDq8vzWRZ2qNHrzoGntUTmq0h3zQh/uX3eTSHCwI8OB/ADQfJCRelLItK8BsxuucDA==}
+  '@oxlint/binding-win32-x64-msvc@1.73.0':
+    resolution: {integrity: sha512-WaNRvh4f6zY9CvUQk2YoA1O90ieWrIklI84+HXFr9Isjz9CSESrdqo/RtIYt4Dll/cAchqGDMehfaZd0vqEFZw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -1351,11 +1393,11 @@ packages:
     resolution: {integrity: sha512-SEeaJLb3qBNF/OaXnaR1NmmBbFYk1zC0ZH/52fATcRPLFg/p791YrcyFFy44Bo9sLaGuSuLp5Q6axbb/O+v/RA==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  '@preact/signals-core@1.14.3':
-    resolution: {integrity: sha512-m0K3vnbSLC5rHs2ZVfeAMvBtT1zIyq4mxx5OlNncSgMj5Iz6W5Rn3kPrDxAC+iIKmiVe0lSl6U37t5ZkEWoVAw==}
+  '@preact/signals-core@1.14.4':
+    resolution: {integrity: sha512-HNB6HYeYKhQbJ1aKl+YRjrS4+QWHLKX6qKoUsfS/m0vqzsVaEBiZiaKbG/e+NKk2ch5ALQr/ihWaMHxiCuuWHA==}
 
-  '@preact/signals@2.9.2':
-    resolution: {integrity: sha512-DvFPISNMSh3vPqRwPa1tAVAHl85aDq4pTyNu1bTGfrKr64F3EOCHjdUl9aUdohKBf1v9PRGLYuGFcJpfztkdoQ==}
+  '@preact/signals@2.9.3':
+    resolution: {integrity: sha512-4g3L/dYgUt0PPE6mnYsgCP/3DEhmAYTQxjzwfSPnXQ7Lj1WPBBEY83F48X0RcNEP3ycr57T8Hcpg4PVU5VM7pg==}
     peerDependencies:
       preact: '>= 10.25.0 || >=11.0.0-0'
 
@@ -1724,6 +1766,13 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  '@tanstack/react-table@8.21.3':
+    resolution: {integrity: sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+
   '@tanstack/router-core@1.171.14':
     resolution: {integrity: sha512-Mo3hwx0qB0cJsVYGDjG0+Ouf7VV74h/vsoDMGztdlyzDanp4gBA2s7IVvm6hFrmQM6GpD9F0Z7SqD7OldfLE7g==}
     engines: {node: '>=20.19'}
@@ -1763,6 +1812,10 @@ packages:
   '@tanstack/store@0.9.3':
     resolution: {integrity: sha512-8reSzl/qGWGGVKhBoxXPMWzATSbZLZFWhwBAFO9NAyp0TxzfBP0mIrGb8CP8KrQTmvzXlR/vFPPUrHTLBGyFyw==}
 
+  '@tanstack/table-core@8.21.3':
+    resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
+    engines: {node: '>=12'}
+
   '@tanstack/virtual-file-routes@1.162.0':
     resolution: {integrity: sha512-uhOeFyxLcU41HzvrxsGpiWdcMbScY1EDgbZ5K7DVRMYInbLYWAC0EA/kx9wXAoSM8q82bUG2hRl8+EAjE6XAbA==}
     engines: {node: '>=20.19'}
@@ -1794,8 +1847,8 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/node@25.9.4':
-    resolution: {integrity: sha512-dszCsrKb5U7ZsVZBWiHFklTloVl0mSEnWH/iZXfZUlI4rzCUnsvGmgqfuVRHL54ugE7/wRuxEIXRa2iMZ+BG6g==}
+  '@types/node@26.1.1':
+    resolution: {integrity: sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw==}
 
   '@types/react-dom@19.2.3':
     resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
@@ -1808,63 +1861,63 @@ packages:
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
-  '@typescript-eslint/eslint-plugin@8.62.1':
-    resolution: {integrity: sha512-4EQM77WgVNxj7OkL/5b/D/xZsw00G577+UriYTC7JF5opcF3T2AuoeY7ueLaZgSVjSgCS6yOAJB5bRGLPSJUzA==}
+  '@typescript-eslint/eslint-plugin@8.63.0':
+    resolution: {integrity: sha512-rvwSgqT+DHpWdzfSzPatRLm02a0GlESt++9iy3hLCDY4BgkaLcl8LBi9Yh7XGFBpwcBE/K3024QuXWTpbz4FfQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.62.1
+      '@typescript-eslint/parser': ^8.63.0
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/parser@8.62.1':
-    resolution: {integrity: sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==}
+  '@typescript-eslint/parser@8.63.0':
+    resolution: {integrity: sha512-gwh4gvvlaVDKKxyfxMG+Gnu1u9X0OQBwyGLkbwB65dIzBKnxeRiJlNFqlI3zwVhNXJIs6qV7mlFCn/BIajlVig==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/project-service@8.62.1':
-    resolution: {integrity: sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==}
+  '@typescript-eslint/project-service@8.63.0':
+    resolution: {integrity: sha512-e5dh0/UI0ok53AlZ5wRkXCB32z/f2jUZqPR/ygAw5WYaSw8j9EoJWlS7wQjr/dmOaqWjnPIn2m+HhVPCMWGZVQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/scope-manager@8.62.1':
-    resolution: {integrity: sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==}
+  '@typescript-eslint/scope-manager@8.63.0':
+    resolution: {integrity: sha512-uUyfMWCnDSN8bCpcrY8nGP2BLkQ9Xn0GsipcONcpIDWhwhO4ZSyHvyS14U3X75mzxWxL3I2UZIrenTzdzcJO8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.62.1':
-    resolution: {integrity: sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==}
+  '@typescript-eslint/tsconfig-utils@8.63.0':
+    resolution: {integrity: sha512-sUAbkulqBAsncKnbRP3+7CtQFRKicexnj7ZwNC6ddCR7EmrXvjvdCYMJbUIqMd6lwoEriZjwLo08aS5tSjVMHg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/type-utils@8.62.1':
-    resolution: {integrity: sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==}
+  '@typescript-eslint/type-utils@8.63.0':
+    resolution: {integrity: sha512-Nzzh/OGxVCOjObjaj1CQF2RUasyYy2Jfuh+zZ3PjLzG2fYRriAiZLib9UKtO+CpQAS3YHiAS+ckZDclwqI1TPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/types@8.62.1':
-    resolution: {integrity: sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==}
+  '@typescript-eslint/types@8.63.0':
+    resolution: {integrity: sha512-xyLtl9DUBBFrcJS4x2pIqGLH68/tC2uOa4Z7pUteW09D3bXnnXUom4dyPikzWgB7llmIc1zoeI3aoUdC4rPK/Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.62.1':
-    resolution: {integrity: sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==}
+  '@typescript-eslint/typescript-estree@8.63.0':
+    resolution: {integrity: sha512-ygBkU+B7ex5UI/gKhaqexWev79uISfIv7XQCRNYO/jmD8rGLPyWLAb3KMRT6nd8Gt9bmUBi9+iX6tBdYfOY81Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/utils@8.62.1':
-    resolution: {integrity: sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==}
+  '@typescript-eslint/utils@8.63.0':
+    resolution: {integrity: sha512-fUKaeAvrTuQg/Tgt3nliAUSZHJM6DlCcfyEmxCvlX8kieWSStBX+5O5Fnidtc3i2JrH+9c/GL4RY2iasd/GPTA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/visitor-keys@8.62.1':
-    resolution: {integrity: sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==}
+  '@typescript-eslint/visitor-keys@8.63.0':
+    resolution: {integrity: sha512-UexrHGnGTpbuQHct2ExOc2ZcFbGUS9FOesCxxqdBGcpI1BxYu/LZ6U8Aq6/72XtF/qRBk9nhuGHFJIXXMhPMdw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@valibot/to-json-schema@1.7.1':
@@ -1974,6 +2027,10 @@ packages:
   atomically@2.1.1:
     resolution: {integrity: sha512-P4w9o2dqARji6P7MHprklbfiArZAWvo07yW7qs3pdljb3BWr12FIB7W+p0zJiuiVsUpRO0iZn1kFFcpPegg0tQ==}
 
+  attr-accept@2.2.5:
+    resolution: {integrity: sha512-0bDNnY/u6pPwHDMoF0FieU354oBi0a8rD9FcsLwzcGWbc8KS8KPIi7y+s13OlVY+gMWc/9xEMUgNE6Qm8ZllYQ==}
+    engines: {node: '>=4'}
+
   axios@1.18.1:
     resolution: {integrity: sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==}
 
@@ -2009,8 +2066,8 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.28.4:
-    resolution: {integrity: sha512-MTc8i/x9jBQd1iMw2CFGS+rwMa07eYjLR0CCTLDACl9xhxy+nIs3KeML/biicXtk9JrZ6dnnTatmc7ErPXIxqw==}
+  browserslist@4.28.5:
+    resolution: {integrity: sha512-Cu2E6QejHWzuDMTkuwgpABFgDfZrXLQq5V13YOACZx4mFAG4IwGTbTfHPMr4WtxlHoXSM8FIuRwYYCz5XiabaQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -2034,8 +2091,8 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001800:
-    resolution: {integrity: sha512-MMHtuAz9Ys840zAY5F4k6fV5GaivZ9sPk+nz0mY+GYVzRBnYkN0mpqkSR92oWRQ19yQWo4HvBV/FnC16AJX8MA==}
+  caniuse-lite@1.0.30001803:
+    resolution: {integrity: sha512-g/uHREV2ZpK9qMalCsWaxmA6ol+DX8GYhuf3T40RKoP+oL7vhRJh8LNt73PCjpnR6l14FzfPrB5Yux4PKm2meg==}
 
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -2244,8 +2301,8 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.387:
-    resolution: {integrity: sha512-TaxwufTFDufvPEoXdhwVrA3UdFWBeWGkYoJ1K8ldF1xe6gKfth6iRNS5lTQ5JPNOHdGQm8PT1QYKUqFLCiUefQ==}
+  electron-to-chromium@1.5.388:
+    resolution: {integrity: sha512-Pl/aJaqOOxYxda3vcx1IKSJimwYXHDkEnGn0F+kG2EE68dDtx2uCinaS+Vih8Z91B9t8CSAbiF/HKyWcnXjhzw==}
 
   embla-carousel-react@8.6.0:
     resolution: {integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==}
@@ -2271,8 +2328,8 @@ packages:
     resolution: {integrity: sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==}
     engines: {node: '>=10.13.0'}
 
-  enhanced-resolve@5.24.1:
-    resolution: {integrity: sha512-7DdUaTjmNwMcH2gLr1qycesKII3BK4RLy/mdAb7x10Lq7bR4aNKHt1BR1ZALSv0rPM/hF5wYF0PhGop/rJm8vw==}
+  enhanced-resolve@5.24.2:
+    resolution: {integrity: sha512-rpsZEGT1jFuve6QlpyRp9ckQ+kN61hvF9BzCPyMdaKTm8UJce96KBn3sorXOFXlzjPrs3Vc4T1NsSroZ3PxlFw==}
     engines: {node: '>=10.13.0'}
 
   enquirer@2.4.1:
@@ -2333,19 +2390,19 @@ packages:
       oxlint:
         optional: true
 
-  eslint-plugin-oxlint@1.72.0:
-    resolution: {integrity: sha512-WBPQdXRRatC2/8wWZ16iM/p+Eg3YTwa7As8IouMWnoAUYPOqa6QW3/kExifTpU7e9tFta5MT36+Z4eAWsg35Ag==}
+  eslint-plugin-oxlint@1.73.0:
+    resolution: {integrity: sha512-2qsGYkwpas99+jLmB7F3W8Gv+7QkHIr67AMw10UTs/QAMCm2eO0Z8B8ROMvAgyKaWIitkcvH8DwLfTrHMeXzCw==}
     peerDependencies:
-      oxlint: ~1.72.0
+      oxlint: ~1.73.0
 
-  eslint-plugin-perfectionist@5.9.1:
-    resolution: {integrity: sha512-30mHLNfEhzwaq5cquyWgnzrNXvT8AzwIwyeH5aj4U5ajhHSF2uiO6i09xpMDLv7koaZVTjLsvYF4m3gK/15tyA==}
+  eslint-plugin-perfectionist@5.10.0:
+    resolution: {integrity: sha512-HiqpDrUDbGrMC6iHQbemgDyHJ0366Vyz/qRWmxQcSAkmG25cXr8BdRgx8yAhOKhEfBXn8Rnf/mTCsV4EqUJSxg==}
     engines: {node: ^20.0.0 || >=22.0.0}
     peerDependencies:
       eslint: ^8.45.0 || ^9.0.0 || ^10.0.0
 
-  eslint-plugin-react-dom@5.10.4:
-    resolution: {integrity: sha512-+r4knNhpjjvPEitRWF6j3aiQjxHYcr93QnPFChgt7pChIuifEgIgYeeCj9qwgWk3rGt9YrsESe7s1d9q8iae3w==}
+  eslint-plugin-react-dom@5.12.0:
+    resolution: {integrity: sha512-RVYMmftVDY9OvDVYV1/X2/dcoGLUpWUjzuN7grQ7zz1EXwM1PeZ5ur10mGgwbEuoflyHCIJ3R2QMVAuHMUgZAA==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
@@ -2357,22 +2414,22 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0
 
-  eslint-plugin-react-jsx@5.10.4:
-    resolution: {integrity: sha512-XVQs2v9pekKzvO2FUtqVLPdmq+UNLal1YPS3rWwcCYney41GzT2SA7lzQ/t9sRkoclQf/DTE7jqQiUHN7RBoDA==}
+  eslint-plugin-react-jsx@5.12.0:
+    resolution: {integrity: sha512-u5LmLfV0ikeCaJHUIA7VIjLltAXKThycRfOfUitjxTizmR+M9hhhgUF2OGWxPpKqR+Em4miTWqVC1ITtyIWLbQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  eslint-plugin-react-naming-convention@5.10.4:
-    resolution: {integrity: sha512-prEXjlQM7s6xql23g4AETipAyhY3Fu9h4SbGS3LtRBhwBu+oB0MR1ksiZ2LK7jQr3jMb7ZgL7L5oYzbU/i5ZzQ==}
+  eslint-plugin-react-naming-convention@5.12.0:
+    resolution: {integrity: sha512-RxMYGYJ3G+qv8L317UFe1fS7a8mTROWXO/YVA0H5h2zweRuk3iZAPzjzt3H3BzDR1OMPqOd59X7LFpQrKwk7bw==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
       typescript: '*'
 
-  eslint-plugin-react-x@5.10.4:
-    resolution: {integrity: sha512-Lslxif5p0rKviGUdxPc7KIsNkEwkaZGoqFcTi4/ji6Ht1NylJkcV80p4dU6ZLgdaIAaQD2QG/m3i4QuoxLXfFA==}
+  eslint-plugin-react-x@5.12.0:
+    resolution: {integrity: sha512-obLYoJsKNMg1+1unCBEY2uLPF/GaI6UvgfqryDVfRE0CMz/1ED9wpZTnHjnMcbZQGTOBX60VEg3o4EroEDZ0UA==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: '*'
@@ -2494,6 +2551,10 @@ packages:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
 
+  file-selector@2.1.2:
+    resolution: {integrity: sha512-QgXo+mXTe8ljeqUFaX3QVHc5osSItJ/Km+xpocx0aSqWGMSCf6qYs/VnzZgS864Pjn5iceMRFigeAV7AfTlaig==}
+    engines: {node: '>= 12'}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -2612,6 +2673,9 @@ packages:
     resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
     engines: {node: '>= 0.4'}
 
+  hash-wasm@4.12.0:
+    resolution: {integrity: sha512-+/2B2rYLb48I/evdOIhP+K/DD2ca2fgBjp6O+GBEnCDk2e4rpeXIK8GvIyRPjTezgmWn9gmKwkQjjx6BtqDHVQ==}
+
   hasown@2.0.4:
     resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
     engines: {node: '>= 0.4'}
@@ -2622,8 +2686,8 @@ packages:
   hermes-parser@0.25.1:
     resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
 
-  hono@4.12.27:
-    resolution: {integrity: sha512-1yrb/+w6HWQJrUCLkJ2IF5jNIPvvFkblV5RNOYl6bV+OA6p9GLcMpHFFGTosSvHvcAUibuUukRqhlYI4z32C7Q==}
+  hono@4.12.28:
+    resolution: {integrity: sha512-YwUvVpSF7m1yOblFPrU3Hbo8XhPheBoiyfGuII6z19LnOr6JpDnyyp7LFNrfV56wS8tpvtBFGRISHN02pDdLOA==}
     engines: {node: '>=16.9.0'}
 
   http-errors@2.0.1:
@@ -2758,8 +2822,8 @@ packages:
     resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
     engines: {node: '>=16'}
 
-  isbot@5.1.44:
-    resolution: {integrity: sha512-PGEHtwMnKbZpeSEXW2Utx+/JWed7dp6DiH0WWg33vGSDA7RUvpUeJSVlLrVkQ1RCpvDOUc/eH9ql7VsdbBZ8pA==}
+  isbot@5.2.0:
+    resolution: {integrity: sha512-gbZiGCb4B5xaoxg9mS7koAyRdvJnArk10VLSHOgz6rtBG93/pi1xOFaVvXMKZ7JXgyZ8zAbNRK5uIBdIUTFSqw==}
     engines: {node: '>=18'}
 
   isexe@2.0.0:
@@ -2928,6 +2992,10 @@ packages:
     resolution: {integrity: sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==}
     engines: {node: '>=18'}
 
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -3105,8 +3173,8 @@ packages:
   oxc-resolver@11.23.0:
     resolution: {integrity: sha512-f0+l598CJMOLnYPXsXxttJALH0ljtivdRMKtvHhxRuWa5FYmw5+qODARl8oYjMC/brpzKcrpdORsOBrTqhBZ9A==}
 
-  oxfmt@0.57.0:
-    resolution: {integrity: sha512-ZB7Bi+rGDSqmVIo9jwcLyFgjxXvQhDdU+jx+ZrVy6VRiVXK2+CHc4hO3J4dUQjHe7V0ymHB+MDuv5z+NhK07HA==}
+  oxfmt@0.58.0:
+    resolution: {integrity: sha512-8feG/7NVEHDVwc1OUpP6Pks+TnaDFUw2jLLFIMi5bcmmwxAX2wBQvjSzj62RRTYBf2Op1Wt8xbkmagmPTR5ETg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
@@ -3136,12 +3204,12 @@ packages:
       oxlint-tsgolint:
         optional: true
 
-  oxlint@1.72.0:
-    resolution: {integrity: sha512-1rhdZIP/EvoI91ABIwNU5Q8+bWf8mjrS5UzIOZld4d4bXxJvtlUhlQvaoTogIGin/qdErMOrwaIJvCSIAKTLhA==}
+  oxlint@1.73.0:
+    resolution: {integrity: sha512-u91G9TJzU6yqKWNZUYprQB07W7YvntZXaRxQ6CkoytepYhLWUXWsr1M8zUJ34VatNPuUAr3Z8GH+O2A331CluQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
-      oxlint-tsgolint: '>=0.22.1'
+      oxlint-tsgolint: '>=0.24.0'
       vite-plus: '*'
     peerDependenciesMeta:
       oxlint-tsgolint:
@@ -3264,6 +3332,9 @@ packages:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
 
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
   proxy-addr@2.0.7:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
@@ -3301,6 +3372,12 @@ packages:
     peerDependencies:
       react: ^19.2.7
 
+  react-dropzone@15.0.0:
+    resolution: {integrity: sha512-lGjYV/EoqEjEWPnmiSvH4v5IoIAwQM2W4Z1C0Q/Pw2xD0eVzKPS359BQTUMum+1fa0kH2nrKjuavmTPOGhpLPg==}
+    engines: {node: '>= 10.13'}
+    peerDependencies:
+      react: '>= 16.8 || 18.0.0'
+
   react-grab@0.1.48:
     resolution: {integrity: sha512-p3WnmK9LLvXE/c4ITPLlXcP1fkXo2VFEQqK94tIfcHIWKNdqdhYYFyNVioO50HR+uyHIwT63Z4txZDqJlVcD/Q==}
     hasBin: true
@@ -3310,6 +3387,9 @@ packages:
       react:
         optional: true
 
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
   react-scan@0.5.7:
     resolution: {integrity: sha512-KRlq734yN6q/f2CZmZi9CWHuiqSzoLhPFLtcJOL6XM4lR54myyFcY81pG9QOwj+eBC1hIHm5n+Ntbtqiilu8Rg==}
     hasBin: true
@@ -3525,8 +3605,8 @@ packages:
     resolution: {integrity: sha512-eNRKgb3z66Yp3D2CixVujOUvXLFUTij/zVnV8KRyvFdQwpz7I5DS8UfRkTeLzb64u+dkzDSdelE24izu+zSSUg==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  systeminformation@5.31.12:
-    resolution: {integrity: sha512-qnTtO5wHrKeKE/MvQ6iIt6XAV+5fgt/kPIQf27DYgjVQQuHUfWkV4Gu6k04ZpEzAMuyQ3ZsovY7Ivhp+E9JyWw==}
+  systeminformation@5.31.14:
+    resolution: {integrity: sha512-nefRpMCsAI4m71/6JHH//KPaP/d5nTuRVxEtQ7N7SlBrX18DAcC+5Z1JKZYeN9Iw49qMx95BTo/gBMk3Y2H6+g==}
     engines: {node: '>=8.0.0'}
     os: [darwin, linux, win32, freebsd, openbsd, netbsd, sunos, android]
     hasBin: true
@@ -3624,8 +3704,8 @@ packages:
     resolution: {integrity: sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==}
     engines: {node: '>= 18'}
 
-  typescript-eslint@8.62.1:
-    resolution: {integrity: sha512-vymnnM5g0AKQDSAyfP12nMIBvgwgA42syg74kkuZ4x1VuTzwQKwc5h9rGxeShCjny5o+zWAb6OEoz7XLgrIkIw==}
+  typescript-eslint@8.63.0:
+    resolution: {integrity: sha512-xgwXyzG4sK9ALkBxbyGkTMMOS+imnW65iPhxCQMK83KhxyoDNW7l+IDqEf9vMdoUidHpOoS967RCq4eMiTexwQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
@@ -3645,8 +3725,8 @@ packages:
     resolution: {integrity: sha512-rvKSBiC5zqCCiDZ9kAOszZcDvdAHwwIKJG33Ykj43OKcWsnmcBRL09YTU4nOeHZ8Y2a7l1MgTd08SBe9A8Qj6A==}
     engines: {node: '>=18'}
 
-  undici-types@7.24.6:
-    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
+  undici-types@8.3.0:
+    resolution: {integrity: sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==}
 
   undici@7.28.0:
     resolution: {integrity: sha512-cRZYrTDwWznlnRiPjggAGxZXanty6M8RV1ff8Wm4LWXBp7/IG8v5DnOm74DtUBp9OONpK75YlPnIjQqX0dBDtA==}
@@ -3832,8 +3912,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-spinner@1.2.0:
-    resolution: {integrity: sha512-Yw0hUB6UA3o4YUgKy3oSe9a4cxoaZ9sBfYDw+JSxo6Id0KoJGoxzPA24qqUXYKBWABs/zDSGTz9kww7t3F0XGw==}
+  yocto-spinner@1.2.1:
+    resolution: {integrity: sha512-9cbFWLhbiZp+820O4pkHGNncI7+MrUGzBOjw8NMG+ewsY+aG0DdEXnr19Smxao32YOjLZRMdn1UtaxcrXOYOIg==}
     engines: {node: '>=18.19'}
 
   yoctocolors@2.1.2:
@@ -3927,7 +4007,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.29.7
       '@babel/helper-validator-option': 7.29.7
-      browserslist: 4.28.4
+      browserslist: 4.28.5
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -4094,6 +4174,50 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
+  '@dnd-kit/abstract@0.5.0':
+    dependencies:
+      '@dnd-kit/geometry': 0.5.0
+      '@dnd-kit/state': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/collision@0.5.0':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      '@dnd-kit/geometry': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/dom@0.5.0':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      '@dnd-kit/collision': 0.5.0
+      '@dnd-kit/geometry': 0.5.0
+      '@dnd-kit/state': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/geometry@0.5.0':
+    dependencies:
+      '@dnd-kit/state': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/helpers@0.5.0':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/react@0.5.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      '@dnd-kit/dom': 0.5.0
+      '@dnd-kit/state': 0.5.0
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      tslib: 2.8.1
+
+  '@dnd-kit/state@0.5.0':
+    dependencies:
+      '@preact/signals-core': 1.14.4
+      tslib: 2.8.1
+
   '@dotenvx/dotenvx@1.75.1':
     dependencies:
       '@dotenvx/primitives': 0.8.0
@@ -4108,10 +4232,10 @@ snapshots:
       object-treeify: 1.1.33
       open: 8.4.2
       picomatch: 4.0.5
-      systeminformation: 5.31.12
+      systeminformation: 5.31.14
       undici: 7.28.0
       which: 4.0.0
-      yocto-spinner: 1.2.0
+      yocto-spinner: 1.2.1
 
   '@dotenvx/primitives@0.8.0': {}
 
@@ -4154,59 +4278,59 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint-react/ast@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@eslint-react/ast@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/typescript-estree': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       string-ts: 2.3.1
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/core@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@eslint-react/core@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/jsx': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/shared': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/var': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/jsx': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/shared': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/var': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.63.0
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       ts-pattern: 5.9.0
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/eslint@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@eslint-react/eslint@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/jsx@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@eslint-react/jsx@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/shared': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/var': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/shared': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/var': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       ts-pattern: 5.9.0
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/shared@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@eslint-react/shared@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       ts-pattern: 5.9.0
       typescript: 6.0.3
@@ -4214,13 +4338,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/var@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@eslint-react/var@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.63.0
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       ts-pattern: 5.9.0
       typescript: 6.0.3
@@ -4274,9 +4398,9 @@ snapshots:
 
   '@fontsource-variable/raleway@5.2.8': {}
 
-  '@hono/node-server@1.19.14(hono@4.12.27)':
+  '@hono/node-server@1.19.14(hono@4.12.28)':
     dependencies:
-      hono: 4.12.27
+      hono: 4.12.28
 
   '@humanfs/core@0.19.2':
     dependencies:
@@ -4321,7 +4445,7 @@ snapshots:
 
   '@modelcontextprotocol/sdk@1.29.0(zod@3.25.76)':
     dependencies:
-      '@hono/node-server': 1.19.14(hono@4.12.27)
+      '@hono/node-server': 1.19.14(hono@4.12.28)
       ajv: 8.20.0
       ajv-formats: 3.0.1(ajv@8.20.0)
       content-type: 1.0.5
@@ -4331,7 +4455,7 @@ snapshots:
       eventsource-parser: 3.1.0
       express: 5.2.1
       express-rate-limit: 8.5.2(express@5.2.1)
-      hono: 4.12.27
+      hono: 4.12.28
       jose: 6.2.3
       json-schema-typed: 8.0.2
       pkce-challenge: 5.0.1
@@ -4376,7 +4500,7 @@ snapshots:
   '@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/semantic-conventions': 1.41.1
+      '@opentelemetry/semantic-conventions': 1.42.0
 
   '@opentelemetry/instrumentation@0.214.0(@opentelemetry/api@1.9.1)':
     dependencies:
@@ -4391,7 +4515,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.1
       '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/semantic-conventions': 1.41.1
+      '@opentelemetry/semantic-conventions': 1.42.0
 
   '@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
@@ -4399,16 +4523,16 @@ snapshots:
       '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/resources': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/sdk-trace': 2.9.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/semantic-conventions': 1.41.1
+      '@opentelemetry/semantic-conventions': 1.42.0
 
   '@opentelemetry/sdk-trace@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
       '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/resources': 2.9.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/semantic-conventions': 1.41.1
+      '@opentelemetry/semantic-conventions': 1.42.0
 
-  '@opentelemetry/semantic-conventions@1.41.1': {}
+  '@opentelemetry/semantic-conventions@1.42.0': {}
 
   '@oxc-parser/binding-android-arm-eabi@0.132.0':
     optional: true
@@ -4605,61 +4729,61 @@ snapshots:
   '@oxc-resolver/binding-win32-x64-msvc@11.23.0':
     optional: true
 
-  '@oxfmt/binding-android-arm-eabi@0.57.0':
+  '@oxfmt/binding-android-arm-eabi@0.58.0':
     optional: true
 
-  '@oxfmt/binding-android-arm64@0.57.0':
+  '@oxfmt/binding-android-arm64@0.58.0':
     optional: true
 
-  '@oxfmt/binding-darwin-arm64@0.57.0':
+  '@oxfmt/binding-darwin-arm64@0.58.0':
     optional: true
 
-  '@oxfmt/binding-darwin-x64@0.57.0':
+  '@oxfmt/binding-darwin-x64@0.58.0':
     optional: true
 
-  '@oxfmt/binding-freebsd-x64@0.57.0':
+  '@oxfmt/binding-freebsd-x64@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm-gnueabihf@0.57.0':
+  '@oxfmt/binding-linux-arm-gnueabihf@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm-musleabihf@0.57.0':
+  '@oxfmt/binding-linux-arm-musleabihf@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm64-gnu@0.57.0':
+  '@oxfmt/binding-linux-arm64-gnu@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm64-musl@0.57.0':
+  '@oxfmt/binding-linux-arm64-musl@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-ppc64-gnu@0.57.0':
+  '@oxfmt/binding-linux-ppc64-gnu@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-riscv64-gnu@0.57.0':
+  '@oxfmt/binding-linux-riscv64-gnu@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-riscv64-musl@0.57.0':
+  '@oxfmt/binding-linux-riscv64-musl@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-s390x-gnu@0.57.0':
+  '@oxfmt/binding-linux-s390x-gnu@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-x64-gnu@0.57.0':
+  '@oxfmt/binding-linux-x64-gnu@0.58.0':
     optional: true
 
-  '@oxfmt/binding-linux-x64-musl@0.57.0':
+  '@oxfmt/binding-linux-x64-musl@0.58.0':
     optional: true
 
-  '@oxfmt/binding-openharmony-arm64@0.57.0':
+  '@oxfmt/binding-openharmony-arm64@0.58.0':
     optional: true
 
-  '@oxfmt/binding-win32-arm64-msvc@0.57.0':
+  '@oxfmt/binding-win32-arm64-msvc@0.58.0':
     optional: true
 
-  '@oxfmt/binding-win32-ia32-msvc@0.57.0':
+  '@oxfmt/binding-win32-ia32-msvc@0.58.0':
     optional: true
 
-  '@oxfmt/binding-win32-x64-msvc@0.57.0':
+  '@oxfmt/binding-win32-x64-msvc@0.58.0':
     optional: true
 
   '@oxlint-tsgolint/darwin-arm64@0.24.0':
@@ -4683,124 +4807,124 @@ snapshots:
   '@oxlint/binding-android-arm-eabi@1.66.0':
     optional: true
 
-  '@oxlint/binding-android-arm-eabi@1.72.0':
+  '@oxlint/binding-android-arm-eabi@1.73.0':
     optional: true
 
   '@oxlint/binding-android-arm64@1.66.0':
     optional: true
 
-  '@oxlint/binding-android-arm64@1.72.0':
+  '@oxlint/binding-android-arm64@1.73.0':
     optional: true
 
   '@oxlint/binding-darwin-arm64@1.66.0':
     optional: true
 
-  '@oxlint/binding-darwin-arm64@1.72.0':
+  '@oxlint/binding-darwin-arm64@1.73.0':
     optional: true
 
   '@oxlint/binding-darwin-x64@1.66.0':
     optional: true
 
-  '@oxlint/binding-darwin-x64@1.72.0':
+  '@oxlint/binding-darwin-x64@1.73.0':
     optional: true
 
   '@oxlint/binding-freebsd-x64@1.66.0':
     optional: true
 
-  '@oxlint/binding-freebsd-x64@1.72.0':
+  '@oxlint/binding-freebsd-x64@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-arm-gnueabihf@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-arm-gnueabihf@1.72.0':
+  '@oxlint/binding-linux-arm-gnueabihf@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-arm-musleabihf@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-arm-musleabihf@1.72.0':
+  '@oxlint/binding-linux-arm-musleabihf@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-arm64-gnu@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-arm64-gnu@1.72.0':
+  '@oxlint/binding-linux-arm64-gnu@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-arm64-musl@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-arm64-musl@1.72.0':
+  '@oxlint/binding-linux-arm64-musl@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-ppc64-gnu@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-ppc64-gnu@1.72.0':
+  '@oxlint/binding-linux-ppc64-gnu@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-riscv64-gnu@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-riscv64-gnu@1.72.0':
+  '@oxlint/binding-linux-riscv64-gnu@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-riscv64-musl@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-riscv64-musl@1.72.0':
+  '@oxlint/binding-linux-riscv64-musl@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-s390x-gnu@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-s390x-gnu@1.72.0':
+  '@oxlint/binding-linux-s390x-gnu@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-x64-gnu@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-x64-gnu@1.72.0':
+  '@oxlint/binding-linux-x64-gnu@1.73.0':
     optional: true
 
   '@oxlint/binding-linux-x64-musl@1.66.0':
     optional: true
 
-  '@oxlint/binding-linux-x64-musl@1.72.0':
+  '@oxlint/binding-linux-x64-musl@1.73.0':
     optional: true
 
   '@oxlint/binding-openharmony-arm64@1.66.0':
     optional: true
 
-  '@oxlint/binding-openharmony-arm64@1.72.0':
+  '@oxlint/binding-openharmony-arm64@1.73.0':
     optional: true
 
   '@oxlint/binding-win32-arm64-msvc@1.66.0':
     optional: true
 
-  '@oxlint/binding-win32-arm64-msvc@1.72.0':
+  '@oxlint/binding-win32-arm64-msvc@1.73.0':
     optional: true
 
   '@oxlint/binding-win32-ia32-msvc@1.66.0':
     optional: true
 
-  '@oxlint/binding-win32-ia32-msvc@1.72.0':
+  '@oxlint/binding-win32-ia32-msvc@1.73.0':
     optional: true
 
   '@oxlint/binding-win32-x64-msvc@1.66.0':
     optional: true
 
-  '@oxlint/binding-win32-x64-msvc@1.72.0':
+  '@oxlint/binding-win32-x64-msvc@1.73.0':
     optional: true
 
   '@pkgr/core@0.3.6': {}
 
-  '@preact/signals-core@1.14.3': {}
+  '@preact/signals-core@1.14.4': {}
 
-  '@preact/signals@2.9.2(preact@10.29.4)':
+  '@preact/signals@2.9.3(preact@10.29.4)':
     dependencies:
-      '@preact/signals-core': 1.14.3
+      '@preact/signals-core': 1.14.4
       preact: 10.29.4
 
   '@react-grab/cli@0.1.48':
@@ -4863,14 +4987,14 @@ snapshots:
   '@rolldown/binding-win32-x64-msvc@1.1.4':
     optional: true
 
-  '@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))':
+  '@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))':
     dependencies:
       '@babel/core': 7.29.7
       picomatch: 4.0.5
       rolldown: 1.1.4
     optionalDependencies:
       '@babel/runtime': 7.29.7
-      vite: 8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)
 
   '@rolldown/pluginutils@1.0.1': {}
 
@@ -4882,21 +5006,21 @@ snapshots:
 
   '@schedule-x/calendar-controls@4.6.0': {}
 
-  '@schedule-x/calendar@4.6.0(@preact/signals@2.9.2(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1)':
+  '@schedule-x/calendar@4.6.0(@preact/signals@2.9.3(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1)':
     dependencies:
-      '@preact/signals': 2.9.2(preact@10.29.4)
+      '@preact/signals': 2.9.3(preact@10.29.4)
       preact: 10.29.4
       temporal-polyfill: 1.0.1
 
-  '@schedule-x/react@4.1.0(@schedule-x/calendar@4.6.0(@preact/signals@2.9.2(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@schedule-x/react@4.1.0(@schedule-x/calendar@4.6.0(@preact/signals@2.9.3(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
-      '@schedule-x/calendar': 4.6.0(@preact/signals@2.9.2(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1)
+      '@schedule-x/calendar': 4.6.0(@preact/signals@2.9.3(preact@10.29.4))(preact@10.29.4)(temporal-polyfill@1.0.1)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
 
-  '@schedule-x/scroll-controller@4.6.0(@preact/signals@2.9.2(preact@10.29.4))':
+  '@schedule-x/scroll-controller@4.6.0(@preact/signals@2.9.3(preact@10.29.4))':
     dependencies:
-      '@preact/signals': 2.9.2(preact@10.29.4)
+      '@preact/signals': 2.9.3(preact@10.29.4)
 
   '@schedule-x/theme-shadcn@4.6.0': {}
 
@@ -4923,7 +5047,7 @@ snapshots:
       '@opentelemetry/api': 1.9.1
       '@opentelemetry/instrumentation': 0.214.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/sdk-trace-base': 2.9.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/semantic-conventions': 1.41.1
+      '@opentelemetry/semantic-conventions': 1.42.0
       '@sentry/conventions': 0.12.0
       '@sentry/core': 10.63.0
       '@sentry/node-core': 10.63.0(@opentelemetry/api@1.9.1)(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.214.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1))
@@ -5017,18 +5141,18 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.2
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.2
 
-  '@tailwindcss/vite@4.3.2(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.2(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.2
       '@tailwindcss/oxide': 4.3.2
       tailwindcss: 4.3.2
-      vite: 8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)
 
   '@tanstack/devtools-event-client@0.4.4': {}
 
   '@tanstack/eslint-plugin-query@5.101.2(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
     optionalDependencies:
       typescript: 6.0.3
@@ -5037,7 +5161,7 @@ snapshots:
 
   '@tanstack/eslint-plugin-router@1.162.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
     transitivePeerDependencies:
       - supports-color
@@ -5073,7 +5197,7 @@ snapshots:
       '@tanstack/history': 1.162.0
       '@tanstack/react-store': 0.9.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@tanstack/router-core': 1.171.14
-      isbot: 5.1.44
+      isbot: 5.2.0
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
 
@@ -5091,6 +5215,12 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       use-sync-external-store: 1.6.0(react@19.2.7)
 
+  '@tanstack/react-table@8.21.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@tanstack/table-core': 8.21.3
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
   '@tanstack/router-core@1.171.14':
     dependencies:
       '@tanstack/history': 1.162.0
@@ -5111,7 +5241,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-plugin@1.168.19(@tanstack/react-router@1.170.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))':
+  '@tanstack/router-plugin@1.168.19(@tanstack/react-router@1.170.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/template': 7.29.7
@@ -5120,11 +5250,11 @@ snapshots:
       '@tanstack/router-generator': 1.167.18
       '@tanstack/router-utils': 1.162.2
       chokidar: 5.0.0
-      unplugin: 3.3.0(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+      unplugin: 3.3.0(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       zod: 4.4.3
     optionalDependencies:
       '@tanstack/react-router': 1.170.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      vite: 8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@rspack/core'
@@ -5152,6 +5282,8 @@ snapshots:
 
   '@tanstack/store@0.9.3': {}
 
+  '@tanstack/table-core@8.21.3': {}
+
   '@tanstack/virtual-file-routes@1.162.0': {}
 
   '@ts-morph/common@0.27.0':
@@ -5192,9 +5324,9 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
-  '@types/node@25.9.4':
+  '@types/node@26.1.1':
     dependencies:
-      undici-types: 7.24.6
+      undici-types: 8.3.0
 
   '@types/react-dom@19.2.3(@types/react@19.2.17)':
     dependencies:
@@ -5206,14 +5338,14 @@ snapshots:
 
   '@types/validate-npm-package-name@4.0.2': {}
 
-  '@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@8.63.0(@typescript-eslint/parser@8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/type-utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/parser': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.63.0
+      '@typescript-eslint/type-utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.63.0
       eslint: 10.6.0(jiti@2.7.0)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -5222,41 +5354,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/parser@8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/scope-manager': 8.63.0
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/typescript-estree': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.63.0
       debug: 4.4.3
       eslint: 10.6.0(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/project-service@8.63.0(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/tsconfig-utils': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
       debug: 4.4.3
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.62.1':
+  '@typescript-eslint/scope-manager@8.63.0':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/visitor-keys': 8.63.0
 
-  '@typescript-eslint/tsconfig-utils@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/tsconfig-utils@8.63.0(typescript@6.0.3)':
     dependencies:
       typescript: 6.0.3
 
-  '@typescript-eslint/type-utils@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/type-utils@8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/typescript-estree': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       debug: 4.4.3
       eslint: 10.6.0(jiti@2.7.0)
       ts-api-utils: 2.5.0(typescript@6.0.3)
@@ -5264,14 +5396,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.62.1': {}
+  '@typescript-eslint/types@8.63.0': {}
 
-  '@typescript-eslint/typescript-estree@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/typescript-estree@8.63.0(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/project-service': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/tsconfig-utils': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/visitor-keys': 8.63.0
       debug: 4.4.3
       minimatch: 10.2.5
       semver: 7.8.5
@@ -5281,32 +5413,32 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.6.0(jiti@2.7.0))
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.63.0
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/typescript-estree': 8.63.0(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.62.1':
+  '@typescript-eslint/visitor-keys@8.63.0':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/types': 8.63.0
       eslint-visitor-keys: 5.0.1
 
   '@valibot/to-json-schema@1.7.1(valibot@1.4.2(typescript@6.0.3))':
     dependencies:
       valibot: 1.4.2(typescript@6.0.3)
 
-  '@vitejs/plugin-react@6.0.3(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))':
+  '@vitejs/plugin-react@6.0.3(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)))(babel-plugin-react-compiler@1.0.0)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)
     optionalDependencies:
-      '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+      '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.7)(@babel/runtime@7.29.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
       babel-plugin-react-compiler: 1.0.0
 
   accepts@2.0.0:
@@ -5395,6 +5527,8 @@ snapshots:
       stubborn-fs: 2.0.0
       when-exit: 2.1.5
 
+  attr-accept@2.2.5: {}
+
   axios@1.18.1:
     dependencies:
       follow-redirects: 1.16.0
@@ -5448,13 +5582,13 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.28.4:
+  browserslist@4.28.5:
     dependencies:
       baseline-browser-mapping: 2.10.42
-      caniuse-lite: 1.0.30001800
-      electron-to-chromium: 1.5.387
+      caniuse-lite: 1.0.30001803
+      electron-to-chromium: 1.5.388
       node-releases: 2.0.50
-      update-browserslist-db: 1.2.3(browserslist@4.28.4)
+      update-browserslist-db: 1.2.3(browserslist@4.28.5)
 
   bundle-name@4.1.0:
     dependencies:
@@ -5474,7 +5608,7 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  caniuse-lite@1.0.30001800: {}
+  caniuse-lite@1.0.30001803: {}
 
   chalk@4.1.2:
     dependencies:
@@ -5650,7 +5784,7 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.387: {}
+  electron-to-chromium@1.5.388: {}
 
   embla-carousel-react@8.6.0(react@19.2.7):
     dependencies:
@@ -5673,7 +5807,7 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.3.3
 
-  enhanced-resolve@5.24.1:
+  enhanced-resolve@5.24.2:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.3.3
@@ -5714,11 +5848,11 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-plugin-better-tailwindcss@4.6.1(eslint@10.6.0(jiti@2.7.0))(oxlint@1.72.0(oxlint-tsgolint@0.24.0))(tailwindcss@4.3.2)(typescript@6.0.3):
+  eslint-plugin-better-tailwindcss@4.6.1(eslint@10.6.0(jiti@2.7.0))(oxlint@1.73.0(oxlint-tsgolint@0.24.0))(tailwindcss@4.3.2)(typescript@6.0.3):
     dependencies:
       '@eslint/css-tree': 4.0.4
       '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@6.0.3))
-      enhanced-resolve: 5.24.1
+      enhanced-resolve: 5.24.2
       jiti: 2.7.0
       synckit: 0.11.13
       tailwind-csstree: 0.3.3
@@ -5727,33 +5861,33 @@ snapshots:
       valibot: 1.4.2(typescript@6.0.3)
     optionalDependencies:
       eslint: 10.6.0(jiti@2.7.0)
-      oxlint: 1.72.0(oxlint-tsgolint@0.24.0)
+      oxlint: 1.73.0(oxlint-tsgolint@0.24.0)
     transitivePeerDependencies:
       - '@eslint/css'
       - typescript
 
-  eslint-plugin-oxlint@1.72.0(oxlint@1.72.0(oxlint-tsgolint@0.24.0)):
+  eslint-plugin-oxlint@1.73.0(oxlint@1.73.0(oxlint-tsgolint@0.24.0)):
     dependencies:
       jsonc-parser: 3.3.1
-      oxlint: 1.72.0(oxlint-tsgolint@0.24.0)
+      oxlint: 1.73.0(oxlint-tsgolint@0.24.0)
 
-  eslint-plugin-perfectionist@5.9.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+  eslint-plugin-perfectionist@5.10.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       natural-orderby: 5.0.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-react-dom@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+  eslint-plugin-react-dom@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/jsx': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/shared': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/jsx': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/shared': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       compare-versions: 6.1.1
       eslint: 10.6.0(jiti@2.7.0)
       typescript: 6.0.3
@@ -5771,47 +5905,47 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-jsx@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+  eslint-plugin-react-jsx@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/core': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/jsx': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/shared': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/core': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/jsx': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/shared': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-naming-convention@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+  eslint-plugin-react-naming-convention@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/core': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/var': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/core': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/var': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       ts-pattern: 5.9.0
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-x@5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
-    dependencies:
-      '@eslint-react/ast': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/core': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/eslint': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/jsx': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/shared': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@eslint-react/var': 5.10.4(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/type-utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+  eslint-plugin-react-x@5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+    dependencies:
+      '@eslint-react/ast': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/core': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/eslint': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/jsx': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/shared': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@eslint-react/var': 5.12.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.63.0
+      '@typescript-eslint/type-utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.63.0
+      '@typescript-eslint/typescript-estree': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       compare-versions: 6.1.1
       eslint: 10.6.0(jiti@2.7.0)
       string-ts: 2.3.1
@@ -5996,6 +6130,10 @@ snapshots:
     dependencies:
       flat-cache: 4.0.1
 
+  file-selector@2.1.2:
+    dependencies:
+      tslib: 2.8.1
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -6107,6 +6245,8 @@ snapshots:
     dependencies:
       has-symbols: 1.1.0
 
+  hash-wasm@4.12.0: {}
+
   hasown@2.0.4:
     dependencies:
       function-bind: 1.1.2
@@ -6117,7 +6257,7 @@ snapshots:
     dependencies:
       hermes-estree: 0.25.1
 
-  hono@4.12.27: {}
+  hono@4.12.28: {}
 
   http-errors@2.0.1:
     dependencies:
@@ -6213,7 +6353,7 @@ snapshots:
     dependencies:
       is-inside-container: 1.0.0
 
-  isbot@5.1.44: {}
+  isbot@5.2.0: {}
 
   isexe@2.0.0: {}
 
@@ -6338,6 +6478,10 @@ snapshots:
       is-unicode-supported: 2.1.0
       yoctocolors: 2.1.2
 
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -6568,33 +6712,33 @@ snapshots:
       '@oxc-resolver/binding-win32-arm64-msvc': 11.23.0
       '@oxc-resolver/binding-win32-x64-msvc': 11.23.0
 
-  oxfmt@0.57.0:
+  oxfmt@0.58.0:
     dependencies:
       tinypool: 2.1.0
     optionalDependencies:
-      '@oxfmt/binding-android-arm-eabi': 0.57.0
-      '@oxfmt/binding-android-arm64': 0.57.0
-      '@oxfmt/binding-darwin-arm64': 0.57.0
-      '@oxfmt/binding-darwin-x64': 0.57.0
-      '@oxfmt/binding-freebsd-x64': 0.57.0
-      '@oxfmt/binding-linux-arm-gnueabihf': 0.57.0
-      '@oxfmt/binding-linux-arm-musleabihf': 0.57.0
-      '@oxfmt/binding-linux-arm64-gnu': 0.57.0
-      '@oxfmt/binding-linux-arm64-musl': 0.57.0
-      '@oxfmt/binding-linux-ppc64-gnu': 0.57.0
-      '@oxfmt/binding-linux-riscv64-gnu': 0.57.0
-      '@oxfmt/binding-linux-riscv64-musl': 0.57.0
-      '@oxfmt/binding-linux-s390x-gnu': 0.57.0
-      '@oxfmt/binding-linux-x64-gnu': 0.57.0
-      '@oxfmt/binding-linux-x64-musl': 0.57.0
-      '@oxfmt/binding-openharmony-arm64': 0.57.0
-      '@oxfmt/binding-win32-arm64-msvc': 0.57.0
-      '@oxfmt/binding-win32-ia32-msvc': 0.57.0
-      '@oxfmt/binding-win32-x64-msvc': 0.57.0
+      '@oxfmt/binding-android-arm-eabi': 0.58.0
+      '@oxfmt/binding-android-arm64': 0.58.0
+      '@oxfmt/binding-darwin-arm64': 0.58.0
+      '@oxfmt/binding-darwin-x64': 0.58.0
+      '@oxfmt/binding-freebsd-x64': 0.58.0
+      '@oxfmt/binding-linux-arm-gnueabihf': 0.58.0
+      '@oxfmt/binding-linux-arm-musleabihf': 0.58.0
+      '@oxfmt/binding-linux-arm64-gnu': 0.58.0
+      '@oxfmt/binding-linux-arm64-musl': 0.58.0
+      '@oxfmt/binding-linux-ppc64-gnu': 0.58.0
+      '@oxfmt/binding-linux-riscv64-gnu': 0.58.0
+      '@oxfmt/binding-linux-riscv64-musl': 0.58.0
+      '@oxfmt/binding-linux-s390x-gnu': 0.58.0
+      '@oxfmt/binding-linux-x64-gnu': 0.58.0
+      '@oxfmt/binding-linux-x64-musl': 0.58.0
+      '@oxfmt/binding-openharmony-arm64': 0.58.0
+      '@oxfmt/binding-win32-arm64-msvc': 0.58.0
+      '@oxfmt/binding-win32-ia32-msvc': 0.58.0
+      '@oxfmt/binding-win32-x64-msvc': 0.58.0
 
   oxlint-plugin-react-doctor@0.7.1:
     dependencies:
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/types': 8.63.0
       eslint-scope: 9.1.2
       eslint-visitor-keys: 5.0.1
       oxc-parser: 0.135.0
@@ -6631,27 +6775,27 @@ snapshots:
       '@oxlint/binding-win32-x64-msvc': 1.66.0
       oxlint-tsgolint: 0.24.0
 
-  oxlint@1.72.0(oxlint-tsgolint@0.24.0):
+  oxlint@1.73.0(oxlint-tsgolint@0.24.0):
     optionalDependencies:
-      '@oxlint/binding-android-arm-eabi': 1.72.0
-      '@oxlint/binding-android-arm64': 1.72.0
-      '@oxlint/binding-darwin-arm64': 1.72.0
-      '@oxlint/binding-darwin-x64': 1.72.0
-      '@oxlint/binding-freebsd-x64': 1.72.0
-      '@oxlint/binding-linux-arm-gnueabihf': 1.72.0
-      '@oxlint/binding-linux-arm-musleabihf': 1.72.0
-      '@oxlint/binding-linux-arm64-gnu': 1.72.0
-      '@oxlint/binding-linux-arm64-musl': 1.72.0
-      '@oxlint/binding-linux-ppc64-gnu': 1.72.0
-      '@oxlint/binding-linux-riscv64-gnu': 1.72.0
-      '@oxlint/binding-linux-riscv64-musl': 1.72.0
-      '@oxlint/binding-linux-s390x-gnu': 1.72.0
-      '@oxlint/binding-linux-x64-gnu': 1.72.0
-      '@oxlint/binding-linux-x64-musl': 1.72.0
-      '@oxlint/binding-openharmony-arm64': 1.72.0
-      '@oxlint/binding-win32-arm64-msvc': 1.72.0
-      '@oxlint/binding-win32-ia32-msvc': 1.72.0
-      '@oxlint/binding-win32-x64-msvc': 1.72.0
+      '@oxlint/binding-android-arm-eabi': 1.73.0
+      '@oxlint/binding-android-arm64': 1.73.0
+      '@oxlint/binding-darwin-arm64': 1.73.0
+      '@oxlint/binding-darwin-x64': 1.73.0
+      '@oxlint/binding-freebsd-x64': 1.73.0
+      '@oxlint/binding-linux-arm-gnueabihf': 1.73.0
+      '@oxlint/binding-linux-arm-musleabihf': 1.73.0
+      '@oxlint/binding-linux-arm64-gnu': 1.73.0
+      '@oxlint/binding-linux-arm64-musl': 1.73.0
+      '@oxlint/binding-linux-ppc64-gnu': 1.73.0
+      '@oxlint/binding-linux-riscv64-gnu': 1.73.0
+      '@oxlint/binding-linux-riscv64-musl': 1.73.0
+      '@oxlint/binding-linux-s390x-gnu': 1.73.0
+      '@oxlint/binding-linux-x64-gnu': 1.73.0
+      '@oxlint/binding-linux-x64-musl': 1.73.0
+      '@oxlint/binding-openharmony-arm64': 1.73.0
+      '@oxlint/binding-win32-arm64-msvc': 1.73.0
+      '@oxlint/binding-win32-ia32-msvc': 1.73.0
+      '@oxlint/binding-win32-x64-msvc': 1.73.0
       oxlint-tsgolint: 0.24.0
 
   p-limit@2.3.0:
@@ -6743,6 +6887,12 @@ snapshots:
       kleur: 3.0.3
       sisteransi: 1.0.5
 
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
   proxy-addr@2.0.7:
     dependencies:
       forwarded: 0.2.0
@@ -6799,6 +6949,13 @@ snapshots:
       react: 19.2.7
       scheduler: 0.27.0
 
+  react-dropzone@15.0.0(react@19.2.7):
+    dependencies:
+      attr-accept: 2.2.5
+      file-selector: 2.1.2
+      prop-types: 15.8.1
+      react: 19.2.7
+
   react-grab@0.1.48(react@19.2.7):
     dependencies:
       '@react-grab/cli': 0.1.48
@@ -6806,11 +6963,13 @@ snapshots:
     optionalDependencies:
       react: 19.2.7
 
-  react-scan@0.5.7(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(eslint@10.6.0(jiti@2.7.0))(oxlint-tsgolint@0.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)):
+  react-is@16.13.1: {}
+
+  react-scan@0.5.7(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(eslint@10.6.0(jiti@2.7.0))(oxlint-tsgolint@0.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.7
       '@babel/types': 7.29.7
-      '@preact/signals': 2.9.2(preact@10.29.4)
+      '@preact/signals': 2.9.3(preact@10.29.4)
       '@rollup/pluginutils': 5.4.0
       bippy: 0.5.43(react@19.2.7)
       commander: 14.0.3
@@ -6822,7 +6981,7 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       react-grab: 0.1.48(react@19.2.7)
     optionalDependencies:
-      unplugin: 3.3.0(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0))
+      unplugin: 3.3.0(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0))
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@opentelemetry/core'
@@ -6959,7 +7118,7 @@ snapshots:
       '@dotenvx/dotenvx': 1.75.1
       '@modelcontextprotocol/sdk': 1.29.0(zod@3.25.76)
       '@types/validate-npm-package-name': 4.0.2
-      browserslist: 4.28.4
+      browserslist: 4.28.5
       commander: 14.0.3
       cosmiconfig: 9.0.2(typescript@6.0.3)
       dedent: 1.7.2
@@ -7092,7 +7251,7 @@ snapshots:
     dependencies:
       '@pkgr/core': 0.3.6
 
-  systeminformation@5.31.12: {}
+  systeminformation@5.31.14: {}
 
   tagged-tag@1.0.0: {}
 
@@ -7144,7 +7303,7 @@ snapshots:
   tsconfig-paths-webpack-plugin@4.2.0:
     dependencies:
       chalk: 4.1.2
-      enhanced-resolve: 5.24.1
+      enhanced-resolve: 5.24.2
       tapable: 2.3.3
       tsconfig-paths: 4.2.0
 
@@ -7172,12 +7331,12 @@ snapshots:
       media-typer: 1.1.0
       mime-types: 3.0.2
 
-  typescript-eslint@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+  typescript-eslint@8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/eslint-plugin': 8.63.0(@typescript-eslint/parser@8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/typescript-estree': 8.63.0(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.63.0(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
       eslint: 10.6.0(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -7189,7 +7348,7 @@ snapshots:
 
   uint8array-extras@1.5.0: {}
 
-  undici-types@7.24.6: {}
+  undici-types@8.3.0: {}
 
   undici@7.28.0: {}
 
@@ -7199,18 +7358,18 @@ snapshots:
 
   unpipe@1.0.0: {}
 
-  unplugin@3.3.0(rolldown@1.1.4)(vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)):
+  unplugin@3.3.0(rolldown@1.1.4)(vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)):
     dependencies:
       '@jridgewell/remapping': 2.3.5
       picomatch: 4.0.5
       webpack-virtual-modules: 0.6.2
     optionalDependencies:
       rolldown: 1.1.4
-      vite: 8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0)
 
-  update-browserslist-db@1.2.3(browserslist@4.28.4):
+  update-browserslist-db@1.2.3(browserslist@4.28.5):
     dependencies:
-      browserslist: 4.28.4
+      browserslist: 4.28.5
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -7232,7 +7391,7 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite@8.1.3(@types/node@25.9.4)(jiti@2.7.0)(yaml@2.9.0):
+  vite@8.1.3(@types/node@26.1.1)(jiti@2.7.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.5
@@ -7240,7 +7399,7 @@ snapshots:
       rolldown: 1.1.4
       tinyglobby: 0.2.17
     optionalDependencies:
-      '@types/node': 25.9.4
+      '@types/node': 26.1.1
       fsevents: 2.3.3
       jiti: 2.7.0
       yaml: 2.9.0
@@ -7289,7 +7448,7 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-spinner@1.2.0:
+  yocto-spinner@1.2.1:
     dependencies:
       yoctocolors: 2.1.2
 
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 7ef55c71..c9839362 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -5,4 +5,4 @@ trustLockfile: true
 
 allowBuilds:
   msgpackr-extract: false
-  msw: false
\ No newline at end of file
+  msw: false
diff --git a/src/components/app/dashboard-events.tsx b/src/components/app/dashboard-events.tsx
index 58f0726f..b47977a4 100644
--- a/src/components/app/dashboard-events.tsx
+++ b/src/components/app/dashboard-events.tsx
@@ -281,7 +281,7 @@ function EventThumbnail({ event, className }: Readonly<EventThumbnailProps>) {
 interface EventActionsProps extends EventCallbacks {
   event: DashboardEvent;
   now: Date;
-  size?: ComponentProps<typeof Button>["size"];
+  size?: NonNullable<ComponentProps<typeof Button>["size"]>;
 }
 
 function EventActions({ event, now, onRsvp, onCheckin, size = "sm" }: Readonly<EventActionsProps>) {
diff --git a/src/components/app/media-lightbox.tsx b/src/components/app/media-lightbox.tsx
new file mode 100644
index 00000000..82b755f9
--- /dev/null
+++ b/src/components/app/media-lightbox.tsx
@@ -0,0 +1,113 @@
+import { ArrowLeft, ArrowRight, ExternalLink, Maximize, X } from "lucide-react";
+import {
+  type KeyboardEvent,
+  type MouseEvent,
+  type RefCallback,
+  useCallback,
+  useState,
+} from "react";
+
+import { Button } from "@/components/ui/button";
+import { type MediaRecord } from "@/routes/dashboard/projects";
+
+interface MediaLightboxProps {
+  items: MediaRecord[];
+  index: number | undefined;
+  srcFor: (item: MediaRecord) => string;
+  onIndexChange: (index: number) => void;
+  onClose: () => void;
+}
+
+const LIGHTBOX_BUTTON_CLASS = "size-9 rounded-full text-white hover:bg-white/15";
+
+export function MediaLightbox({
+  items,
+  index,
+  srcFor,
+  onIndexChange,
+  onClose,
+}: MediaLightboxProps) {
+  const current = index === undefined ? undefined : items[index];
+
+  // This is actually correct
+  // oxlint-disable-next-line no-null
+  const [container, setContainer] = useState<HTMLDivElement | null>(null);
+
+  const showPrev = useCallback(() => {
+    if (index !== undefined) onIndexChange((index - 1 + items.length) % items.length);
+  }, [index, items.length, onIndexChange]);
+  const showNext = useCallback(() => {
+    if (index !== undefined) onIndexChange((index + 1) % items.length);
+  }, [index, items.length, onIndexChange]);
+  const openOriginal = useCallback(() => {
+    if (current) globalThis.open(current.url, "_blank", "noopener,noreferrer");
+  }, [current]);
+  const toggleFullscreen = useCallback(() => {
+    if (document.fullscreenElement) void document.exitFullscreen();
+    else container?.requestFullscreen().catch(() => {}); // Sonarcloud complains so...
+  }, [container]);
+  const focusBackdrop = useCallback<RefCallback<HTMLButtonElement>>((node) => {
+    node?.focus();
+  }, []);
+  const keepFocus = useCallback((event: MouseEvent<HTMLElement>) => {
+    event.preventDefault();
+  }, []);
+
+  const onLightboxKey = useCallback(
+    (event: KeyboardEvent<HTMLElement>) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        onClose();
+      } else if (event.key === "ArrowLeft") showPrev();
+      else if (event.key === "ArrowRight") showNext();
+    },
+    [onClose, showPrev, showNext],
+  );
+
+  const controls = [
+    { title: "Close", onClick: onClose, icon: <X /> },
+    { title: "Open original", onClick: openOriginal, icon: <ExternalLink /> },
+    { title: "Fullscreen", onClick: toggleFullscreen, icon: <Maximize /> },
+    { title: "Previous", onClick: showPrev, icon: <ArrowLeft /> },
+    { title: "Next", onClick: showNext, icon: <ArrowRight /> },
+  ];
+
+  return (
+    current && (
+      <div
+        ref={setContainer}
+        aria-modal="true"
+        aria-label="Media preview"
+        className="fixed inset-0 z-100 flex items-center justify-center p-6"
+      >
+        <button
+          ref={focusBackdrop}
+          type="button"
+          aria-label="Close preview"
+          onClick={onClose}
+          onKeyDown={onLightboxKey}
+          className="absolute inset-0 cursor-default bg-black/55 outline-hidden backdrop-blur-sm"
+        />
+        <img
+          src={srcFor(current)}
+          alt=""
+          className="relative max-h-[86svh] max-w-5xl rounded-xl object-contain shadow-[0px_24px_64px_rgba(0,0,0,0.6)]"
+        />
+        <div className="absolute bottom-6 left-1/2 flex -translate-x-1/2 items-center gap-1 rounded-full border border-white/15 bg-black/50 p-1 backdrop-blur-sm">
+          {controls.map(({ title, onClick, icon }) => (
+            <Button
+              key={title}
+              className={LIGHTBOX_BUTTON_CLASS}
+              variant="ghost"
+              title={title}
+              onMouseDown={keepFocus}
+              onClick={onClick}
+            >
+              {icon}
+            </Button>
+          ))}
+        </div>
+      </div>
+    )
+  );
+}
diff --git a/src/components/ui/data-table.tsx b/src/components/ui/data-table.tsx
new file mode 100644
index 00000000..1d2f67d8
--- /dev/null
+++ b/src/components/ui/data-table.tsx
@@ -0,0 +1,105 @@
+import {
+  type ColumnDef,
+  type Row,
+  type RowData,
+  type SortingState,
+  type TableMeta,
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+import { memo, useState } from "react";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+declare module "@tanstack/react-table" {
+  interface ColumnMeta<TData extends RowData, TValue> {
+    className?: string;
+  }
+}
+
+interface DataTableProps<TData, TValue> {
+  columns: ColumnDef<TData, TValue>[];
+  data: TData[];
+  meta?: TableMeta<TData>;
+}
+
+function DataTableRowImpl<TData>({
+  row,
+}: Readonly<{ meta: TableMeta<TData> | undefined ; row: Row<TData> }>) {
+  return (
+    <TableRow>
+      {row.getVisibleCells().map((cell) => (
+        <TableCell key={cell.id} className={cell.column.columnDef.meta?.className}>
+          {flexRender(cell.column.columnDef.cell, cell.getContext())}
+        </TableCell>
+      ))}
+    </TableRow>
+  );
+}
+
+const DataTableRow = memo(
+  DataTableRowImpl,
+  (prev, next) => prev.row.original === next.row.original && prev.meta === next.meta,
+) as typeof DataTableRowImpl;
+
+export function DataTable<TData, TValue>({
+  columns,
+  data,
+  meta,
+}: Readonly<DataTableProps<TData, TValue>>) {
+  const [sorting, setSorting] = useState<SortingState>([]);
+
+  const table = useReactTable({
+    data,
+    columns,
+    meta,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    onSortingChange: setSorting,
+    state: { sorting },
+  });
+
+  return (
+    <div className="@container">
+      <Table>
+        <TableHeader>
+          {table.getHeaderGroups().map((headerGroup) => (
+            <TableRow key={headerGroup.id}>
+              {headerGroup.headers.map((header) => (
+                <TableHead key={header.id} className={header.column.columnDef.meta?.className}>
+                  {header.isPlaceholder
+                    ? undefined
+                    : flexRender(header.column.columnDef.header, header.getContext())}
+                </TableHead>
+              ))}
+            </TableRow>
+          ))}
+        </TableHeader>
+        <TableBody>
+          {table.getRowModel().rows.length > 0 ? (
+            table
+              .getRowModel()
+              .rows.map((row) => (
+                <DataTableRow key={row.id} row={row} meta={table.options.meta} />
+              ))
+          ) : (
+            <TableRow>
+              <TableCell colSpan={columns.length} className="h-24 text-center">
+                No results.
+              </TableCell>
+            </TableRow>
+          )}
+        </TableBody>
+      </Table>
+    </div>
+  );
+}
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 00000000..74da65c3
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,20 @@
+"use client"
+
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Label({ className, ...props }: React.ComponentProps<"label">) {
+  return (
+    <label
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/src/components/ui/pagination.tsx b/src/components/ui/pagination.tsx
new file mode 100644
index 00000000..62a352e2
--- /dev/null
+++ b/src/components/ui/pagination.tsx
@@ -0,0 +1,130 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
+
+function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+  return (
+    <nav
+      role="navigation"
+      aria-label="pagination"
+      data-slot="pagination"
+      className={cn("mx-auto flex w-full justify-center", className)}
+      {...props}
+    />
+  )
+}
+
+function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="pagination-content"
+      className={cn("flex items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function PaginationItem({ ...props }: React.ComponentProps<"li">) {
+  return <li data-slot="pagination-item" {...props} />
+}
+
+type PaginationLinkProps = {
+  isActive?: boolean
+} & Pick<React.ComponentProps<typeof Button>, "size"> &
+  React.ComponentProps<"a">
+
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) {
+  return (
+    <Button
+      variant={isActive ? "outline" : "ghost"}
+      size={size}
+      className={cn(className)}
+      nativeButton={false}
+      render={
+        <a
+          aria-current={isActive ? "page" : undefined}
+          data-slot="pagination-link"
+          data-active={isActive}
+          {...props}
+        />
+      }
+    />
+  )
+}
+
+function PaginationPrevious({
+  className,
+  text = "Previous",
+  ...props
+}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {
+  return (
+    <PaginationLink
+      aria-label="Go to previous page"
+      size="default"
+      className={cn("pl-2!", className)}
+      {...props}
+    >
+      <ChevronLeftIcon data-icon="inline-start" />
+      <span className="hidden sm:block">{text}</span>
+    </PaginationLink>
+  )
+}
+
+function PaginationNext({
+  className,
+  text = "Next",
+  ...props
+}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {
+  return (
+    <PaginationLink
+      aria-label="Go to next page"
+      size="default"
+      className={cn("pr-2!", className)}
+      {...props}
+    >
+      <span className="hidden sm:block">{text}</span>
+      <ChevronRightIcon data-icon="inline-end" />
+    </PaginationLink>
+  )
+}
+
+function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      aria-hidden
+      data-slot="pagination-ellipsis"
+      className={cn(
+        "flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <MoreHorizontalIcon
+      />
+      <span className="sr-only">More pages</span>
+    </span>
+  )
+}
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+}
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
new file mode 100644
index 00000000..ac9585e9
--- /dev/null
+++ b/src/components/ui/table.tsx
@@ -0,0 +1,114 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div
+      data-slot="table-container"
+      className="relative w-full overflow-x-auto"
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("mt-4 text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 00000000..95ed1c44
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }
diff --git a/src/index.css b/src/index.css
index 53ea166a..edf93f21 100644
--- a/src/index.css
+++ b/src/index.css
@@ -24,8 +24,8 @@
   --secondary-foreground: #084778;
   --muted: #f9f8f8;
   --muted-foreground: #93a3b6;
-  --accent: #00e1bf;
-  --accent-foreground: #084778;
+  --accent: oklch(0.773 0.137 183.98 / 0.1);
+  --accent-foreground: #067a69;
   --destructive: oklch(0.577 0.245 27.325);
   --destructive-foreground: oklch(0.577 0.245 27.325);
   --border: #dfe3e8;
@@ -80,8 +80,8 @@
   --secondary-foreground: #e8f4f8;
   --muted: #1a1f2e;
   --muted-foreground: #4a6272;
-  --accent: #00e1bf;
-  --accent-foreground: #084778;
+  --accent: #232a3d;
+  --accent-foreground: #e8f4f8;
   --destructive: oklch(0.704 0.191 22.216);
   --destructive-foreground: oklch(0.637 0.237 25.331);
   --border: #2a3548;
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index dfe2bc76..a3c87f7a 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -19,7 +19,9 @@ import { Route as DashboardIndexRouteImport } from './routes/dashboard/index'
 import { Route as ProjectProjectIdRouteImport } from './routes/project/$projectId'
 import { Route as DashboardProjectsRouteImport } from './routes/dashboard/projects'
 import { Route as DashboardEventsRouteImport } from './routes/dashboard/events'
+import { Route as DashboardManageProjectsRouteImport } from './routes/dashboard/manage/projects'
 import { Route as DashboardEventsPastRouteImport } from './routes/dashboard/events_.past'
+import { Route as DashboardManageProjectsProjectIdGalleryRouteImport } from './routes/dashboard/manage/projects_.$projectId.gallery'
 
 const SigsRoute = SigsRouteImport.update({
   id: '/sigs',
@@ -71,11 +73,22 @@ const DashboardEventsRoute = DashboardEventsRouteImport.update({
   path: '/events',
   getParentRoute: () => DashboardRouteRoute,
 } as any)
+const DashboardManageProjectsRoute = DashboardManageProjectsRouteImport.update({
+  id: '/manage/projects',
+  path: '/manage/projects',
+  getParentRoute: () => DashboardRouteRoute,
+} as any)
 const DashboardEventsPastRoute = DashboardEventsPastRouteImport.update({
   id: '/events_/past',
   path: '/events/past',
   getParentRoute: () => DashboardRouteRoute,
 } as any)
+const DashboardManageProjectsProjectIdGalleryRoute =
+  DashboardManageProjectsProjectIdGalleryRouteImport.update({
+    id: '/manage/projects_/$projectId/gallery',
+    path: '/manage/projects/$projectId/gallery',
+    getParentRoute: () => DashboardRouteRoute,
+  } as any)
 
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
@@ -89,6 +102,8 @@ export interface FileRoutesByFullPath {
   '/project/$projectId': typeof ProjectProjectIdRoute
   '/dashboard/': typeof DashboardIndexRoute
   '/dashboard/events/past': typeof DashboardEventsPastRoute
+  '/dashboard/manage/projects': typeof DashboardManageProjectsRoute
+  '/dashboard/manage/projects/$projectId/gallery': typeof DashboardManageProjectsProjectIdGalleryRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
@@ -101,6 +116,8 @@ export interface FileRoutesByTo {
   '/project/$projectId': typeof ProjectProjectIdRoute
   '/dashboard': typeof DashboardIndexRoute
   '/dashboard/events/past': typeof DashboardEventsPastRoute
+  '/dashboard/manage/projects': typeof DashboardManageProjectsRoute
+  '/dashboard/manage/projects/$projectId/gallery': typeof DashboardManageProjectsProjectIdGalleryRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -115,6 +132,8 @@ export interface FileRoutesById {
   '/project/$projectId': typeof ProjectProjectIdRoute
   '/dashboard/': typeof DashboardIndexRoute
   '/dashboard/events_/past': typeof DashboardEventsPastRoute
+  '/dashboard/manage/projects': typeof DashboardManageProjectsRoute
+  '/dashboard/manage/projects_/$projectId/gallery': typeof DashboardManageProjectsProjectIdGalleryRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -130,6 +149,8 @@ export interface FileRouteTypes {
     | '/project/$projectId'
     | '/dashboard/'
     | '/dashboard/events/past'
+    | '/dashboard/manage/projects'
+    | '/dashboard/manage/projects/$projectId/gallery'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -142,6 +163,8 @@ export interface FileRouteTypes {
     | '/project/$projectId'
     | '/dashboard'
     | '/dashboard/events/past'
+    | '/dashboard/manage/projects'
+    | '/dashboard/manage/projects/$projectId/gallery'
   id:
     | '__root__'
     | '/'
@@ -155,6 +178,8 @@ export interface FileRouteTypes {
     | '/project/$projectId'
     | '/dashboard/'
     | '/dashboard/events_/past'
+    | '/dashboard/manage/projects'
+    | '/dashboard/manage/projects_/$projectId/gallery'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -239,6 +264,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DashboardEventsRouteImport
       parentRoute: typeof DashboardRouteRoute
     }
+    '/dashboard/manage/projects': {
+      id: '/dashboard/manage/projects'
+      path: '/manage/projects'
+      fullPath: '/dashboard/manage/projects'
+      preLoaderRoute: typeof DashboardManageProjectsRouteImport
+      parentRoute: typeof DashboardRouteRoute
+    }
     '/dashboard/events_/past': {
       id: '/dashboard/events_/past'
       path: '/events/past'
@@ -246,6 +278,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DashboardEventsPastRouteImport
       parentRoute: typeof DashboardRouteRoute
     }
+    '/dashboard/manage/projects_/$projectId/gallery': {
+      id: '/dashboard/manage/projects_/$projectId/gallery'
+      path: '/manage/projects/$projectId/gallery'
+      fullPath: '/dashboard/manage/projects/$projectId/gallery'
+      preLoaderRoute: typeof DashboardManageProjectsProjectIdGalleryRouteImport
+      parentRoute: typeof DashboardRouteRoute
+    }
   }
 }
 
@@ -254,6 +293,8 @@ interface DashboardRouteRouteChildren {
   DashboardProjectsRoute: typeof DashboardProjectsRoute
   DashboardIndexRoute: typeof DashboardIndexRoute
   DashboardEventsPastRoute: typeof DashboardEventsPastRoute
+  DashboardManageProjectsRoute: typeof DashboardManageProjectsRoute
+  DashboardManageProjectsProjectIdGalleryRoute: typeof DashboardManageProjectsProjectIdGalleryRoute
 }
 
 const DashboardRouteRouteChildren: DashboardRouteRouteChildren = {
@@ -261,6 +302,9 @@ const DashboardRouteRouteChildren: DashboardRouteRouteChildren = {
   DashboardProjectsRoute: DashboardProjectsRoute,
   DashboardIndexRoute: DashboardIndexRoute,
   DashboardEventsPastRoute: DashboardEventsPastRoute,
+  DashboardManageProjectsRoute: DashboardManageProjectsRoute,
+  DashboardManageProjectsProjectIdGalleryRoute:
+    DashboardManageProjectsProjectIdGalleryRoute,
 }
 
 const DashboardRouteRouteWithChildren = DashboardRouteRoute._addFileChildren(
diff --git a/src/routes/dashboard/events.tsx b/src/routes/dashboard/events.tsx
index 99e6c7d4..7e581e4a 100644
--- a/src/routes/dashboard/events.tsx
+++ b/src/routes/dashboard/events.tsx
@@ -93,7 +93,9 @@ export const Route = createFileRoute("/dashboard/events")({
 
 type RosterStatus = "checked_in" | "expected" | "no_show" | "walk_in";
 
-interface AttendanceMember {
+// GET /events/{id}/attendance → KanaePages<AttendanceMember>. The seed data in
+// dashboard-mocks (mockAttendance) imports this back to type its roster.
+export interface AttendanceMember {
   id: string;
   name: string;
   planned?: boolean | null;
diff --git a/src/routes/dashboard/manage/projects.tsx b/src/routes/dashboard/manage/projects.tsx
new file mode 100644
index 00000000..3d98b2ea
--- /dev/null
+++ b/src/routes/dashboard/manage/projects.tsx
@@ -0,0 +1,1598 @@
+import { useForm } from "@tanstack/react-form";
+import {
+  keepPreviousData,
+  queryOptions,
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { type ColumnDef, type RowData, type TableMeta } from "@tanstack/react-table";
+import axios from "axios";
+import {
+  Activity,
+  Archive,
+  ArchiveRestore,
+  Calendar,
+  Check,
+  ChevronLeft,
+  ChevronRight,
+  ExternalLink,
+  ImageIcon,
+  Lock,
+  LockOpen,
+  Mail,
+  MoreHorizontal,
+  Pencil,
+  Plus,
+  Search,
+  Trash2,
+  Upload,
+  UserPlus,
+  Users,
+  X,
+} from "lucide-react";
+import { type ChangeEvent, type MouseEvent, useCallback, useMemo, useRef, useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { toast } from "sonner";
+import { z } from "zod";
+
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { DataTable } from "@/components/ui/data-table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+} from "@/components/ui/pagination";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Textarea } from "@/components/ui/textarea";
+import { type KanaePage } from "@/lib/dashboard-events";
+import { cn } from "@/lib/utils";
+import {
+  type FullProject,
+  JOIN_POLICY_META,
+  type JoinPolicy,
+  MOCK_CURRENT_USER,
+  type ProjectInvite,
+  type ProjectMember,
+  type ProjectType,
+  SIG_META,
+} from "@/routes/dashboard/projects";
+
+export const Route = createFileRoute("/dashboard/manage/projects")({
+  component: ManageProjectsPage,
+  staticData: {
+    area: "Manage",
+    title: "Manage Projects",
+    sub: "Create, edit teams, and archive chapter projects",
+  },
+  loader: async ({ context: { queryClient } }) => {
+    await queryClient.prefetchQuery(manageProjectsQueryOptions({ name: "", page: 1 }));
+    await queryClient.prefetchQuery(manageInvitesQueryOptions);
+  },
+});
+
+/// Types and Interfaces
+
+type ManageStatus = "all" | "active" | "archived";
+type DetailTab = "details" | "team";
+type InviteAction = "accept" | "decline" | "revoke";
+type RespondVars = { action: InviteAction; invite: ProjectInvite };
+type InviteVars = { member: ProjectMember; projectId: string };
+type SaveVars = { creating: boolean; project: FullProject };
+type Editor = { creating: boolean; founded_at: string; id: string };
+type RowHandler = (event: MouseEvent<HTMLElement>) => void;
+
+interface ProjectPageParams {
+  active?: boolean;
+  name: string;
+  page: number;
+}
+
+interface ManageProjectsMeta {
+  invites: ProjectInvite[] | undefined;
+  onArchive: RowHandler;
+  onDelete: RowHandler;
+  onDetail: RowHandler;
+  onEditor: RowHandler;
+  onGallery: RowHandler;
+}
+
+declare module "@tanstack/react-table" {
+  interface TableMeta<TData extends RowData> {
+    manage?: ManageProjectsMeta;
+  }
+}
+
+/// Constants - metadata and presentation
+
+// Until our auth is wired up, we'll have this for now
+const MOCK_MEMBERS: ProjectMember[] = [
+  { id: "m-ar", name: "Alex Rivera" },
+  { id: "m-pn", name: "Priya Nair" },
+  { id: "m-mc", name: "Marcus Chen" },
+  { id: "m-sg", name: "Sofia Gomez" },
+  { id: "m-tb", name: "Tyler Brooks" },
+  { id: "m-ap", name: "Aisha Patel" },
+  { id: "m-nw", name: "Noah Williams" },
+  { id: "m-lk", name: "Lena Kovac" },
+  { id: "m-ot", name: "Omar Tariq" },
+  { id: "m-ml", name: "Maya Lopez" },
+  { id: "m-ch", name: "Chen Hu" },
+  { id: "m-fr", name: "Fatima Rahman" },
+];
+
+const JOIN_POLICY_ICONS: Record<JoinPolicy, typeof Lock> = {
+  open: LockOpen,
+  request: UserPlus,
+  closed: Lock,
+};
+
+const JOIN_POLICY_TONE: Record<JoinPolicy, string> = {
+  open: "text-[#15a66e] dark:text-[#3fd68c]",
+  request: "text-amber-600 dark:text-amber-400",
+  closed: "text-muted-foreground",
+};
+
+const RESPOND_TOAST: Record<InviteAction, string> = {
+  accept: "Request approved — member added.",
+  decline: "Request declined.",
+  revoke: "Invite revoked.",
+};
+
+const SIG_DOT_CLASS: Record<ProjectType, string> = {
+  independent: "bg-[#5b7a93]",
+  sig_swe: "bg-[#3da9fc]",
+  sig_ai: "bg-[#00c9a7]",
+  sig_cyber: "bg-[#ff6b6b]",
+  sig_data: "bg-[#f7b731]",
+  sig_arch: "bg-[#fc5c7d]",
+  sig_graph: "bg-[#a55eea]",
+};
+
+const AVATAR_CLASSES = [
+  "bg-[#00c9a7]/15 text-[#00c9a7]",
+  "bg-[#3da9fc]/15 text-[#3da9fc]",
+  "bg-[#f7b731]/15 text-[#f7b731]",
+  "bg-[#fc5c7d]/15 text-[#fc5c7d]",
+  "bg-[#a55eea]/15 text-[#a55eea]",
+  "bg-[#26de81]/15 text-[#26de81]",
+  "bg-[#fd9644]/15 text-[#fd9644]",
+  "bg-[#ff6b6b]/15 text-[#ff6b6b]",
+];
+
+/// Constants - Stable/Empty data
+
+type ProjectFormValues = z.infer<typeof projectFormSchema>;
+const BLANK_PROJECT_FORM: ProjectFormValues = {
+  name: "",
+  description: "",
+  link: "",
+  type: "sig_swe",
+  active: true,
+  join_policy: "open",
+  tags: [],
+  thumbnail: undefined,
+};
+
+const EMPTY_INVITES: ProjectInvite[] = [];
+const EMPTY_PROJECTS: FullProject[] = [];
+const EMPTY_META: Partial<ManageProjectsMeta> = {};
+
+const PROJECT_TYPES = Object.keys(SIG_META) as ProjectType[];
+const JOIN_POLICIES = Object.keys(JOIN_POLICY_META) as JoinPolicy[];
+
+/// Constants - Table Columns
+
+const ACTIONS_TRIGGER = (
+  <Button variant="ghost" size="icon-sm" className="relative text-brand-text-sub" />
+);
+const PROJECT_COLUMNS: ColumnDef<FullProject>[] = [
+  {
+    id: "project",
+    header: "Project",
+    cell: ({ row, table }) => {
+      const onDetail = table.options.meta?.manage?.onDetail;
+      return (
+        <div className="flex items-center gap-2.5">
+          <span className={cn("size-2 shrink-0 rounded-full", SIG_DOT_CLASS[row.original.type])} />
+          <div className="min-w-0">
+            <button
+              type="button"
+              data-id={row.original.id}
+              onClick={onDetail}
+              className="block max-w-full truncate text-left text-[13.5px] font-bold text-foreground transition hover:text-brand-teal-alt hover:underline"
+            >
+              {row.original.name}
+            </button>
+            <div className="text-[11.5px] text-muted-foreground">
+              Founded {fmtMonthYear(row.original.founded_at)}
+            </div>
+          </div>
+        </div>
+      );
+    },
+  },
+  {
+    id: "category",
+    header: "Category",
+    meta: { className: "hidden @lg:table-cell" },
+    cell: ({ row }) => (
+      <span className="inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand-text-sub">
+        <span className={cn("size-1.75 rounded-full", SIG_DOT_CLASS[row.original.type])} />
+        {SIG_META[row.original.type].label}
+      </span>
+    ),
+  },
+  {
+    id: "team",
+    header: "Team",
+    cell: ({ row }) => (
+      <div className="flex items-center gap-2">
+        <div className="flex -space-x-2">
+          {row.original.members
+            .slice(0, 3)
+            .map((member) => renderAvatar(member, "size-6.5 ring-2 ring-card"))}
+        </div>
+        <span className="text-[11.5px] text-muted-foreground">{row.original.members.length}</span>
+      </div>
+    ),
+  },
+  {
+    id: "join",
+    header: "Join",
+    meta: { className: "hidden @xl:table-cell" },
+    cell: ({ row }) => {
+      const PolicyIcon = JOIN_POLICY_ICONS[row.original.join_policy];
+      return (
+        <span className={cn(POLICY_CHIP_CLASS, JOIN_POLICY_TONE[row.original.join_policy])}>
+          <PolicyIcon className="size-3.5" />
+          {JOIN_POLICY_META[row.original.join_policy].label}
+        </span>
+      );
+    },
+  },
+  {
+    id: "status",
+    header: "Status",
+    meta: { className: "hidden @sm:table-cell" },
+    cell: ({ row }) => (
+      <Badge
+        variant="outline"
+        className={cn(
+          "gap-1 font-bold",
+          row.original.active ? "text-[#15a66e] dark:text-[#3fd68c]" : "text-muted-foreground",
+        )}
+      >
+        <span
+          className={cn(
+            "size-1.5 rounded-full",
+            row.original.active ? "bg-[#15a66e] dark:bg-[#3fd68c]" : "bg-muted-foreground",
+          )}
+        />
+        {row.original.active ? "Active" : "Archived"}
+      </Badge>
+    ),
+  },
+  {
+    id: "actions",
+    header: () => <span className="sr-only">Actions</span>,
+    cell: ({ row, table }) => {
+      const { invites, onArchive, onDelete, onEditor, onGallery } =
+        table.options.meta?.manage ?? EMPTY_META;
+      const requestCount = (invites ?? []).filter(
+        (invite) =>
+          invite.project_id === row.original.id &&
+          invite.kind === "request" &&
+          invite.status === "pending",
+      ).length;
+      return (
+        <div className="flex justify-end">
+          <DropdownMenu>
+            <DropdownMenuTrigger
+              render={ACTIONS_TRIGGER}
+              title="Project actions"
+              aria-label="Project actions"
+            >
+              <MoreHorizontal />
+              {requestCount > 0 && (
+                <span className="absolute -top-0.5 -right-0.5 inline-flex min-w-4 items-center justify-center rounded-full bg-amber-500 px-1 text-[10px] font-extrabold text-white">
+                  {requestCount}
+                </span>
+              )}
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end" className="w-44">
+              <DropdownMenuItem data-id={row.original.id} data-tab="team" onClick={onEditor}>
+                <Users />
+                Manage team
+                {requestCount > 0 && (
+                  <span className="ml-auto inline-flex min-w-4 items-center justify-center rounded-full bg-amber-500 px-1 text-[10px] font-extrabold text-white">
+                    {requestCount}
+                  </span>
+                )}
+              </DropdownMenuItem>
+              <DropdownMenuItem data-id={row.original.id} data-tab="details" onClick={onEditor}>
+                <Pencil />
+                Edit details
+              </DropdownMenuItem>
+              <DropdownMenuItem data-id={row.original.id} onClick={onGallery}>
+                <ImageIcon />
+                Manage gallery
+              </DropdownMenuItem>
+              <DropdownMenuItem data-id={row.original.id} onClick={onArchive}>
+                {row.original.active ? <Archive /> : <ArchiveRestore />}
+                {row.original.active ? "Archive" : "Restore"}
+              </DropdownMenuItem>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem variant="destructive" data-id={row.original.id} onClick={onDelete}>
+                <Trash2 />
+                Delete
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+      );
+    },
+  },
+];
+
+/// Constants — regular
+
+const API_BASE_URL =
+  (import.meta.env.VITE_API_URL as string | undefined) ?? "http://localhost:8000";
+const THUMBNAIL_ACCEPT = { "image/*": [] };
+const THUMBNAIL_MAX_BYTES = 32 * 1024 * 1024;
+const MANAGE_PAGE_SIZE = 25;
+const PAGE_WINDOW = 3;
+const CARD_CLASS =
+  "rounded-[18px] border border-border bg-card shadow-[0px_4px_14px_rgba(112,144,176,0.14)] dark:shadow-[0px_4px_14px_rgba(0,0,0,0.4)]";
+const TEAL_BUTTON_CLASS = "bg-brand-teal font-bold text-primary hover:bg-brand-teal/85";
+const SECTION_LABEL_CLASS =
+  "mb-1.5 text-[11px] font-bold tracking-[0.06em] text-muted-foreground uppercase";
+const TAG_PILL_CLASS =
+  "inline-flex items-center rounded-full border border-border bg-muted px-2 py-0.5 text-[11px] font-semibold text-brand-text-sub";
+const AVATAR_FALLBACK_CLASS = "text-[11px] font-bold";
+const POLICY_CHIP_CLASS = "inline-flex items-center gap-1.5 text-xs font-bold";
+const ROW_CLASS = "flex items-center gap-3 rounded-xl border border-border bg-card px-3 py-2";
+const FACT_TILE_CLASS = "rounded-xl border border-border bg-muted/60 px-3.5 py-3";
+const FACT_LABEL_CLASS =
+  "mb-1 text-[10.5px] font-bold tracking-[0.06em] text-muted-foreground uppercase";
+const FACT_VALUE_CLASS = "text-[13.5px] font-bold text-foreground";
+const FIELD_ERROR_CLASS = "text-[12px] font-semibold text-[#e13737] dark:text-[#ff6b6b]";
+const MONTH_YEAR_FMT = new Intl.DateTimeFormat("en-US", { month: "short", year: "numeric" });
+
+const SHARED_QUERY_OPTIONS = {
+  staleTime: 60_000,
+  retry: false,
+  refetchOnWindowFocus: false,
+  refetchOnReconnect: false,
+  refetchOnMount: false,
+} as const;
+
+/// Zod schema
+
+const projectFormSchema = z.object({
+  name: z
+    .string()
+    .trim()
+    .min(1, "A project name is required.")
+    .max(120, "Keep the name under 120 characters."),
+  description: z.string().max(2000, "That description is a little too long."),
+  link: z.string().max(300, "That link is too long."),
+  type: z.enum(PROJECT_TYPES as [ProjectType, ...ProjectType[]]),
+  active: z.boolean(),
+  join_policy: z.enum(JOIN_POLICIES as [JoinPolicy, ...JoinPolicy[]]),
+  tags: z.array(z.string()),
+  thumbnail: z.object({ hash: z.string(), url: z.string() }).nullish(),
+});
+
+/// Tanstack Query options
+
+const MANAGE_PROJECTS_KEY = ["projects", "manage"] as const;
+const manageProjectsQueryOptions = ({ active, name, page }: ProjectPageParams) =>
+  queryOptions({
+    queryKey: [...MANAGE_PROJECTS_KEY, { active, name, page }],
+    queryFn: async () => {
+      const { data } = await axios.get<KanaePage<FullProject>>(`${API_BASE_URL}/projects`, {
+        params: {
+          page,
+          size: MANAGE_PAGE_SIZE,
+          ...(active === undefined ? {} : { active }),
+          ...(name.length >= 3 ? { name } : {}),
+        },
+      });
+      return data;
+    },
+    placeholderData: keepPreviousData,
+    ...SHARED_QUERY_OPTIONS,
+  });
+
+const manageInvitesQueryOptions = queryOptions({
+  queryKey: ["projects", "invites", { scope: "manage" }],
+  queryFn: async () => {
+    const { data } = await axios.get<ProjectInvite[]>(`${API_BASE_URL}/projects/invites`, {
+      params: { status: "pending" },
+    });
+    return data;
+  },
+  ...SHARED_QUERY_OPTIONS,
+});
+
+/// Helper functions
+
+function fmtMonthYear(iso: string) {
+  return MONTH_YEAR_FMT.format(new Date(iso));
+}
+
+function renderAvatar(member: ProjectMember, size = "size-8.5") {
+  const initials =
+    member.name
+      .match(/\S+/g)
+      ?.slice(0, 2)
+      .map((part) => part[0])
+      .join("")
+      .toUpperCase() ?? "··";
+
+  let hash = 5381;
+  for (let i = 0; i < member.id.length; i++)
+    hash = ((hash << 5) + hash) ^ (member.id.codePointAt(i) ?? 0);
+
+  const tint = AVATAR_CLASSES[Math.abs(hash) % AVATAR_CLASSES.length];
+
+  return (
+    <Avatar key={member.id} className={size} title={member.name}>
+      <AvatarFallback className={cn(AVATAR_FALLBACK_CLASS, tint)}>{initials}</AvatarFallback>
+    </Avatar>
+  );
+}
+
+const renderJoinPolicyLabel = (value: JoinPolicy) => JOIN_POLICY_META[value].label;
+const renderTypeLabel = (value: ProjectType) => SIG_META[value].label;
+const renderLifecycleLabel = (value: string) => (value === "active" ? "Active" : "Archived");
+
+/// Route
+
+function ManageProjectsPage() {
+  const queryClient = useQueryClient();
+  const navigate = useNavigate();
+
+  const topRef = useRef<HTMLDivElement>(null);
+
+  const [search, setSearch] = useState("");
+  const [status, setStatus] = useState<ManageStatus>("all");
+  const [page, setPage] = useState(1);
+  const [confirmId, setConfirmId] = useState<string>();
+  const [detailId, setDetailId] = useState<string>();
+  const [editor, setEditor] = useState<Editor>();
+  const [tab, setTab] = useState<DetailTab>("details");
+  const [addingMember, setAddingMember] = useState(false);
+  const [tagText, setTagText] = useState("");
+
+  const activeFilter = status === "all" ? undefined : status === "active";
+  const { data: pageData, isPending } = useQuery(
+    manageProjectsQueryOptions({ active: activeFilter, name: search, page }),
+  );
+  const { data: invites } = useQuery(manageInvitesQueryOptions);
+  const projects = pageData?.data;
+
+  const total = pageData?.total ?? 0;
+  const pageCount = Math.max(1, Math.ceil(total / MANAGE_PAGE_SIZE));
+
+  const findProject = useCallback(
+    (id: string | undefined) => {
+      if (!id) return;
+      for (const [, page] of queryClient.getQueriesData<KanaePage<FullProject>>({
+        queryKey: MANAGE_PROJECTS_KEY,
+      })) {
+        const hit = page?.data.find((item) => item.id === id);
+        if (hit) return hit;
+      }
+    },
+    [queryClient],
+  );
+
+  const invalidateManage = useCallback(
+    () => queryClient.invalidateQueries({ queryKey: MANAGE_PROJECTS_KEY }),
+    [queryClient],
+  );
+  const { mutate: saveProject } = useMutation({
+    mutationFn: async ({ creating, project }: SaveVars) => {
+      await (creating
+        ? axios.post(`${API_BASE_URL}/projects/create`, {
+            name: project.name,
+            description: project.description,
+            link: project.link,
+            type: project.type,
+            tags: project.tags,
+            active: project.active,
+            founded_at: project.founded_at,
+          })
+        : axios.put(`${API_BASE_URL}/projects/${project.id}`, {
+            name: project.name,
+            description: project.description,
+            link: project.link,
+          }));
+    },
+    onError: () => toast.error("Couldn't save the project. Please try again."),
+    onSuccess: (_data, { creating }) =>
+      toast.success(creating ? "Project created." : "Project saved."),
+    onSettled: invalidateManage,
+  });
+
+  const { mutate: archiveProject } = useMutation({
+    mutationFn: async (project: FullProject) => {
+      await axios.put(`${API_BASE_URL}/projects/${project.id}/archive`, {
+        active: !project.active,
+      });
+    },
+    onError: () => toast.error("Couldn't update the project. Please try again."),
+    onSuccess: (_data, project) =>
+      toast.success(project.active ? "Project archived." : "Project restored."),
+    onSettled: invalidateManage,
+  });
+
+  const { mutate: deleteProject } = useMutation({
+    mutationFn: async (project: FullProject) => {
+      await axios.delete(`${API_BASE_URL}/projects/${project.id}`);
+    },
+    onError: () => toast.error("Couldn't delete the project. Please try again."),
+    onSuccess: () => toast.success("Project deleted."),
+    onSettled: invalidateManage,
+  });
+
+  const { mutate: respondInvite } = useMutation({
+    mutationFn: async ({ action, invite }: RespondVars) => {
+      await (action === "revoke"
+        ? axios.delete(`${API_BASE_URL}/projects/${invite.project_id}/invites/${invite.id}/revoke`)
+        : axios.post(
+            `${API_BASE_URL}/projects/${invite.project_id}/invites/${invite.id}/${action}`,
+          ));
+    },
+    onMutate: ({ invite }) => {
+      queryClient.setQueryData<ProjectInvite[]>(manageInvitesQueryOptions.queryKey, (old = []) =>
+        old.filter((item) => item.id !== invite.id),
+      );
+    },
+    onError: () => toast.error("Couldn't update the invitation. Please try again."),
+    onSuccess: (_data, { action }) => toast.success(RESPOND_TOAST[action]),
+    onSettled: (_data, _error, { action }) => {
+      if (action === "accept") return invalidateManage();
+    },
+  });
+
+  const { mutate: sendInvite } = useMutation({
+    mutationFn: async ({ member, projectId }: InviteVars) => {
+      await axios.post(`${API_BASE_URL}/projects/${projectId}/invites`, { member_id: member.id });
+    },
+    onMutate: ({ member, projectId }) =>
+      queryClient.setQueryData<ProjectInvite[]>(manageInvitesQueryOptions.queryKey, (old = []) => [
+        ...old,
+        {
+          id: `iv-${String(Date.now())}`,
+          project_id: projectId,
+          kind: "invite",
+          status: "pending",
+          invited_by: MOCK_CURRENT_USER.id,
+          member,
+          created_at: new Date().toISOString(),
+        },
+      ]),
+    onError: () => toast.error("Couldn't send the invite. Please try again."),
+    onSuccess: () => toast.success("Invite sent."),
+  });
+
+  const form = useForm({
+    defaultValues: BLANK_PROJECT_FORM,
+    validators: { onChange: projectFormSchema },
+    onSubmit: ({ value }) => {
+      if (!editor) return;
+      const existing = projects?.find((item) => item.id === editor.id);
+      saveProject({
+        creating: editor.creating,
+        project: {
+          ...value,
+          id: editor.id,
+          founded_at: editor.founded_at,
+          members: existing?.members ?? [MOCK_CURRENT_USER],
+        },
+      });
+      closeEditor();
+    },
+  });
+
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    accept: THUMBNAIL_ACCEPT,
+    maxSize: THUMBNAIL_MAX_BYTES,
+    multiple: false,
+    onDrop: (accepted, rejections) => {
+      if (accepted.length > 0)
+        form.setFieldValue("thumbnail", { hash: "local", url: URL.createObjectURL(accepted[0]) });
+      else if (rejections.length > 0) toast.error("That file must be an image under 32 MB.");
+    },
+  });
+
+  /// Toolbar + dialog open/close
+
+  const closeEditor = useCallback(() => {
+    setEditor(undefined);
+    setAddingMember(false);
+  }, []);
+  const openCreate = useCallback(() => {
+    form.reset(BLANK_PROJECT_FORM);
+    setTagText("");
+    setTab("details");
+    setAddingMember(false);
+    setEditor({
+      creating: true,
+      id: `new-${String(Date.now())}`,
+      founded_at: new Date().toISOString(),
+    });
+  }, [form]);
+  const closeConfirm = useCallback(() => {
+    setConfirmId(undefined);
+  }, []);
+  const openDetail = useCallback((event: MouseEvent<HTMLElement>) => {
+    setDetailId(event.currentTarget.dataset.id);
+  }, []);
+  const closeDetail = useCallback(() => {
+    setDetailId(undefined);
+  }, []);
+  const handleSearch = useCallback((event: ChangeEvent<HTMLInputElement>) => {
+    setSearch(event.target.value);
+    setPage(1);
+  }, []);
+  const handleStatus = useCallback((value: string) => {
+    setStatus(value as ManageStatus);
+    setPage(1);
+  }, []);
+  const goToPage = useCallback((event: MouseEvent<HTMLElement>) => {
+    event.preventDefault();
+    const next = Number(event.currentTarget.dataset.page);
+    if (next) {
+      setPage(next);
+      topRef.current?.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }, []);
+  const prefetchPage = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const next = Number(event.currentTarget.dataset.page);
+      if (next >= 1 && next <= pageCount)
+        queryClient
+          .prefetchQuery(
+            manageProjectsQueryOptions({ active: activeFilter, name: search, page: next }),
+          )
+          .catch(() => {});
+    },
+    [queryClient, activeFilter, search, pageCount],
+  );
+  const changeTab = useCallback((value: string) => {
+    setTab(value as DetailTab);
+  }, []);
+  const toggleAdd = useCallback(() => {
+    setAddingMember((value) => !value);
+  }, []);
+
+  /// Row actions
+
+  const openEditor = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const { id, tab: nextTab } = event.currentTarget.dataset;
+      const project = findProject(id);
+      if (!project) return;
+
+      form.reset(
+        {
+          name: project.name,
+          description: project.description,
+          link: project.link,
+          type: project.type,
+          active: project.active,
+          join_policy: project.join_policy,
+          tags: project.tags ?? [],
+          thumbnail: project.thumbnail ?? undefined,
+        },
+        { keepDefaultValues: true },
+      );
+      setTagText((project.tags ?? []).join(", "));
+      setTab(nextTab as DetailTab);
+      setAddingMember(false);
+      setEditor({ creating: false, id: project.id, founded_at: project.founded_at });
+    },
+    [findProject, form],
+  );
+  const toggleArchive = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const project = findProject(event.currentTarget.dataset.id);
+      if (project) archiveProject(project);
+    },
+    [findProject, archiveProject],
+  );
+  const askDelete = useCallback((event: MouseEvent<HTMLElement>) => {
+    setConfirmId(event.currentTarget.dataset.id);
+  }, []);
+  const openGallery = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const projectId = event.currentTarget.dataset.id;
+      if (projectId)
+        navigate({
+          to: "/dashboard/manage/projects/$projectId/gallery",
+          params: { projectId },
+        }).catch(() => {});
+    },
+    [navigate],
+  );
+  const confirmDelete = useCallback(() => {
+    const project = projects?.find((item) => item.id === confirmId);
+    if (project) deleteProject(project);
+    if ((projects?.length ?? 0) <= 1 && page > 1) setPage((current) => current - 1);
+    setConfirmId(undefined);
+  }, [projects, confirmId, deleteProject, page]);
+
+  const respond = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const { id, action } = event.currentTarget.dataset;
+      const invite = invites?.find((item) => item.id === id);
+      if (invite) respondInvite({ action: action as InviteAction, invite });
+    },
+    [invites, respondInvite],
+  );
+  const invitePoolMember = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const { projectId, memberId } = event.currentTarget.dataset;
+      const member = MOCK_MEMBERS.find((item) => item.id === memberId);
+      if (projectId && member) sendInvite({ member, projectId });
+    },
+    [sendInvite],
+  );
+  const removeMember = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      const { projectId, memberId } = event.currentTarget.dataset;
+      if (!projectId || !memberId) return;
+      invalidateManage().catch(() => {});
+      toast.success("Member removed.");
+    },
+    [invalidateManage],
+  );
+
+  const removeThumb = useCallback(() => {
+    form.setFieldValue("thumbnail", undefined);
+  }, [form]);
+
+  /// Editor field handlers
+
+  const handleSubmit = useCallback(() => {
+    form.handleSubmit().catch(() => {});
+  }, [form]);
+  const handleText = useCallback(
+    (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+      const { name, value } = event.target;
+      form.setFieldValue(name as "description" | "link" | "name", value);
+    },
+    [form],
+  );
+  const handleTypeChange = useCallback(
+    (value: ProjectType | null) => {
+      if (value) form.setFieldValue("type", value);
+    },
+    [form],
+  );
+  const handlePolicyChange = useCallback(
+    (value: JoinPolicy | null) => {
+      if (value) form.setFieldValue("join_policy", value);
+    },
+    [form],
+  );
+  const handleLifecycleChange = useCallback(
+    (value: string | null) => {
+      if (value) form.setFieldValue("active", value === "active");
+    },
+    [form],
+  );
+  const handleTagsChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      const { value } = event.target;
+      setTagText(value);
+      form.setFieldValue(
+        "tags",
+        value
+          .split(",")
+          .map((part) => part.trim())
+          .filter(Boolean),
+      );
+    },
+    [form],
+  );
+
+  const tableMeta = useMemo<TableMeta<FullProject>>(
+    () => ({
+      manage: {
+        invites,
+        onArchive: toggleArchive,
+        onDelete: askDelete,
+        onDetail: openDetail,
+        onEditor: openEditor,
+        onGallery: openGallery,
+      },
+    }),
+    [invites, toggleArchive, askDelete, openDetail, openEditor, openGallery],
+  );
+
+  /// Derived data
+
+  const rows = projects ?? EMPTY_PROJECTS;
+  const rangeStart = (page - 1) * MANAGE_PAGE_SIZE + 1;
+  const rangeEnd = rangeStart + rows.length - 1;
+
+  const windowStart = Math.max(1, Math.min(page - 1, pageCount - PAGE_WINDOW + 1));
+  const windowEnd = Math.min(windowStart + PAGE_WINDOW - 1, pageCount);
+  const pageNumbers = Array.from(
+    { length: windowEnd - windowStart + 1 },
+    (_, index) => windowStart + index,
+  );
+  const showLeadingEllipsis = windowStart > 1;
+  const showTrailingEllipsis = windowEnd < pageCount;
+
+  const editingMember = editor && !editor.creating ? editor.id : undefined;
+  const live = editingMember
+    ? projects?.find((project) => project.id === editingMember)
+    : undefined;
+  const members = live?.members ?? [];
+  const draftInvites = editingMember
+    ? (invites ?? EMPTY_INVITES).filter((invite) => invite.project_id === editingMember)
+    : EMPTY_INVITES;
+  const pendingRequests = draftInvites.filter(
+    (invite) => invite.kind === "request" && invite.status === "pending",
+  );
+  const sentInvites = draftInvites.filter(
+    (invite) => invite.kind === "invite" && invite.status === "pending",
+  );
+  const invitePool = editingMember
+    ? MOCK_MEMBERS.filter(
+        (member) =>
+          !members.some((m) => m.id === member.id) &&
+          !sentInvites.some((invite) => invite.member.id === member.id),
+      )
+    : [];
+  const confirmName = projects?.find((project) => project.id === confirmId)?.name;
+
+  const detailProject = projects?.find((project) => project.id === detailId);
+  const DetailPolicyIcon = detailProject ? JOIN_POLICY_ICONS[detailProject.join_policy] : undefined;
+
+  return (
+    <div className="flex flex-col gap-5">
+      <div ref={topRef} className={cn(CARD_CLASS, "scroll-mt-4 p-4")}>
+        <div className="flex flex-wrap items-center justify-between gap-3">
+          <div className="text-sm font-bold text-brand-text-sub">
+            {total} project{total === 1 ? "" : "s"} you can manage
+          </div>
+          <div className="flex flex-wrap items-center gap-3">
+            <div className="relative min-w-52 flex-1">
+              <Search className="absolute top-1/2 left-3 size-4.25 -translate-y-1/2 text-muted-foreground" />
+              <Input
+                value={search}
+                onChange={handleSearch}
+                placeholder="Search projects, tags…"
+                className="h-10 rounded-xl bg-muted pl-9.5"
+              />
+            </div>
+            <Tabs value={status} onValueChange={handleStatus}>
+              <TabsList className="h-10 border border-border">
+                <TabsTrigger value="all" className="font-bold data-active:border-border">
+                  All
+                </TabsTrigger>
+                <TabsTrigger value="active" className="font-bold data-active:border-border">
+                  Active
+                </TabsTrigger>
+                <TabsTrigger value="archived" className="font-bold data-active:border-border">
+                  Archived
+                </TabsTrigger>
+              </TabsList>
+            </Tabs>
+            <Button className={TEAL_BUTTON_CLASS} onClick={openCreate}>
+              <Plus />
+              New project
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className={cn(CARD_CLASS, "overflow-hidden")}>
+        {isPending ? (
+          <div className="flex flex-col gap-3 p-4">
+            {Array.from({ length: 5 }, (_, i) => (
+              <Skeleton key={i} className="h-12 rounded-xl" />
+            ))}
+          </div>
+        ) : (
+          <div className="px-3 sm:px-4">
+            <DataTable columns={PROJECT_COLUMNS} data={rows} meta={tableMeta} />
+          </div>
+        )}
+      </div>
+
+      {!isPending && total > 0 && (
+        <div className="flex flex-wrap items-center justify-between gap-3">
+          <div className="text-[13px] font-semibold text-muted-foreground">
+            Showing {rangeStart}-{rangeEnd} of {total}
+          </div>
+          {pageCount > 1 && (
+            <Pagination className="mx-0 w-auto justify-end">
+              <PaginationContent>
+                <PaginationItem>
+                  <PaginationLink
+                    href="#"
+                    aria-label="Go to previous page"
+                    data-page={page - 1}
+                    onClick={goToPage}
+                    onMouseEnter={prefetchPage}
+                    aria-disabled={page === 1}
+                    className="aria-disabled:pointer-events-none aria-disabled:opacity-50"
+                  >
+                    <ChevronLeft />
+                  </PaginationLink>
+                </PaginationItem>
+
+                {showLeadingEllipsis && (
+                  <PaginationItem>
+                    <PaginationEllipsis />
+                  </PaginationItem>
+                )}
+                {pageNumbers.map((number) => (
+                  <PaginationItem key={number}>
+                    <PaginationLink
+                      href="#"
+                      data-page={number}
+                      onClick={goToPage}
+                      onMouseEnter={prefetchPage}
+                      isActive={number === page}
+                    >
+                      {number}
+                    </PaginationLink>
+                  </PaginationItem>
+                ))}
+                {showTrailingEllipsis && (
+                  <PaginationItem>
+                    <PaginationEllipsis />
+                  </PaginationItem>
+                )}
+                <PaginationItem>
+                  <PaginationLink
+                    href="#"
+                    aria-label="Go to next page"
+                    data-page={page + 1}
+                    onClick={goToPage}
+                    onMouseEnter={prefetchPage}
+                    aria-disabled={page === pageCount}
+                    className="aria-disabled:pointer-events-none aria-disabled:opacity-50"
+                  >
+                    <ChevronRight />
+                  </PaginationLink>
+                </PaginationItem>
+              </PaginationContent>
+            </Pagination>
+          )}
+        </div>
+      )}
+
+      <Dialog open={editor !== undefined} onOpenChange={closeEditor}>
+        {editor && (
+          <DialogContent className="flex max-h-[90svh] flex-col gap-0 overflow-hidden p-0 sm:max-w-160">
+            <DialogHeader className="gap-1 border-b border-border p-5">
+              <form.Subscribe>
+                {(state) => (
+                  <>
+                    <DialogTitle className="text-xl font-extrabold">
+                      {editor.creating ? "New project" : state.values.name || "Untitled project"}
+                    </DialogTitle>
+                    <DialogDescription className="font-semibold">
+                      {editor.creating
+                        ? "You'll be the owner; managers are granted editor access."
+                        : `${SIG_META[state.values.type].label} · founded ${fmtMonthYear(
+                            editor.founded_at,
+                          )}`}
+                    </DialogDescription>
+                  </>
+                )}
+              </form.Subscribe>
+            </DialogHeader>
+
+            <Tabs
+              value={tab}
+              onValueChange={changeTab}
+              className="min-h-0 flex-1 gap-0 overflow-y-auto"
+            >
+              {!editor.creating && (
+                <div className="px-5 pt-4">
+                  <TabsList className="h-10 w-full border border-border">
+                    <TabsTrigger value="details" className="font-bold data-active:border-border">
+                      Details
+                    </TabsTrigger>
+                    <TabsTrigger value="team" className="font-bold data-active:border-border">
+                      Team · {members.length}
+                    </TabsTrigger>
+                  </TabsList>
+                </div>
+              )}
+
+              <TabsContent value="details" className="flex flex-col gap-4 p-5">
+                <form.Field name="thumbnail">
+                  {(field) => (
+                    <div className="flex flex-col gap-1.5">
+                      <Label className={SECTION_LABEL_CLASS}>Thumbnail</Label>
+                      {field.state.value ? (
+                        <div className="relative h-36 overflow-hidden rounded-xl border border-border">
+                          <img
+                            src={field.state.value.url}
+                            alt=""
+                            className="size-full object-cover"
+                          />
+                          <Button
+                            variant="outline"
+                            size="icon-sm"
+                            className="absolute top-2 right-2 bg-card"
+                            title="Remove thumbnail"
+                            onClick={removeThumb}
+                          >
+                            <Trash2 className="text-destructive" />
+                          </Button>
+                        </div>
+                      ) : (
+                        <div
+                          {...getRootProps({
+                            className: cn(
+                              "flex h-24 cursor-pointer flex-col items-center justify-center gap-1.5 rounded-xl border border-dashed text-center transition",
+                              isDragActive
+                                ? "border-brand-teal bg-brand-teal/10"
+                                : "border-border bg-muted/50 hover:border-brand-teal hover:bg-brand-teal/8",
+                            ),
+                          })}
+                        >
+                          <input {...getInputProps()} />
+                          <Upload className="size-5 text-brand-teal-alt" />
+                          <span className="text-[13px] font-bold text-foreground">
+                            {isDragActive ? "Drop to upload" : "Upload a thumbnail"}
+                          </span>
+                          <span className="text-[11.5px] text-muted-foreground">
+                            Drag & drop or click to browse · ≤ 32 MB
+                          </span>
+                        </div>
+                      )}
+                    </div>
+                  )}
+                </form.Field>
+
+                <form.Field name="name">
+                  {(field) => (
+                    <div className="flex flex-col gap-1.5">
+                      <Label htmlFor="mp-name" className={SECTION_LABEL_CLASS}>
+                        Project name
+                      </Label>
+                      <Input
+                        id="mp-name"
+                        name="name"
+                        value={field.state.value}
+                        onChange={handleText}
+                        placeholder="e.g. Course Scheduler"
+                        className="border-border"
+                      />
+                      {field.state.meta.isTouched && !field.state.meta.isValid && (
+                        <span className={FIELD_ERROR_CLASS}>
+                          {field.state.meta.errors[0]?.message}
+                        </span>
+                      )}
+                    </div>
+                  )}
+                </form.Field>
+
+                <form.Field name="description">
+                  {(field) => (
+                    <div className="flex flex-col gap-1.5">
+                      <Label htmlFor="mp-description" className={SECTION_LABEL_CLASS}>
+                        Description
+                      </Label>
+                      <Textarea
+                        id="mp-description"
+                        name="description"
+                        rows={3}
+                        value={field.state.value}
+                        onChange={handleText}
+                        placeholder="What does this project do?"
+                        className="border-border"
+                      />
+                      {field.state.meta.isTouched && !field.state.meta.isValid && (
+                        <span className={FIELD_ERROR_CLASS}>
+                          {field.state.meta.errors[0]?.message}
+                        </span>
+                      )}
+                    </div>
+                  )}
+                </form.Field>
+
+                <form.Field name="type">
+                  {(field) => (
+                    <div className="flex flex-col gap-1.5">
+                      <Label className={SECTION_LABEL_CLASS}>SIG / category</Label>
+                      {editor.creating ? (
+                        <Select value={field.state.value} onValueChange={handleTypeChange}>
+                          <SelectTrigger className="w-full border-border font-bold">
+                            <SelectValue>{renderTypeLabel}</SelectValue>
+                          </SelectTrigger>
+                          <SelectContent>
+                            {PROJECT_TYPES.map((type) => (
+                              <SelectItem key={type} value={type}>
+                                {SIG_META[type].label}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      ) : (
+                        <div className="flex h-9 items-center gap-2 rounded-md border border-border bg-muted px-3 text-sm font-bold text-brand-text-sub">
+                          <Lock className="size-3.5 text-muted-foreground" />
+                          {SIG_META[field.state.value].label}
+                        </div>
+                      )}
+                    </div>
+                  )}
+                </form.Field>
+
+                <div className="grid grid-cols-2 gap-3">
+                  <form.Field name="join_policy">
+                    {(field) => (
+                      <div className="flex flex-col gap-1.5">
+                        <Label className={SECTION_LABEL_CLASS}>Join policy</Label>
+                        <Select value={field.state.value} onValueChange={handlePolicyChange}>
+                          <SelectTrigger className="w-full border-border font-bold">
+                            <SelectValue>{renderJoinPolicyLabel}</SelectValue>
+                          </SelectTrigger>
+                          <SelectContent
+                            align="start"
+                            alignItemWithTrigger={false}
+                            className="w-80 max-w-(--available-width)"
+                          >
+                            {JOIN_POLICIES.map((policy) => (
+                              <SelectItem key={policy} value={policy}>
+                                <span className="flex flex-col gap-0.5">
+                                  <span className="font-bold">
+                                    {JOIN_POLICY_META[policy].label}
+                                  </span>
+                                  <span className="text-xs whitespace-normal text-muted-foreground">
+                                    {JOIN_POLICY_META[policy].desc}
+                                  </span>
+                                </span>
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </div>
+                    )}
+                  </form.Field>
+
+                  <form.Field name="active">
+                    {(field) => (
+                      <div className="flex flex-col gap-1.5">
+                        <Label className={SECTION_LABEL_CLASS}>Lifecycle</Label>
+                        <Select
+                          value={field.state.value ? "active" : "archived"}
+                          onValueChange={handleLifecycleChange}
+                        >
+                          <SelectTrigger className="w-full border-border font-bold">
+                            <Activity
+                              className={cn(
+                                "size-4",
+                                field.state.value
+                                  ? "text-[#15a66e] dark:text-[#3fd68c]"
+                                  : "text-muted-foreground",
+                              )}
+                            />
+                            <SelectValue>{renderLifecycleLabel}</SelectValue>
+                          </SelectTrigger>
+                          <SelectContent>
+                            <SelectItem value="active">Active</SelectItem>
+                            <SelectItem value="archived">Archived</SelectItem>
+                          </SelectContent>
+                        </Select>
+                      </div>
+                    )}
+                  </form.Field>
+                </div>
+
+                <form.Field name="link">
+                  {(field) => (
+                    <div className="flex flex-col gap-1.5">
+                      <Label htmlFor="mp-link" className={SECTION_LABEL_CLASS}>
+                        Link
+                      </Label>
+                      <Input
+                        id="mp-link"
+                        name="link"
+                        value={field.state.value}
+                        onChange={handleText}
+                        placeholder="github.com/…"
+                        className="border-border"
+                      />
+                      {field.state.meta.isTouched && !field.state.meta.isValid && (
+                        <span className={FIELD_ERROR_CLASS}>
+                          {field.state.meta.errors[0]?.message}
+                        </span>
+                      )}
+                    </div>
+                  )}
+                </form.Field>
+
+                <form.Field name="tags">
+                  {(field) => (
+                    <div className="flex flex-col gap-1.5">
+                      <Label htmlFor="mp-tags" className={SECTION_LABEL_CLASS}>
+                        Tags
+                      </Label>
+                      <Input
+                        id="mp-tags"
+                        value={tagText}
+                        onChange={handleTagsChange}
+                        placeholder="Python, React, Postgres"
+                        className="border-border"
+                      />
+                      {field.state.value.length > 0 && (
+                        <div className="flex flex-wrap gap-1.5">
+                          {field.state.value.map((tag) => (
+                            <span key={tag} className={TAG_PILL_CLASS}>
+                              {tag}
+                            </span>
+                          ))}
+                        </div>
+                      )}
+                    </div>
+                  )}
+                </form.Field>
+              </TabsContent>
+
+              {!editor.creating && live && (
+                <TabsContent value="team" className="flex flex-col gap-5 p-5">
+                  <div>
+                    <div className={SECTION_LABEL_CLASS}>
+                      Requests to join
+                      {pendingRequests.length > 0 && (
+                        <span className="text-amber-600 dark:text-amber-400">
+                          {" · "}
+                          {pendingRequests.length}
+                        </span>
+                      )}
+                    </div>
+                    {pendingRequests.length === 0 ? (
+                      <p className="text-[12.5px] text-muted-foreground">No pending requests.</p>
+                    ) : (
+                      <div className="flex flex-col gap-1.5">
+                        {pendingRequests.map((invite) => (
+                          <div
+                            key={invite.id}
+                            className="flex items-start gap-3 rounded-xl border border-border bg-card px-3 py-2.5"
+                          >
+                            {renderAvatar(invite.member)}
+                            <div className="min-w-0 flex-1">
+                              <div className="text-[13.5px] font-bold text-foreground">
+                                {invite.member.name}
+                              </div>
+                              <div className="text-xs text-brand-text-sub">
+                                {invite.message ? `“${invite.message}”` : "Requested to join"}
+                              </div>
+                            </div>
+                            <div className="flex gap-1.5">
+                              <Button
+                                size="sm"
+                                className={TEAL_BUTTON_CLASS}
+                                data-id={invite.id}
+                                data-action="accept"
+                                onClick={respond}
+                              >
+                                <Check />
+                                Approve
+                              </Button>
+                              <Button
+                                size="sm"
+                                variant="ghost"
+                                className="font-bold text-brand-text-sub"
+                                data-id={invite.id}
+                                data-action="decline"
+                                onClick={respond}
+                              >
+                                Decline
+                              </Button>
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+
+                  <div>
+                    <div className="mb-2 flex items-center justify-between">
+                      <div className={cn(SECTION_LABEL_CLASS, "mb-0")}>
+                        Members · {members.length}
+                      </div>
+                      <Button variant="outline" size="sm" className="font-bold" onClick={toggleAdd}>
+                        <UserPlus />
+                        Invite member
+                      </Button>
+                    </div>
+                    {addingMember && (
+                      <div className="mb-3 rounded-xl border border-dashed border-border bg-muted/50 p-2">
+                        <div className="px-2 py-1 text-[12px] font-bold text-muted-foreground">
+                          Send an invite — they accept from their Projects page
+                        </div>
+                        <div className="flex flex-col">
+                          {invitePool.length === 0 ? (
+                            <div className="p-2 text-[12.5px] text-muted-foreground">
+                              Everyone is already on this project or invited.
+                            </div>
+                          ) : (
+                            invitePool.map((member) => (
+                              <button
+                                key={member.id}
+                                type="button"
+                                data-project-id={editor.id}
+                                data-member-id={member.id}
+                                onClick={invitePoolMember}
+                                className="flex items-center gap-2.5 rounded-lg px-2 py-1.5 text-left transition hover:bg-muted"
+                              >
+                                {renderAvatar(member, "size-7")}
+                                <span className="flex-1 text-[13px] font-bold text-foreground">
+                                  {member.name}
+                                </span>
+                                <Mail className="size-4 text-brand-teal-alt" />
+                              </button>
+                            ))
+                          )}
+                        </div>
+                      </div>
+                    )}
+                    <div className="flex flex-col gap-1.5">
+                      {members.map((member) => (
+                        <div key={member.id} className={ROW_CLASS}>
+                          {renderAvatar(member)}
+                          <div className="min-w-0 flex-1">
+                            <div className="text-[13.5px] font-bold text-foreground">
+                              {member.name}
+                            </div>
+                            <div className="text-[11.5px] font-semibold text-muted-foreground">
+                              Member
+                            </div>
+                          </div>
+                          <Button
+                            variant="ghost"
+                            size="icon-sm"
+                            className="text-destructive"
+                            title="Remove member"
+                            data-project-id={editor.id}
+                            data-member-id={member.id}
+                            onClick={removeMember}
+                          >
+                            <Trash2 />
+                          </Button>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+
+                  {sentInvites.length > 0 && (
+                    <div>
+                      <div className={SECTION_LABEL_CLASS}>Sent invites · {sentInvites.length}</div>
+                      <div className="flex flex-col gap-1.5">
+                        {sentInvites.map((invite) => (
+                          <div key={invite.id} className={ROW_CLASS}>
+                            {renderAvatar(invite.member)}
+                            <div className="min-w-0 flex-1">
+                              <div className="text-[13.5px] font-bold text-foreground">
+                                {invite.member.name}
+                              </div>
+                              <div className="text-[11.5px] text-muted-foreground">
+                                Invitation pending
+                              </div>
+                            </div>
+                            <Button
+                              variant="ghost"
+                              size="sm"
+                              className="font-bold text-brand-text-sub"
+                              data-id={invite.id}
+                              data-action="revoke"
+                              onClick={respond}
+                            >
+                              <X />
+                              Revoke
+                            </Button>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                </TabsContent>
+              )}
+            </Tabs>
+
+            <DialogFooter className="border-t border-border p-4 sm:items-center sm:justify-end">
+              {editor.creating || tab === "details" ? (
+                <form.Subscribe>
+                  {(state) => (
+                    <Button
+                      className={TEAL_BUTTON_CLASS}
+                      onClick={handleSubmit}
+                      disabled={!state.canSubmit}
+                    >
+                      <Check />
+                      {editor.creating ? "Create project" : "Save changes"}
+                    </Button>
+                  )}
+                </form.Subscribe>
+              ) : (
+                <Button variant="outline" className="font-bold" onClick={closeEditor}>
+                  Done
+                </Button>
+              )}
+            </DialogFooter>
+          </DialogContent>
+        )}
+      </Dialog>
+
+      <Dialog open={detailId !== undefined} onOpenChange={closeDetail}>
+        {detailProject && (
+          <DialogContent className="flex max-h-[88svh] flex-col gap-0 overflow-hidden p-0 sm:max-w-155">
+            <DialogHeader className="gap-1 border-b border-border p-5">
+              <DialogTitle className="text-xl font-extrabold">{detailProject.name}</DialogTitle>
+              <DialogDescription className="font-semibold">
+                {SIG_META[detailProject.type].label} · founded{" "}
+                {fmtMonthYear(detailProject.founded_at)}
+              </DialogDescription>
+            </DialogHeader>
+
+            <div className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-5">
+              {detailProject.thumbnail && (
+                <div className="h-40 overflow-hidden rounded-xl border border-border">
+                  <img
+                    src={detailProject.thumbnail.url}
+                    alt=""
+                    className="size-full object-cover"
+                  />
+                </div>
+              )}
+
+              <div>
+                <div className={SECTION_LABEL_CLASS}>About</div>
+                <p className="text-sm/relaxed text-brand-text-sub">{detailProject.description}</p>
+              </div>
+
+              <div className="grid grid-cols-2 gap-3">
+                <div className={FACT_TILE_CLASS}>
+                  <div className={FACT_LABEL_CLASS}>Category</div>
+                  <div className={FACT_VALUE_CLASS}>
+                    <span className="inline-flex items-center gap-2">
+                      <span
+                        className={cn("size-2.25 rounded-full", SIG_DOT_CLASS[detailProject.type])}
+                      />
+                      {SIG_META[detailProject.type].label}
+                    </span>
+                  </div>
+                </div>
+                <div className={FACT_TILE_CLASS}>
+                  <div className={FACT_LABEL_CLASS}>Status</div>
+                  <div
+                    className={cn(
+                      FACT_VALUE_CLASS,
+                      detailProject.active
+                        ? "text-[#15a66e] dark:text-[#3fd68c]"
+                        : "text-muted-foreground",
+                    )}
+                  >
+                    {detailProject.active ? "Active" : "Archived"}
+                  </div>
+                </div>
+                <div className={FACT_TILE_CLASS}>
+                  <div className={FACT_LABEL_CLASS}>Founded</div>
+                  <div className={cn(FACT_VALUE_CLASS, "inline-flex items-center gap-2")}>
+                    <Calendar className="size-3.5 text-muted-foreground" />
+                    {fmtMonthYear(detailProject.founded_at)}
+                  </div>
+                </div>
+                <div className={FACT_TILE_CLASS}>
+                  <div className={FACT_LABEL_CLASS}>Team size</div>
+                  <div className={FACT_VALUE_CLASS}>
+                    {detailProject.members.length} member
+                    {detailProject.members.length === 1 ? "" : "s"}
+                  </div>
+                </div>
+                <div className={FACT_TILE_CLASS}>
+                  <div className={FACT_LABEL_CLASS}>Join policy</div>
+                  <div className={FACT_VALUE_CLASS}>
+                    <span
+                      className={cn(POLICY_CHIP_CLASS, JOIN_POLICY_TONE[detailProject.join_policy])}
+                    >
+                      {DetailPolicyIcon && <DetailPolicyIcon className="size-3.5" />}
+                      {JOIN_POLICY_META[detailProject.join_policy].label}
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {detailProject.link && (
+                <div>
+                  <div className={SECTION_LABEL_CLASS}>Link</div>
+                  <a
+                    href={detailProject.link}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="inline-flex items-center gap-1.5 text-[13.5px] font-bold break-all text-brand-teal-alt hover:underline"
+                  >
+                    <ExternalLink className="size-3.5 shrink-0" />
+                    {detailProject.link}
+                  </a>
+                </div>
+              )}
+
+              {(detailProject.tags?.length ?? 0) > 0 && (
+                <div>
+                  <div className={SECTION_LABEL_CLASS}>Tags</div>
+                  <div className="flex flex-wrap gap-1.5">
+                    {detailProject.tags?.map((tag) => (
+                      <span key={tag} className={TAG_PILL_CLASS}>
+                        {tag}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </div>
+          </DialogContent>
+        )}
+      </Dialog>
+
+      <Dialog open={confirmId !== undefined} onOpenChange={closeConfirm}>
+        <DialogContent className="sm:max-w-110">
+          <DialogHeader>
+            <DialogTitle className="text-lg font-extrabold">Delete project?</DialogTitle>
+            <DialogDescription className="font-semibold">{confirmName}</DialogDescription>
+          </DialogHeader>
+          <p className="text-sm/relaxed text-brand-text-sub">
+            Deleting cascades the team roster, gallery media, and thumbnail. This can't be undone —
+            consider <span className="font-bold text-foreground">archiving</span> instead.
+          </p>
+          <DialogFooter>
+            <Button variant="ghost" className="font-bold" onClick={closeConfirm}>
+              Cancel
+            </Button>
+            <Button variant="destructive" className="font-bold" onClick={confirmDelete}>
+              <Trash2 />
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
diff --git a/src/routes/dashboard/manage/projects_.$projectId.gallery.tsx b/src/routes/dashboard/manage/projects_.$projectId.gallery.tsx
new file mode 100644
index 00000000..755972e0
--- /dev/null
+++ b/src/routes/dashboard/manage/projects_.$projectId.gallery.tsx
@@ -0,0 +1,432 @@
+import { PointerActivationConstraints } from "@dnd-kit/dom";
+import { move } from "@dnd-kit/helpers";
+import { DragDropProvider, type DragEndEvent, PointerSensor } from "@dnd-kit/react";
+import { useSortable } from "@dnd-kit/react/sortable";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { createFileRoute, Link } from "@tanstack/react-router";
+import axios from "axios";
+import { blake3 } from "hash-wasm";
+import { ArrowLeft, Check, ImageIcon, Trash2, Upload, Video } from "lucide-react";
+import {
+  type ChangeEvent,
+  type KeyboardEvent,
+  type MouseEvent,
+  type SyntheticEvent,
+  memo,
+  useCallback,
+  useRef,
+  useState,
+} from "react";
+import { toast } from "sonner";
+
+import { EmptyState } from "@/components/app/dashboard-events";
+import { MediaLightbox } from "@/components/app/media-lightbox";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+import {
+  type MediaRecord,
+  SIG_META,
+  mediaArtwork,
+  projectMediaQueryOptions,
+  projectsQueryOptions,
+} from "@/routes/dashboard/projects";
+
+export const Route = createFileRoute("/dashboard/manage/projects_/$projectId/gallery")({
+  component: ProjectGalleryPage,
+  staticData: {
+    area: "Manage",
+    title: "Project gallery",
+    sub: "Upload, reorder, and curate project media",
+  },
+  loader: async ({ context: { queryClient }, params: { projectId } }) => {
+    await queryClient.prefetchQuery(projectsQueryOptions);
+    await queryClient.prefetchQuery(projectMediaQueryOptions(projectId));
+  },
+});
+
+/// Types and Interfaces
+
+type UploadResponse = MediaRecord | SimpleUploadResponse | MultipartUploadResponse;
+
+interface SimpleUploadResponse {
+  url: string;
+}
+interface UploadChunk {
+  index: number;
+  url: string;
+  size: number;
+}
+interface MultipartUploadResponse {
+  upload_id: string;
+  size: number;
+  chunks: UploadChunk[];
+}
+
+interface CompletedChunk {
+  number: number;
+  etag: string;
+}
+
+interface CommitRequest {
+  hash: string;
+  content_type: string;
+  size: number;
+  upload_id?: string;
+  chunks?: CompletedChunk[];
+}
+
+interface GalleryTileProps {
+  item: MediaRecord;
+  index: number;
+  color: string;
+  canReorder: boolean;
+  onOpen: (event: SyntheticEvent<HTMLElement>) => void;
+  onOpenKey: (event: KeyboardEvent<HTMLElement>) => void;
+  onDelete: (event: MouseEvent<HTMLElement>) => void;
+}
+
+/// Constants - metadata
+const DND_SENSORS = [
+  PointerSensor.configure({
+    activationConstraints: (event) =>
+      event.pointerType === "touch"
+        ? [new PointerActivationConstraints.Delay({ value: 250, tolerance: 5 })]
+        : [new PointerActivationConstraints.Distance({ value: 8 })],
+  }),
+];
+
+/// Constants - regular
+
+const API_BASE_URL =
+  (import.meta.env.VITE_API_URL as string | undefined) ?? "http://localhost:8000";
+const CARD_CLASS =
+  "rounded-[18px] border border-border bg-card shadow-[0px_4px_14px_rgba(112,144,176,0.14)] dark:shadow-[0px_4px_14px_rgba(0,0,0,0.4)]";
+const TEAL_BUTTON_CLASS = "bg-brand-teal font-bold text-primary hover:bg-brand-teal/85";
+
+/// Helper functions
+
+// This will be removed once we start using real images
+function mediaSrc(item: MediaRecord, color: string) {
+  return item.url.startsWith("blob:") ? item.url : mediaArtwork(item.hash, color);
+}
+
+/// Route components
+
+const GalleryTile = memo(function GalleryTile({
+  item,
+  index,
+  color,
+  canReorder,
+  onOpen,
+  onOpenKey,
+  onDelete,
+}: GalleryTileProps) {
+  const { ref, isDragging } = useSortable({ id: item.hash, index, disabled: !canReorder });
+  return (
+    // role="button" <div> is correct here
+    <div
+      ref={ref}
+      role="button"
+      tabIndex={0}
+      data-hash={item.hash}
+      title={canReorder ? "Open · drag to reorder" : "Open"}
+      onClick={onOpen}
+      onKeyDown={onOpenKey}
+      className={cn(
+        "group relative h-fit cursor-pointer overflow-hidden rounded-xl border border-border bg-card outline-hidden transition focus-visible:ring-2 focus-visible:ring-brand-teal",
+        isDragging && "opacity-40",
+      )}
+    >
+      <div className="relative aspect-video w-full overflow-hidden bg-muted">
+        <img
+          src={mediaSrc(item, color)}
+          alt=""
+          draggable={false}
+          loading="lazy"
+          decoding="async"
+          className="size-full object-cover transition group-hover:scale-105"
+        />
+        {item.kind === "video" && (
+          <span className="absolute inset-0 flex items-center justify-center bg-black/30">
+            <Video className="size-7 text-white" />
+          </span>
+        )}
+      </div>
+      <Button
+        variant="secondary"
+        size="icon-sm"
+        title="Delete media"
+        data-hash={item.hash}
+        onClick={onDelete}
+        className="absolute top-2 right-2 opacity-0 transition group-hover:opacity-100"
+      >
+        <Trash2 className="text-destructive" />
+      </Button>
+    </div>
+  );
+});
+
+/// Route
+
+function ProjectGalleryPage() {
+  const queryClient = useQueryClient();
+  const { projectId } = Route.useParams();
+
+  const { data: projects } = useQuery(projectsQueryOptions);
+  const { data: media } = useQuery(projectMediaQueryOptions(projectId));
+
+  const [lightboxIndex, setLightboxIndex] = useState<number>();
+  const [items, setItems] = useState<MediaRecord[]>(media ?? []);
+  const [dirty, setDirty] = useState(false);
+
+  const project = projects?.find((item) => item.id === projectId);
+  const color = project ? SIG_META[project.type].color : "#93a3b6";
+
+  const { mutate: reorderMedia } = useMutation({
+    mutationFn: async (ordered: MediaRecord[]) =>
+      await axios.put(`${API_BASE_URL}/projects/${projectId}/media/positions`, {
+        hashes: ordered.map((item) => item.hash),
+      }),
+    onMutate: (ordered) =>
+      queryClient.setQueryData<MediaRecord[]>(
+        projectMediaQueryOptions(projectId).queryKey,
+        ordered,
+      ),
+    onSuccess: () => {
+      setDirty(false);
+    },
+    onError: () => toast.error("Couldn't save the new order. Please try again."),
+  });
+
+  const reorderOnDrop = useCallback(
+    (event: DragEndEvent) => {
+      const order = items.map((item) => item.hash);
+      const nextOrder = event.canceled ? order : move(order, event);
+
+      if (nextOrder.every((hash, index) => hash === order[index])) return;
+
+      const byHash = new Map(items.map((item) => [item.hash, item]));
+      setItems(nextOrder.map((hash) => byHash.get(hash)).filter((item) => item !== undefined));
+      setDirty(true);
+    },
+    [items],
+  );
+
+  const { mutate: deleteMedia } = useMutation({
+    mutationFn: async (hash: string) => {
+      await axios.delete(`${API_BASE_URL}/projects/${projectId}/media/${hash}`);
+    },
+    onMutate: (hash) => {
+      setItems((current) => current.filter((item) => item.hash !== hash));
+      queryClient.setQueryData<MediaRecord[]>(
+        projectMediaQueryOptions(projectId).queryKey,
+        (old = []) => old.filter((item) => item.hash !== hash),
+      );
+    },
+    onError: () => toast.error("Couldn't delete the media. Please try again."),
+    onSuccess: () => toast.success("Media removed."),
+  });
+
+  const { mutate: uploadMedia } = useMutation({
+    mutationFn: async (files: File[]) => {
+      for (const file of files) {
+        if (!file.type.startsWith("image/") && !file.type.startsWith("video/")) {
+          toast.error("Only images and videos can be uploaded.");
+          continue;
+        }
+        const record: MediaRecord = {
+          hash: await blake3(new Uint8Array(await file.arrayBuffer())),
+          content_type: file.type,
+          kind: file.type.startsWith("video/") ? "video" : "image",
+          size: file.size,
+          created_at: new Date().toISOString(),
+          url: URL.createObjectURL(file),
+        };
+        setItems((current) => [...current, record]);
+        queryClient.setQueryData<MediaRecord[]>(
+          projectMediaQueryOptions(projectId).queryKey,
+          (old = []) => [...old, record],
+        );
+
+        const { data: uploadResponse } = await axios.post<UploadResponse>(
+          `${API_BASE_URL}/projects/${projectId}/media/upload`,
+          { hash: record.hash, content_type: record.content_type, size: record.size },
+        );
+        if ("kind" in uploadResponse) continue;
+
+        const commit: CommitRequest = {
+          hash: record.hash,
+          content_type: record.content_type,
+          size: record.size,
+        };
+        if ("upload_id" in uploadResponse) {
+          commit.upload_id = uploadResponse.upload_id;
+          commit.chunks = [];
+          let offset = 0;
+          for (const { index, url, size } of uploadResponse.chunks) {
+            const part = await axios.put(url, file.slice(offset, offset + size));
+            commit.chunks.push({
+              number: index,
+              etag: String(part.headers.etag).replaceAll('"', ""),
+            });
+            offset += size;
+          }
+        } else {
+          await axios.put(uploadResponse.url, file, {
+            headers: { "Content-Type": record.content_type },
+          });
+        }
+        await axios.post(`${API_BASE_URL}/projects/${projectId}/media/commit`, commit);
+      }
+    },
+    onError: () => toast.error("Couldn't upload the media. Please try again."),
+    onSuccess: () => toast.success("Media uploaded."),
+  });
+
+  const fileInputRef = useRef<HTMLInputElement>(null);
+  const openFilePicker = useCallback(() => fileInputRef.current?.click(), []);
+  const onFilesPicked = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      const files = [...(event.target.files ?? [])];
+      event.target.value = "";
+      if (files.length > 0) uploadMedia(files);
+    },
+    [uploadMedia],
+  );
+
+  const saveOrder = useCallback(() => {
+    reorderMedia(items);
+  }, [reorderMedia, items]);
+  const discardOrder = useCallback(() => {
+    setItems(media ?? []);
+    setDirty(false);
+  }, [media]);
+
+  const askDeleteMedia = useCallback(
+    (event: MouseEvent<HTMLElement>) => {
+      event.stopPropagation();
+      const { hash } = event.currentTarget.dataset;
+      if (hash) deleteMedia(hash);
+    },
+    [deleteMedia],
+  );
+
+  const openLightbox = useCallback(
+    (event: SyntheticEvent<HTMLElement>) => {
+      const index = items.findIndex((item) => item.hash === event.currentTarget.dataset.hash);
+      setLightboxIndex(index === -1 ? undefined : index);
+    },
+    [items],
+  );
+  const openLightboxKey = useCallback(
+    (event: KeyboardEvent<HTMLElement>) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      openLightbox(event);
+    },
+    [openLightbox],
+  );
+
+  const closeLightbox = useCallback(() => {
+    setLightboxIndex(undefined);
+  }, []);
+  const lightboxSrc = useCallback((item: MediaRecord) => mediaSrc(item, color), [color]);
+
+  const itemsPlural = items.length === 1 ? "" : "s";
+  const canReorder = items.length > 1;
+  const countSummary = `${String(items.length)} item${itemsPlural}${
+    canReorder ? " · drag a tile to reorder" : ""
+  }`;
+
+  return (
+    <div className="flex flex-col gap-5">
+      <div className={cn(CARD_CLASS, "flex flex-wrap items-center justify-between gap-3 p-4")}>
+        <div className="flex items-center gap-3">
+          <Button
+            variant="outline"
+            size="icon-sm"
+            title="Back to projects"
+            nativeButton={false}
+            render={<Link to="/dashboard/manage/projects" />}
+          >
+            <ArrowLeft />
+          </Button>
+          <div>
+            <div className="text-sm font-extrabold text-foreground">
+              {project?.name ?? "Project"} · Gallery
+            </div>
+            <div className="text-[12.5px] text-brand-text-sub">
+              {dirty ? "Unsaved order — save to publish the new arrangement" : countSummary}
+            </div>
+          </div>
+        </div>
+        <div className="flex flex-wrap items-center justify-end gap-2">
+          {dirty && (
+            <>
+              <Button
+                variant="ghost"
+                className="font-bold text-brand-text-sub"
+                onClick={discardOrder}
+              >
+                Discard
+              </Button>
+              <Button className={TEAL_BUTTON_CLASS} onClick={saveOrder}>
+                <Check />
+                Save order
+              </Button>
+            </>
+          )}
+          <Button variant="outline" className="font-bold" onClick={openFilePicker}>
+            <Upload />
+            Upload media
+          </Button>
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="image/*,video/*"
+            multiple
+            hidden
+            onChange={onFilesPicked}
+          />
+        </div>
+      </div>
+
+      <div className={cn(CARD_CLASS, "relative flex min-h-104 flex-col gap-4 p-4")}>
+        <DragDropProvider sensors={DND_SENSORS} onDragEnd={reorderOnDrop}>
+          <div className="grid flex-1 grid-cols-[repeat(auto-fit,minmax(140px,1fr))] content-start gap-3 sm:grid-cols-[repeat(auto-fit,minmax(220px,1fr))]">
+            {items.map((item, index) => (
+              <GalleryTile
+                key={item.hash}
+                item={item}
+                index={index}
+                color={color}
+                canReorder={canReorder}
+                onOpen={openLightbox}
+                onOpenKey={openLightboxKey}
+                onDelete={askDeleteMedia}
+              />
+            ))}
+          </div>
+        </DragDropProvider>
+
+        {items.length === 0 && (
+          <div className="absolute inset-0 flex items-center justify-center">
+            <EmptyState
+              icon={ImageIcon}
+              title="No media yet"
+              sub="Use “Upload media” to add images and videos."
+            />
+          </div>
+        )}
+      </div>
+
+      <MediaLightbox
+        items={items}
+        index={lightboxIndex}
+        srcFor={lightboxSrc}
+        onIndexChange={setLightboxIndex}
+        onClose={closeLightbox}
+      />
+    </div>
+  );
+}
diff --git a/src/routes/dashboard/projects.tsx b/src/routes/dashboard/projects.tsx
index b734dc48..f0b64c23 100644
--- a/src/routes/dashboard/projects.tsx
+++ b/src/routes/dashboard/projects.tsx
@@ -1,5 +1,43 @@
+import { queryOptions, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { createFileRoute } from "@tanstack/react-router";
-import { Folder } from "lucide-react";
+import axios from "axios";
+import {
+  Calendar,
+  Check,
+  Clock,
+  ExternalLink,
+  Folder,
+  ImageIcon,
+  Lock,
+  LockOpen,
+  LogOut,
+  Mail,
+  Search,
+  UserPlus,
+  Users,
+  Video,
+} from "lucide-react";
+import { type ChangeEvent, type MouseEvent, useCallback, useMemo, useState } from "react";
+import { toast } from "sonner";
+
+import { EmptyState } from "@/components/app/dashboard-events";
+import { MediaLightbox } from "@/components/app/media-lightbox";
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { type KanaePage } from "@/lib/dashboard-events";
+import { cn } from "@/lib/utils";
 
 export const Route = createFileRoute("/dashboard/projects")({
   component: ProjectsPage,
@@ -8,18 +46,1046 @@ export const Route = createFileRoute("/dashboard/projects")({
     title: "Projects",
     sub: "Browse, join, and manage chapter projects",
   },
+  loader: async ({ context: { queryClient } }) => {
+    await queryClient.prefetchQuery(projectsQueryOptions);
+    await queryClient.prefetchQuery(memberProjectsQueryOptions);
+    await queryClient.prefetchQuery(projectInvitesQueryOptions);
+  },
+});
+
+/// Types and Interfaces
+
+type Scope = "mine" | "all";
+type Status = "active" | "archived" | "all";
+type DetailTab = "details" | "team" | "gallery";
+
+export type ProjectType =
+  | "independent"
+  | "sig_ai"
+  | "sig_swe"
+  | "sig_cyber"
+  | "sig_data"
+  | "sig_arch"
+  | "sig_graph";
+
+export type JoinPolicy = "open" | "request" | "closed";
+export type InviteKind = "invite" | "request";
+export type InviteStatus = "pending" | "accepted" | "declined" | "revoked" | "expired";
+export type MediaKind = "image" | "video";
+
+interface SigMeta {
+  label: string;
+  short: string;
+  color: string;
+}
+
+interface JoinPolicyMeta {
+  label: string;
+  verb: string;
+  desc: string;
+}
+
+export interface ProjectThumbnail {
+  hash: string;
+  url: string;
+}
+
+export interface ProjectMember {
+  id: string;
+  name: string;
+}
+
+export interface MediaRecord {
+  hash: string;
+  content_type: string;
+  kind: MediaKind;
+  size: number;
+  created_at: string;
+  url: string;
+}
+
+export interface MemberProject {
+  id: string;
+  name: string;
+  description: string;
+  link: string;
+  type: ProjectType;
+  tags?: string[] | null;
+  active: boolean;
+  join_policy: JoinPolicy;
+  founded_at: string;
+}
+
+export interface FullProject {
+  id: string;
+  name: string;
+  description: string;
+  link: string;
+  thumbnail?: ProjectThumbnail | null;
+  members: ProjectMember[];
+  type: ProjectType;
+  tags?: string[] | null;
+  active: boolean;
+  join_policy: JoinPolicy;
+  founded_at: string;
+}
+
+export interface ProjectInvite {
+  id: string;
+  project_id: string;
+  member: ProjectMember;
+  invited_by?: string | null;
+  kind: InviteKind;
+  status: InviteStatus;
+  message?: string | null;
+  responded_at?: string | null;
+  expires_at?: string | null;
+  created_at: string;
+}
+
+/// Constants — metadata + presentation
+
+// Until the auth system is wired up, we'll have to mock some members to make it work
+export const MOCK_CURRENT_USER: ProjectMember = {
+  id: "7c1e0a90-1111-4aaa-bbbb-000000000001",
+  name: "Jordan Kim",
+};
+
+const JOIN_POLICY_ICONS: Record<JoinPolicy, typeof Lock> = {
+  open: LockOpen,
+  request: UserPlus,
+  closed: Lock,
+};
+
+export const SIG_META: Record<ProjectType, SigMeta> = {
+  independent: { label: "Independent", short: "IND", color: "#5b7a93" },
+  sig_swe: { label: "SWE", short: "SWE", color: "#3da9fc" },
+  sig_ai: { label: "AI", short: "AI", color: "#00c9a7" },
+  sig_cyber: { label: "Cyber", short: "CYB", color: "#ff6b6b" },
+  sig_data: { label: "Data", short: "DATA", color: "#f7b731" },
+  sig_arch: { label: "Arch", short: "ARCH", color: "#fc5c7d" },
+  sig_graph: { label: "Graphics", short: "GFX", color: "#a55eea" },
+};
+
+export const JOIN_POLICY_META: Record<JoinPolicy, JoinPolicyMeta> = {
+  open: { label: "Open", verb: "Join project", desc: "Anyone can join instantly." },
+  request: { label: "Request", verb: "Request to join", desc: "A manager reviews each request." },
+  closed: { label: "Closed", verb: "Invite only", desc: "Members are added by invitation only." },
+};
+
+const JOIN_POLICY_TONE: Record<JoinPolicy, string> = {
+  open: "text-[#15a66e] dark:text-[#3fd68c]",
+  request: "text-amber-600 dark:text-amber-400",
+  closed: "text-muted-foreground",
+};
+
+const SIG_CLASSES: Record<ProjectType, { dot: string; glyph: string; gradient: string }> = {
+  independent: {
+    gradient: "bg-linear-to-br from-[#5b7a93]/25 to-[#5b7a93]/5",
+    glyph: "border-[#5b7a93]/30 bg-[#5b7a93]/15 text-[#5b7a93]",
+    dot: "bg-[#5b7a93]",
+  },
+  sig_swe: {
+    gradient: "bg-linear-to-br from-[#3da9fc]/25 to-[#3da9fc]/5",
+    glyph: "border-[#3da9fc]/30 bg-[#3da9fc]/15 text-[#3da9fc]",
+    dot: "bg-[#3da9fc]",
+  },
+  sig_ai: {
+    gradient: "bg-linear-to-br from-[#00c9a7]/25 to-[#00c9a7]/5",
+    glyph: "border-[#00c9a7]/30 bg-[#00c9a7]/15 text-[#00c9a7]",
+    dot: "bg-[#00c9a7]",
+  },
+  sig_cyber: {
+    gradient: "bg-linear-to-br from-[#ff6b6b]/25 to-[#ff6b6b]/5",
+    glyph: "border-[#ff6b6b]/30 bg-[#ff6b6b]/15 text-[#ff6b6b]",
+    dot: "bg-[#ff6b6b]",
+  },
+  sig_data: {
+    gradient: "bg-linear-to-br from-[#f7b731]/25 to-[#f7b731]/5",
+    glyph: "border-[#f7b731]/30 bg-[#f7b731]/15 text-[#f7b731]",
+    dot: "bg-[#f7b731]",
+  },
+  sig_arch: {
+    gradient: "bg-linear-to-br from-[#fc5c7d]/25 to-[#fc5c7d]/5",
+    glyph: "border-[#fc5c7d]/30 bg-[#fc5c7d]/15 text-[#fc5c7d]",
+    dot: "bg-[#fc5c7d]",
+  },
+  sig_graph: {
+    gradient: "bg-linear-to-br from-[#a55eea]/25 to-[#a55eea]/5",
+    glyph: "border-[#a55eea]/30 bg-[#a55eea]/15 text-[#a55eea]",
+    dot: "bg-[#a55eea]",
+  },
+};
+
+const AVATAR_CLASSES = [
+  "bg-[#00c9a7]/15 text-[#00c9a7]",
+  "bg-[#3da9fc]/15 text-[#3da9fc]",
+  "bg-[#f7b731]/15 text-[#f7b731]",
+  "bg-[#fc5c7d]/15 text-[#fc5c7d]",
+  "bg-[#a55eea]/15 text-[#a55eea]",
+  "bg-[#26de81]/15 text-[#26de81]",
+  "bg-[#fd9644]/15 text-[#fd9644]",
+  "bg-[#ff6b6b]/15 text-[#ff6b6b]",
+];
+
+const DEFAULT_DOT_CLASS = "bg-[#93a3b6]";
+
+/// Constants — regular
+
+const API_BASE_URL =
+  (import.meta.env.VITE_API_URL as string | undefined) ?? "http://localhost:8000";
+const PROJECTS_PAGE_SIZE = 100;
+const CARD_CLASS =
+  "rounded-[18px] border border-border bg-card shadow-[0px_4px_14px_rgba(112,144,176,0.14)] dark:shadow-[0px_4px_14px_rgba(0,0,0,0.4)]";
+const LOCKED_PILL_CLASS =
+  "inline-flex items-center gap-2 rounded-md border border-border bg-muted px-3.5 py-2 text-sm font-bold text-muted-foreground";
+const TEAL_BUTTON_CLASS = "bg-brand-teal font-bold text-primary hover:bg-brand-teal/85";
+const SECTION_LABEL_CLASS =
+  "mb-1.5 text-[11px] font-bold tracking-[0.06em] text-muted-foreground uppercase";
+const TAG_PILL_CLASS =
+  "inline-flex items-center rounded-full border border-border bg-muted px-2 py-0.5 text-[11px] font-semibold text-brand-text-sub";
+const AVATAR_FALLBACK_CLASS = "text-[11px] font-bold";
+const POLICY_CHIP_CLASS = "inline-flex items-center gap-1.5 text-xs font-bold";
+const FACT_TILE_CLASS = "rounded-xl border border-border bg-muted/60 px-3.5 py-3";
+const FACT_LABEL_CLASS =
+  "mb-1 text-[10.5px] font-bold tracking-[0.06em] text-muted-foreground uppercase";
+const FACT_VALUE_CLASS = "text-[13.5px] font-bold text-foreground";
+const MONTH_YEAR_FMT = new Intl.DateTimeFormat("en-US", { month: "short", year: "numeric" });
+
+const SHARED_QUERY_OPTIONS = {
+  staleTime: 60_000,
+  retry: false,
+  refetchOnWindowFocus: false,
+  refetchOnReconnect: false,
+  refetchOnMount: false,
+} as const;
+
+/// Tanstack Query options
+
+export const projectsQueryOptions = queryOptions({
+  queryKey: ["projects", "list"],
+  queryFn: async () => {
+    const { data } = await axios.get<KanaePage<FullProject>>(`${API_BASE_URL}/projects`, {
+      params: { size: PROJECTS_PAGE_SIZE },
+    });
+    return data.data;
+  },
+  ...SHARED_QUERY_OPTIONS,
 });
 
+const memberProjectsQueryOptions = queryOptions({
+  queryKey: ["members", "me", "projects"],
+  queryFn: async () => {
+    const { data } = await axios.get<MemberProject[]>(`${API_BASE_URL}/members/me/projects`);
+    return data;
+  },
+  select: (projects: MemberProject[]) => new Set(projects.map((project) => project.id)),
+  ...SHARED_QUERY_OPTIONS,
+});
+
+const projectInvitesQueryOptions = queryOptions({
+  queryKey: ["members", "me", "projects", "invites", { status: "pending" }],
+  queryFn: async () => {
+    const { data } = await axios.get<ProjectInvite[]>(
+      `${API_BASE_URL}/members/me/projects/invites`,
+      { params: { status: "pending" } },
+    );
+    return data;
+  },
+  ...SHARED_QUERY_OPTIONS,
+});
+
+export const projectMediaQueryOptions = (projectId: string) =>
+  queryOptions({
+    queryKey: ["projects", projectId, "media"],
+    queryFn: async () => {
+      const { data } = await axios.get<MediaRecord[]>(
+        `${API_BASE_URL}/projects/${projectId}/media`,
+      );
+      return data;
+    },
+    ...SHARED_QUERY_OPTIONS,
+  });
+
+/// Helper functions
+
+function initialsOf(name: string) {
+  return (
+    name
+      .match(/\S+/g)
+      ?.slice(0, 2)
+      .map((part) => part[0])
+      .join("")
+      .toUpperCase() ?? "··"
+  );
+}
+
+function avatarClassFor(seed: string) {
+  const code = (seed.codePointAt(0) ?? 0) + (seed.codePointAt(seed.length - 1) ?? 0);
+  return AVATAR_CLASSES[code % AVATAR_CLASSES.length];
+}
+
+function fmtMonthYear(iso: string) {
+  return MONTH_YEAR_FMT.format(new Date(iso));
+}
+
+// Will get replaced with the proper images
+export function mediaArtwork(hash: string, color: string) {
+  const seed = Number.parseInt(hash.slice(-6), 16) || 0;
+  const cx = 15 + (seed % 55);
+  const cy = 12 + (Math.floor(seed / 55) % 45);
+  const r = 18 + (seed % 26);
+  const svg =
+    `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'>` +
+    `<defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>` +
+    `<stop offset='0' stop-color='${color}'/>` +
+    `<stop offset='1' stop-color='${color}' stop-opacity='0.35'/></linearGradient></defs>` +
+    `<rect width='120' height='90' fill='url(#g)'/>` +
+    `<circle cx='${String(cx)}' cy='${String(cy)}' r='${String(r)}' fill='#ffffff' opacity='0.2'/>` +
+    `<circle cx='${String(120 - cx)}' cy='${String(90 - cy)}' r='${String(r * 0.7)}' fill='#000000' opacity='0.12'/>` +
+    `</svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+
+function patchMembership(
+  queryClient: ReturnType<typeof useQueryClient>,
+  project: FullProject,
+  user: ProjectMember,
+  joined: boolean,
+) {
+  queryClient.setQueryData<MemberProject[]>(memberProjectsQueryOptions.queryKey, (old) => {
+    if (!old) return old;
+    if (!joined) return old.filter((item) => item.id !== project.id);
+    return old.some((item) => item.id === project.id) ? old : [...old, { ...project }];
+  });
+  queryClient.setQueryData<FullProject[]>(projectsQueryOptions.queryKey, (old) =>
+    old?.map((item) => {
+      if (item.id !== project.id) return item;
+      if (!joined) {
+        return { ...item, members: item.members.filter((member) => member.id !== user.id) };
+      }
+      if (item.members.some((member) => member.id === user.id)) return item;
+      return { ...item, members: [...item.members, user] };
+    }),
+  );
+}
+
+/// Route
+
 function ProjectsPage() {
+  const queryClient = useQueryClient();
+
+  const { data: projects, isPending } = useQuery(projectsQueryOptions);
+  const { data: mineSet } = useQuery(memberProjectsQueryOptions);
+  const { data: invites } = useQuery(projectInvitesQueryOptions);
+
+  const [query, setQuery] = useState("");
+  const [scope, setScope] = useState<Scope>("mine");
+  const [status, setStatus] = useState<Status>("active");
+  const [openId, setOpenId] = useState<string>();
+  const [tab, setTab] = useState<DetailTab>("details");
+  const [lightboxIndex, setLightboxIndex] = useState<number>();
+
+  const { data: mediaData, isPending: mediaPending } = useQuery({
+    ...projectMediaQueryOptions(openId ?? "none"),
+    enabled: openId !== undefined,
+  });
+
+  const { mutate: joinMutate } = useMutation({
+    mutationFn: (project: FullProject) => axios.post(`${API_BASE_URL}/projects/${project.id}/join`),
+    onMutate: async (project) => {
+      await queryClient.cancelQueries();
+      const snapshot = queryClient.getQueryData<FullProject[]>(projectsQueryOptions.queryKey);
+      const mine = queryClient.getQueryData<MemberProject[]>(memberProjectsQueryOptions.queryKey);
+      patchMembership(queryClient, project, MOCK_CURRENT_USER, true);
+      return { mine, snapshot };
+    },
+    onError: (_error, _project, context) => {
+      queryClient.setQueryData(projectsQueryOptions.queryKey, context?.snapshot);
+      queryClient.setQueryData(memberProjectsQueryOptions.queryKey, context?.mine);
+      toast.error("Couldn't join the project. Please try again.");
+    },
+    onSuccess: () => toast.success("You're on the team!"),
+  });
+
+  const { mutate: leaveMutate } = useMutation({
+    mutationFn: (project: FullProject) =>
+      axios.delete(`${API_BASE_URL}/projects/${project.id}/leave`),
+    onMutate: async (project) => {
+      await queryClient.cancelQueries();
+
+      const snapshot = queryClient.getQueryData<FullProject[]>(projectsQueryOptions.queryKey);
+      const mine = queryClient.getQueryData<MemberProject[]>(memberProjectsQueryOptions.queryKey);
+
+      patchMembership(queryClient, project, MOCK_CURRENT_USER, false);
+      return { mine, snapshot };
+    },
+    onError: (_error, _project, context) => {
+      queryClient.setQueryData(projectsQueryOptions.queryKey, context?.snapshot);
+      queryClient.setQueryData(memberProjectsQueryOptions.queryKey, context?.mine);
+      toast.error("Couldn't leave the project. Please try again.");
+    },
+    onSuccess: () => toast.success("You've left the project."),
+  });
+
+  const { mutate: requestMutate } = useMutation({
+    mutationFn: (project: FullProject) =>
+      axios.post(`${API_BASE_URL}/projects/${project.id}/requests`, { message: undefined }),
+    onMutate: async (project) => {
+      await queryClient.cancelQueries();
+      const snapshot = queryClient.getQueryData<ProjectInvite[]>(
+        projectInvitesQueryOptions.queryKey,
+      );
+      queryClient.setQueryData<ProjectInvite[]>(projectInvitesQueryOptions.queryKey, (old) => [
+        ...(old ?? []),
+        {
+          id: `rq-${String(Date.now())}`,
+          project_id: project.id,
+          kind: "request",
+          status: "pending",
+          member: MOCK_CURRENT_USER,
+          created_at: new Date().toISOString(),
+        },
+      ]);
+      return { snapshot };
+    },
+    onError: (_error, _project, context) => {
+      queryClient.setQueryData(projectInvitesQueryOptions.queryKey, context?.snapshot);
+      toast.error("Couldn't send your request. Please try again.");
+    },
+    onSuccess: () => toast.success("Request sent — a manager will review it."),
+  });
+
+  const { mutate: respondMutate } = useMutation({
+    mutationFn: ({ accept, invite }: { accept: boolean; invite: ProjectInvite }) =>
+      axios.post(
+        `${API_BASE_URL}/projects/${invite.project_id}/invites/${invite.id}/${accept ? "accept" : "decline"}`,
+      ),
+    onMutate: async ({ accept, invite }) => {
+      await queryClient.cancelQueries();
+      const snapshot = queryClient.getQueryData<FullProject[]>(projectsQueryOptions.queryKey);
+      const mine = queryClient.getQueryData<MemberProject[]>(memberProjectsQueryOptions.queryKey);
+      const invitesSnapshot = queryClient.getQueryData<ProjectInvite[]>(
+        projectInvitesQueryOptions.queryKey,
+      );
+      queryClient.setQueryData<ProjectInvite[]>(projectInvitesQueryOptions.queryKey, (old) =>
+        (old ?? []).filter((item) => item.id !== invite.id),
+      );
+      if (accept) {
+        const project = snapshot?.find((item) => item.id === invite.project_id);
+        if (project) patchMembership(queryClient, project, MOCK_CURRENT_USER, true);
+      }
+      return { invitesSnapshot, mine, snapshot };
+    },
+    onError: (_error, _variables, context) => {
+      queryClient.setQueryData(projectsQueryOptions.queryKey, context?.snapshot);
+      queryClient.setQueryData(memberProjectsQueryOptions.queryKey, context?.mine);
+      queryClient.setQueryData(projectInvitesQueryOptions.queryKey, context?.invitesSnapshot);
+      toast.error("Couldn't respond to the invite. Please try again.");
+    },
+    onSuccess: (_data, { accept }) =>
+      toast.success(accept ? "Invitation accepted — welcome aboard!" : "Invitation declined."),
+  });
+
+  const handleCardOpen = useCallback((event: MouseEvent<HTMLButtonElement>) => {
+    const id = event.currentTarget.dataset.projectId;
+    if (id) {
+      setTab("details");
+      setOpenId(id);
+    }
+  }, []);
+  const handleInviteAction = useCallback(
+    (event: MouseEvent<HTMLButtonElement>) => {
+      const { action, inviteId } = event.currentTarget.dataset;
+      const invite = (invites ?? []).find((item) => item.id === inviteId);
+      if (invite) respondMutate({ accept: action === "accept", invite });
+    },
+    [invites, respondMutate],
+  );
+  const handleOpenChange = useCallback((next: boolean) => {
+    if (!next) {
+      setOpenId(undefined);
+      setLightboxIndex(undefined);
+    }
+  }, []);
+  const handleLightboxClose = useCallback(() => {
+    setLightboxIndex(undefined);
+  }, []);
+  const handleQueryChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
+    setQuery(event.target.value);
+  }, []);
+  const handleScopeChange = useCallback((value: string) => {
+    setScope(value as Scope);
+  }, []);
+  const handleStatusChange = useCallback((value: string) => {
+    setStatus(value as Status);
+  }, []);
+  const handleTabChange = useCallback((value: DetailTab) => {
+    setTab(value);
+  }, []);
+
+  const handleMediaOpen = useCallback(
+    (event: MouseEvent<HTMLButtonElement>) => {
+      const { hash } = event.currentTarget.dataset;
+      const index = (mediaData ?? []).findIndex((media) => media.hash === hash);
+      if (index !== -1) setLightboxIndex(index);
+    },
+    [mediaData],
+  );
+
+  const openProject = openId ? projects?.find((project) => project.id === openId) : undefined;
+  const openColor = openProject ? SIG_META[openProject.type].color : "#93a3b6";
+  const lightboxSrc = useCallback(
+    (item: MediaRecord) => mediaArtwork(item.hash, openColor),
+    [openColor],
+  );
+
+  const handleJoin = useCallback(() => {
+    if (openProject) joinMutate(openProject);
+  }, [openProject, joinMutate]);
+  const handleLeave = useCallback(() => {
+    if (openProject) leaveMutate(openProject);
+  }, [openProject, leaveMutate]);
+  const handleRequest = useCallback(() => {
+    if (openProject) requestMutate(openProject);
+  }, [openProject, requestMutate]);
+
+  const incomingInvites = useMemo(
+    () =>
+      (invites ?? []).filter((invite) => invite.kind === "invite" && invite.status === "pending"),
+    [invites],
+  );
+
+  const { filtered, mineCount } = useMemo(() => {
+    const all = projects ?? [];
+    const scoped = scope === "mine" ? all.filter((project) => mineSet?.has(project.id)) : all;
+    const normalized = query.trim().toLowerCase();
+    return {
+      mineCount: all.filter((project) => mineSet?.has(project.id)).length,
+      filtered: scoped
+        .filter(
+          (project) => status === "all" || (status === "active" ? project.active : !project.active),
+        )
+        .filter((project) =>
+          `${project.name} ${project.description} ${(project.tags ?? []).join(" ")}`
+            .toLowerCase()
+            .includes(normalized),
+        ),
+    };
+  }, [projects, mineSet, scope, status, query]);
+
+  const openTags = openProject?.tags ?? [];
+  const openMedia = useMemo(() => mediaData ?? [], [mediaData]);
+  const openJoined = openProject ? (mineSet?.has(openProject.id) ?? false) : false;
+  const openPending =
+    openProject !== undefined &&
+    (invites ?? []).some(
+      (invite) =>
+        invite.project_id === openProject.id &&
+        invite.kind === "request" &&
+        invite.status === "pending",
+    );
+  const categoryDotClass = openProject ? SIG_CLASSES[openProject.type].dot : undefined;
+
+  const minePlural = mineCount === 1 ? "" : "s";
+  const chapterCount = projects?.length ?? 0;
+  const chapterPlural = chapterCount === 1 ? "" : "s";
+
+  const OpenPolicyIcon = openProject ? JOIN_POLICY_ICONS[openProject.join_policy] : undefined;
+
   return (
-    <div className="rounded-[20px] border border-border bg-card px-6 py-16 text-center shadow-[0px_4px_14px_rgba(112,144,176,0.14)] dark:shadow-[0px_4px_14px_rgba(0,0,0,0.4)]">
-      <div className="mx-auto mb-4 inline-flex rounded-2xl bg-brand-teal/12 p-4 text-brand-teal">
-        <Folder className="size-7" />
+    <div className="flex flex-col gap-5">
+      {incomingInvites.length > 0 && (
+        <div className={cn(CARD_CLASS, "border-brand-teal/45 bg-brand-teal/8 p-4")}>
+          <div className="mb-3 flex items-center gap-2.5">
+            <div className="flex size-8 items-center justify-center rounded-lg bg-card text-brand-teal-alt">
+              <Mail className="size-4.5" />
+            </div>
+            <div className="text-sm font-extrabold text-foreground">
+              Project invitations · {incomingInvites.length}
+            </div>
+          </div>
+          <div className="flex flex-col gap-2">
+            {incomingInvites.map((invite) => {
+              const project = projects?.find((item) => item.id === invite.project_id);
+              const sig = project ? SIG_META[project.type] : undefined;
+              const dotClass = project ? SIG_CLASSES[project.type].dot : DEFAULT_DOT_CLASS;
+              return (
+                <div
+                  key={invite.id}
+                  className="flex flex-wrap items-center gap-3 rounded-xl border border-border bg-card px-3 py-2.5"
+                >
+                  <span className={cn("size-2.25 shrink-0 rounded-full", dotClass)} />
+                  <div className="min-w-40 flex-1">
+                    <div className="text-[13.5px] font-bold text-foreground">
+                      {project?.name ?? "Unknown project"}
+                    </div>
+                    <div className="text-xs text-brand-text-sub">
+                      {invite.message
+                        ? `“${invite.message}”`
+                        : `${sig?.label ?? "Chapter"} project · you've been invited to join.`}
+                    </div>
+                  </div>
+                  <div className="flex gap-2">
+                    <Button
+                      size="sm"
+                      className={TEAL_BUTTON_CLASS}
+                      data-invite-id={invite.id}
+                      data-action="accept"
+                      onClick={handleInviteAction}
+                    >
+                      <Check />
+                      Accept
+                    </Button>
+                    <Button
+                      size="sm"
+                      variant="ghost"
+                      className="font-bold text-brand-text-sub"
+                      data-invite-id={invite.id}
+                      data-action="decline"
+                      onClick={handleInviteAction}
+                    >
+                      Decline
+                    </Button>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      )}
+
+      <div className={cn(CARD_CLASS, "p-4")}>
+        <div className="flex flex-wrap items-center gap-3">
+          <div className="relative min-w-55 flex-1">
+            <Search className="absolute top-1/2 left-3 size-4.25 -translate-y-1/2 text-muted-foreground" />
+            <Input
+              value={query}
+              onChange={handleQueryChange}
+              placeholder="Search projects, tags…"
+              className="h-10 rounded-xl border border-border bg-muted pl-9.5"
+            />
+          </div>
+          <Tabs value={scope} onValueChange={handleScopeChange}>
+            <TabsList className="h-10 border border-border">
+              <TabsTrigger value="mine" className="font-bold data-active:border-border">
+                Mine
+              </TabsTrigger>
+              <TabsTrigger value="all" className="font-bold data-active:border-border">
+                All
+              </TabsTrigger>
+            </TabsList>
+          </Tabs>
+          <Tabs value={status} onValueChange={handleStatusChange}>
+            <TabsList className="h-10 border border-border">
+              <TabsTrigger value="active" className="font-bold data-active:border-border">
+                Active
+              </TabsTrigger>
+              <TabsTrigger value="archived" className="font-bold data-active:border-border">
+                Archived
+              </TabsTrigger>
+              <TabsTrigger value="all" className="font-bold data-active:border-border">
+                All
+              </TabsTrigger>
+            </TabsList>
+          </Tabs>
+        </div>
+        <p className="mt-3 text-[13px] text-muted-foreground">
+          {scope === "mine"
+            ? `${String(mineCount)} project${minePlural} you're on`
+            : `${String(chapterCount)} project${chapterPlural} in the chapter`}
+        </p>
       </div>
-      <h2 className="text-lg font-extrabold text-foreground">Projects are coming soon</h2>
-      <p className="mx-auto mt-2 max-w-md text-sm text-brand-text-sub">
-        The chapter projects experience for the member portal is still being built.
-      </p>
+
+      {isPending && (
+        <div className="grid grid-cols-1 gap-4.5 sm:grid-cols-2 xl:grid-cols-3">
+          {Array.from({ length: 6 }, (_, i) => (
+            <Skeleton key={i} className="h-72 rounded-[18px]" />
+          ))}
+        </div>
+      )}
+
+      {!isPending && filtered.length === 0 && (
+        <div className={cn(CARD_CLASS, "py-6")}>
+          <EmptyState
+            icon={Folder}
+            title={scope === "mine" ? "You're not on any projects here" : "No projects found"}
+            sub={
+              scope === "mine"
+                ? "Switch to “All projects” to browse and join what the chapter is building."
+                : "Try adjusting your search or status filter."
+            }
+          />
+        </div>
+      )}
+
+      {!isPending && filtered.length > 0 && (
+        <div className="grid grid-cols-1 gap-4.5 sm:grid-cols-2 xl:grid-cols-3">
+          {filtered.map((project) => {
+            const sig = SIG_META[project.type];
+            const tags = project.tags ?? [];
+            const mine = mineSet?.has(project.id) ?? false;
+
+            const PolicyIcon = JOIN_POLICY_ICONS[project.join_policy];
+            return (
+              <button
+                key={project.id}
+                type="button"
+                data-project-id={project.id}
+                onClick={handleCardOpen}
+                className={cn(
+                  CARD_CLASS,
+                  "group flex flex-col overflow-hidden text-left transition hover:-translate-y-0.5",
+                  "hover:shadow-[0px_10px_28px_rgba(112,144,176,0.2)] dark:hover:shadow-[0px_10px_28px_rgba(0,0,0,0.5)]",
+                )}
+              >
+                <div className="relative shrink-0">
+                  {project.thumbnail ? (
+                    <div className="h-30 overflow-hidden bg-muted">
+                      <img src={project.thumbnail.url} alt="" className="size-full object-cover" />
+                    </div>
+                  ) : (
+                    <div
+                      className={cn(
+                        "relative h-30 overflow-hidden",
+                        SIG_CLASSES[project.type].gradient,
+                      )}
+                    >
+                      <div className="absolute inset-0 flex items-center justify-center">
+                        <div
+                          className={cn(
+                            "flex size-12 items-center justify-center rounded-xl border text-sm font-extrabold",
+                            SIG_CLASSES[project.type].glyph,
+                          )}
+                        >
+                          {sig.short}
+                        </div>
+                      </div>
+                    </div>
+                  )}
+                  <Badge
+                    variant="outline"
+                    className={cn(
+                      "absolute top-2.5 right-2.5 gap-1 bg-card font-bold",
+                      project.active
+                        ? "text-[#15a66e] dark:text-[#3fd68c]"
+                        : "text-muted-foreground",
+                    )}
+                  >
+                    <span
+                      className={cn(
+                        "size-1.5 rounded-full",
+                        project.active ? "bg-[#15a66e] dark:bg-[#3fd68c]" : "bg-muted-foreground",
+                      )}
+                    />
+                    {project.active ? "Active" : "Archived"}
+                  </Badge>
+                  {mine && (
+                    <span
+                      className={cn(
+                        "absolute bottom-2.5 left-3 inline-flex items-center gap-1",
+                        "rounded-full bg-brand-teal px-2 py-0.5",
+                        "text-[10px] font-extrabold tracking-wide text-primary",
+                      )}
+                    >
+                      <Check className="size-3" strokeWidth={3} />
+                      MEMBER
+                    </span>
+                  )}
+                </div>
+
+                <div className="flex flex-1 flex-col gap-2.5 p-4.5">
+                  <div className="min-w-0">
+                    <h3 className="truncate text-base font-extrabold text-foreground">
+                      {project.name}
+                    </h3>
+                    <div className="mt-0.5 text-xs text-muted-foreground">{sig.label}</div>
+                  </div>
+                  <p className="line-clamp-2 text-[13px]/relaxed text-brand-text-sub">
+                    {project.description}
+                  </p>
+                  <div className="mt-auto flex flex-wrap gap-1.5">
+                    {tags.map((tag) => (
+                      <span key={tag} className={TAG_PILL_CLASS}>
+                        {tag}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+
+                <div className="flex items-center justify-between border-t border-border bg-muted/50 px-4.5 py-3">
+                  <div className="flex items-center gap-2">
+                    <div className="flex -space-x-2">
+                      {project.members.slice(0, 3).map((member) => (
+                        <Avatar
+                          key={member.id}
+                          className="size-7 ring-2 ring-card"
+                          title={member.name}
+                        >
+                          <AvatarFallback
+                            className={cn(AVATAR_FALLBACK_CLASS, avatarClassFor(member.id))}
+                          >
+                            {initialsOf(member.name)}
+                          </AvatarFallback>
+                        </Avatar>
+                      ))}
+                    </div>
+                    <span className="inline-flex items-center gap-1 text-xs font-semibold text-muted-foreground">
+                      <Users className="size-3.5" />
+                      {project.members.length}
+                    </span>
+                  </div>
+                  <span className={cn(POLICY_CHIP_CLASS, JOIN_POLICY_TONE[project.join_policy])}>
+                    <PolicyIcon className="size-3.5" />
+                    {JOIN_POLICY_META[project.join_policy].label}
+                  </span>
+                </div>
+              </button>
+            );
+          })}
+        </div>
+      )}
+
+      <Dialog open={openProject !== undefined} onOpenChange={handleOpenChange}>
+        {openProject && (
+          <DialogContent className="flex max-h-[88svh] flex-col gap-0 overflow-hidden p-0 sm:max-w-155">
+            <DialogHeader className="gap-1 border-b border-border p-5">
+              <DialogTitle className="text-xl font-extrabold">{openProject.name}</DialogTitle>
+              <DialogDescription className="font-semibold">
+                {SIG_META[openProject.type].label} · founded {fmtMonthYear(openProject.founded_at)}
+              </DialogDescription>
+            </DialogHeader>
+
+            <Tabs
+              value={tab}
+              onValueChange={handleTabChange}
+              className="min-h-0 flex-1 gap-0 overflow-y-auto"
+            >
+              <div className="px-5 pt-4">
+                <TabsList className="h-10 w-full border border-border">
+                  <TabsTrigger value="details" className="font-bold data-active:border-border">
+                    Details
+                  </TabsTrigger>
+                  <TabsTrigger value="team" className="font-bold data-active:border-border">
+                    Team · {openProject.members.length}
+                  </TabsTrigger>
+                  <TabsTrigger value="gallery" className="font-bold data-active:border-border">
+                    Gallery
+                  </TabsTrigger>
+                </TabsList>
+              </div>
+
+              <TabsContent value="details" className="flex flex-col gap-4 p-5">
+                {openProject.thumbnail && (
+                  <div className="h-40 overflow-hidden rounded-xl border border-border">
+                    <img
+                      src={openProject.thumbnail.url}
+                      alt=""
+                      className="size-full object-cover"
+                    />
+                  </div>
+                )}
+                <div>
+                  <div className={SECTION_LABEL_CLASS}>About</div>
+                  <p className="text-sm/relaxed text-brand-text-sub">{openProject.description}</p>
+                </div>
+                <div className="grid grid-cols-2 gap-3">
+                  <div className={FACT_TILE_CLASS}>
+                    <div className={FACT_LABEL_CLASS}>Category</div>
+                    <div className={FACT_VALUE_CLASS}>
+                      <span className="inline-flex items-center gap-2">
+                        <span className={cn("size-2.25 rounded-full", categoryDotClass)} />
+                        {SIG_META[openProject.type].label}
+                      </span>
+                    </div>
+                  </div>
+                  <div className={FACT_TILE_CLASS}>
+                    <div className={FACT_LABEL_CLASS}>Status</div>
+                    <div
+                      className={cn(
+                        FACT_VALUE_CLASS,
+                        openProject.active
+                          ? "text-[#15a66e] dark:text-[#3fd68c]"
+                          : "text-muted-foreground",
+                      )}
+                    >
+                      {openProject.active ? "Active" : "Archived"}
+                    </div>
+                  </div>
+                  <div className={FACT_TILE_CLASS}>
+                    <div className={FACT_LABEL_CLASS}>Founded</div>
+                    <div className={cn(FACT_VALUE_CLASS, "inline-flex items-center gap-2")}>
+                      <Calendar className="size-3.5 text-muted-foreground" />
+                      {fmtMonthYear(openProject.founded_at)}
+                    </div>
+                  </div>
+                  <div className={FACT_TILE_CLASS}>
+                    <div className={FACT_LABEL_CLASS}>Team size</div>
+                    <div className={FACT_VALUE_CLASS}>
+                      {openProject.members.length} member
+                      {openProject.members.length === 1 ? "" : "s"}
+                    </div>
+                  </div>
+                  <div className={FACT_TILE_CLASS}>
+                    <div className={FACT_LABEL_CLASS}>Join policy</div>
+                    <div className={FACT_VALUE_CLASS}>
+                      <span
+                        className={cn(POLICY_CHIP_CLASS, JOIN_POLICY_TONE[openProject.join_policy])}
+                      >
+                        {OpenPolicyIcon && <OpenPolicyIcon className="size-3.5" />}
+                        {JOIN_POLICY_META[openProject.join_policy].label}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                {openProject.link && (
+                  <div>
+                    <div className={SECTION_LABEL_CLASS}>Link</div>
+                    <a
+                      href={openProject.link}
+                      target="_blank"
+                      rel="noreferrer"
+                      className="inline-flex items-center gap-1.5 text-[13.5px] font-bold break-all text-brand-teal-alt hover:underline"
+                    >
+                      <ExternalLink className="size-3.5 shrink-0" />
+                      {openProject.link}
+                    </a>
+                  </div>
+                )}
+                {openTags.length > 0 && (
+                  <div>
+                    <div className={SECTION_LABEL_CLASS}>Tags</div>
+                    <div className="flex flex-wrap gap-1.5">
+                      {openTags.map((tag) => (
+                        <span key={tag} className={TAG_PILL_CLASS}>
+                          {tag}
+                        </span>
+                      ))}
+                    </div>
+                  </div>
+                )}
+              </TabsContent>
+
+              <TabsContent value="team" className="flex flex-col gap-2 p-5">
+                {openProject.members.map((member) => (
+                  <div
+                    key={member.id}
+                    className="flex items-center gap-3 rounded-xl border border-border bg-card px-3 py-2.5"
+                  >
+                    <Avatar className="size-9" title={member.name}>
+                      <AvatarFallback
+                        className={cn(AVATAR_FALLBACK_CLASS, avatarClassFor(member.id))}
+                      >
+                        {initialsOf(member.name)}
+                      </AvatarFallback>
+                    </Avatar>
+                    <div className="min-w-0">
+                      <div className="text-[13.5px] font-bold text-foreground">{member.name}</div>
+                      <div className="text-[11.5px] font-semibold text-muted-foreground">
+                        Member
+                      </div>
+                    </div>
+                  </div>
+                ))}
+              </TabsContent>
+
+              <TabsContent value="gallery" className="p-5">
+                {mediaPending && (
+                  <div className="grid grid-cols-2 gap-3 sm:grid-cols-3">
+                    {Array.from({ length: 3 }, (_, i) => (
+                      <Skeleton key={i} className="h-28 rounded-xl" />
+                    ))}
+                  </div>
+                )}
+                {!mediaPending && openMedia.length === 0 && (
+                  <EmptyState
+                    icon={ImageIcon}
+                    title="No media yet"
+                    sub="This project hasn't published any gallery images or video."
+                  />
+                )}
+                {!mediaPending && openMedia.length > 0 && (
+                  <div className="grid grid-cols-2 gap-3 sm:grid-cols-3">
+                    {openMedia.map((item) => (
+                      <button
+                        key={item.hash}
+                        type="button"
+                        data-hash={item.hash}
+                        onClick={handleMediaOpen}
+                        title="Click to enlarge"
+                        className={cn(
+                          "group/media overflow-hidden rounded-xl border border-border bg-card text-left transition hover:-translate-y-0.5",
+                          "hover:shadow-[0px_8px_20px_rgba(112,144,176,0.2)] dark:hover:shadow-[0px_8px_20px_rgba(0,0,0,0.5)]",
+                        )}
+                      >
+                        <div className="relative h-24">
+                          <img
+                            src={mediaArtwork(item.hash, openColor)}
+                            alt=""
+                            className="size-full object-cover transition group-hover/media:scale-105"
+                          />
+                          {item.kind === "video" && (
+                            <span className="absolute inset-0 flex items-center justify-center bg-black/30">
+                              <Video className="size-6 text-white" />
+                            </span>
+                          )}
+                        </div>
+                        <div className="px-2.5 py-2">
+                          <span className="text-[11.5px] font-bold text-foreground capitalize">
+                            {item.kind}
+                          </span>
+                        </div>
+                      </button>
+                    ))}
+                  </div>
+                )}
+              </TabsContent>
+            </Tabs>
+
+            <DialogFooter className="border-t border-border p-4 sm:items-center sm:justify-end">
+              {openJoined && (
+                <Button variant="destructive" className="font-bold" onClick={handleLeave}>
+                  <LogOut />
+                  Leave project
+                </Button>
+              )}
+              {!openJoined && openProject.join_policy === "open" && (
+                <Button className={TEAL_BUTTON_CLASS} onClick={handleJoin}>
+                  <UserPlus />
+                  Join project
+                </Button>
+              )}
+              {!openJoined &&
+                openProject.join_policy === "request" &&
+                (openPending ? (
+                  <span className={LOCKED_PILL_CLASS}>
+                    <Clock className="size-4" />
+                    Request pending
+                  </span>
+                ) : (
+                  <Button variant="outline" className="font-bold" onClick={handleRequest}>
+                    <UserPlus />
+                    Request to join
+                  </Button>
+                ))}
+              {!openJoined && openProject.join_policy === "closed" && (
+                <span className={LOCKED_PILL_CLASS}>
+                  <Lock className="size-4" />
+                  Invite only
+                </span>
+              )}
+            </DialogFooter>
+          </DialogContent>
+        )}
+      </Dialog>
+
+      <MediaLightbox
+        items={openMedia}
+        index={lightboxIndex}
+        srcFor={lightboxSrc}
+        onIndexChange={setLightboxIndex}
+        onClose={handleLightboxClose}
+      />
     </div>
   );
 }
diff --git a/src/routes/dashboard/route.tsx b/src/routes/dashboard/route.tsx
index 92a13431..353f8603 100644
--- a/src/routes/dashboard/route.tsx
+++ b/src/routes/dashboard/route.tsx
@@ -62,7 +62,12 @@ export interface ClientMember {
 }
 
 interface NavItem {
-  to: "/dashboard" | "/dashboard/events" | "/dashboard/events/past" | "/dashboard/projects";
+  to:
+    | "/dashboard"
+    | "/dashboard/events"
+    | "/dashboard/events/past"
+    | "/dashboard/projects"
+    | "/dashboard/manage/projects";
   label: string;
   icon: LucideIcon;
   sub?: boolean;
@@ -100,6 +105,12 @@ const NAV_ITEMS: NavItem[] = [
   { to: "/dashboard/projects", label: "Projects", icon: Folder },
 ];
 
+const MANAGE_NAV_ITEMS: NavItem[] = [
+  { to: "/dashboard/manage/projects", label: "Projects", icon: Folder },
+];
+
+const MANAGE_ROLES: Role[] = ["root", "admin", "manager"];
+
 export const ROLES_BY_RANK: Role[] = ["root", "admin", "manager", "leads"];
 
 const API_BASE_URL =
@@ -127,7 +138,7 @@ const meQueryOptions = queryOptions({
 
 /// Route-based components
 
-function SidebarNav({ pathname }: Readonly<{ pathname: string }>) {
+function SidebarNav({ items, pathname }: Readonly<{ items: NavItem[]; pathname: string }>) {
   const { setOpenMobile } = useSidebar();
   const closeMobile = useCallback(() => {
     setOpenMobile(false);
@@ -135,7 +146,7 @@ function SidebarNav({ pathname }: Readonly<{ pathname: string }>) {
 
   return (
     <SidebarMenu className="group-data-[collapsible=icon]:items-center">
-      {NAV_ITEMS.map((item) => (
+      {items.map((item) => (
         <SidebarMenuItem
           key={item.to}
           className={cn(item.sub && "ml-4 group-data-[collapsible=icon]:ml-0")}
@@ -175,6 +186,7 @@ function DashboardLayout() {
 
   const access = ROLES_BY_RANK.find((role) => me?.roles.includes(role));
   const accessLabel = access ? ROLE_META[access].label : "Member";
+  const canManage = MANAGE_ROLES.some((role) => me?.roles.includes(role));
   const initials =
     me?.name
       .match(/\S+/g)
@@ -218,9 +230,19 @@ function DashboardLayout() {
               Member
             </SidebarGroupLabel>
             <SidebarGroupContent>
-              <SidebarNav pathname={pathname} />
+              <SidebarNav items={NAV_ITEMS} pathname={pathname} />
             </SidebarGroupContent>
           </SidebarGroup>
+          {canManage && (
+            <SidebarGroup>
+              <SidebarGroupLabel className="font-extrabold tracking-[0.12em] uppercase">
+                Manage
+              </SidebarGroupLabel>
+              <SidebarGroupContent>
+                <SidebarNav items={MANAGE_NAV_ITEMS} pathname={pathname} />
+              </SidebarGroupContent>
+            </SidebarGroup>
+          )}
         </SidebarContent>
 
         <SidebarFooter className="border-t border-border">
diff --git a/vite.config.ts b/vite.config.ts
index 7e51f7db..a7affeee 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -42,7 +42,11 @@ export default defineConfig({
               name: "vendor-schedule-x",
               test: /[\\/](@schedule-x|temporal-polyfill)[\\/]/,
             },
-            { name: "vendor-misc", test: /node_modules[\\/]/ },
+            // All shared utils get used at first paint, so throw them into their own vendor chunk
+            {
+              name: "vendor-utils",
+              test: /[\\/](zod|axios|sonner|clsx|class-variance-authority|tailwind-merge|next-themes)[\\/]/,
+            },
           ],
         },
       },