diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
index 7751b8c..a8fde7e 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Before a pull request can be merged:
    request, and approvals from staff do not count — you review each other's
    code.
 2. **Every review comment must be marked resolved.** Reply to each one, fix it
-   or explain why not, then click *Resolve conversation*.
+   or explain why not, then click _Resolve conversation_.
 3. **Pushing new commits dismisses the approval**, so if you change something
    after being approved, ask for another review. This is deliberate: what was
-   approved is what gets merged.
\ No newline at end of file
+   approved is what gets merged.
diff --git a/t29-project-1/.env.example b/t29-project-1/.env.example
new file mode 100644
index 0000000..2523621
--- /dev/null
+++ b/t29-project-1/.env.example
@@ -0,0 +1,3 @@
+# Copy to .env and set your key
+CAT_API_KEY=your_cat_api_key_here
+PORT=3001
diff --git a/t29-project-1/.gitignore b/t29-project-1/.gitignore
index a547bf3..de28197 100644
--- a/t29-project-1/.gitignore
+++ b/t29-project-1/.gitignore
@@ -22,3 +22,8 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Environment variables
+.env
+.env.*
+!.env.example
diff --git a/t29-project-1/.husky/pre-commit b/t29-project-1/.husky/pre-commit
index 36af219..6911329 100644
--- a/t29-project-1/.husky/pre-commit
+++ b/t29-project-1/.husky/pre-commit
@@ -1,4 +1,3 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
+#!/usr/bin/env sh
+cd -- "$(dirname -- "$0")/.." || exit 1
 npx lint-staged
diff --git a/t29-project-1/README.md b/t29-project-1/README.md
index 2d31cb6..d8cb914 100644
--- a/t29-project-1/README.md
+++ b/t29-project-1/README.md
@@ -40,16 +40,15 @@ export default defineConfig([
       // other options...
     },
   },
-])
-
+]);
 ```
 
 You can also install [eslint-plugin-react-x](https://npmx.dev/package/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://npmx.dev/package/eslint-plugin-react-dom) for React-specific lint rules:
 
 ```js
 // eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
+import reactX from 'eslint-plugin-react-x';
+import reactDom from 'eslint-plugin-react-dom';
 
 export default defineConfig([
   globalIgnores(['dist']),
@@ -70,6 +69,5 @@ export default defineConfig([
       // other options...
     },
   },
-])
-
+]);
 ```
diff --git a/t29-project-1/eslint.config.js b/t29-project-1/eslint.config.js
index ef614d2..bb07b17 100644
--- a/t29-project-1/eslint.config.js
+++ b/t29-project-1/eslint.config.js
@@ -1,9 +1,9 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import { defineConfig, globalIgnores } from 'eslint/config';
 
 export default defineConfig([
   globalIgnores(['dist']),
@@ -19,4 +19,13 @@ export default defineConfig([
       globals: globals.browser,
     },
   },
-])
+  {
+    // Plain JS files (e.g. server/**/*.js, root config files) run under Node, not the browser.
+    files: ['**/*.{js,cjs,mjs}'],
+    extends: [js.configs.recommended],
+    languageOptions: {
+      globals: globals.node,
+      sourceType: 'module',
+    },
+  },
+]);
diff --git a/t29-project-1/package-lock.json b/t29-project-1/package-lock.json
index 5a10040..cdafae6 100644
--- a/t29-project-1/package-lock.json
+++ b/t29-project-1/package-lock.json
@@ -8,8 +8,13 @@
       "name": "t29-project-1",
       "version": "0.0.0",
       "dependencies": {
+        "@tanstack/react-query": "^5.102.8",
+        "cors": "^2.8.6",
+        "dotenv": "^17.4.2",
+        "express": "^5.2.1",
         "react": "^19.2.8",
-        "react-dom": "^19.2.8"
+        "react-dom": "^19.2.8",
+        "react-router-dom": "^7.18.4"
       },
       "devDependencies": {
         "@eslint/js": "^10.0.1",
@@ -22,11 +27,66 @@
         "eslint-plugin-react-refresh": "^0.5.4",
         "globals": "^17.11.0",
         "husky": "^9.1.7",
+        "jsdom": "^30.0.1",
         "lint-staged": "^17.5.0",
         "prettier": "^3.9.6",
         "typescript": "~6.0.2",
         "typescript-eslint": "^8.67.0",
-        "vite": "^8.2.2"
+        "vite": "^8.2.2",
+        "vitest": "^4.0.9"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "6.0.7",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-6.0.7.tgz",
+      "integrity": "sha512-vC/bk1Lz7Tn/EfU9/apOTBk80/8dyGyWMowPoV1tJ52muDGsDqt2HPT2klrFUiY60MQmQv9q8yIht15JnBgDGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^3.3.0",
+        "@csstools/css-color-parser": "^4.1.10",
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0",
+        "lru-cache": "^11.5.2"
+      },
+      "engines": {
+        "node": "^22.13.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-8.3.2.tgz",
+      "integrity": "sha512-93Z1N+BQNXysodoicpOIyNh2drHfz/CTf9nnT0FEx72GJcIiwgydD7tGAr78j41LsYn3hlRn+LdGPuBLn1Bl8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.2.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.5.2"
+      },
+      "engines": {
+        "node": "^22.13.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -269,6 +329,19 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bramus/specificity": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
+      "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^3.0.0"
+      },
+      "bin": {
+        "specificity": "bin/cli.js"
+      }
+    },
     "node_modules/@cacheable/memory": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@cacheable/memory/-/memory-2.2.0.tgz",
@@ -293,6 +366,146 @@
         "keyv": "^5.6.0"
       }
     },
+    "node_modules/@csstools/color-helpers": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.1.tgz",
+      "integrity": "sha512-gLNsunvwf3mCi5u5o46/Z/JcJMnhbHSaZ69rkgPzNM3J4s8hWwpPUQB6/tt0EDFyCiWzxANlx+2LJwpYj4zS1w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.3.0.tgz",
+      "integrity": "sha512-c5ihYsPkdG6JCkU2zTMm4+k6r7RXuGxtWYhu5DHMIiF1FHzrfmHL5so11AoFpUv/tu61xfcmT4AmKoFfMPoqdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.2.2.tgz",
+      "integrity": "sha512-3QKjR/vxyjcSXBLgb6lP0S3MGdvwbmqSsvLPbYdVORqPDc8FX1HAJ0Spk38bxaRXgvENTA47tlhhbb5Z2e8hEg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^6.1.1",
+        "@csstools/css-calc": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
+      "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.12.tgz",
+      "integrity": "sha512-3vLQK+dXxhBMR2Wx99PTCifE+vHtW2ndZWyla8yK813ev6oGhyn8Lja8jCyGAWTJ+LEYZK7EVtJxrDj8ztevJw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "peerDependencies": {
+        "css-tree": "^3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "css-tree": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz",
+      "integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
@@ -421,6 +634,24 @@
         "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
+    "node_modules/@exodus/bytes": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.1.tgz",
+      "integrity": "sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@noble/hashes": "^1.8.0 || ^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@noble/hashes": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.2",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
@@ -681,9 +912,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -701,9 +929,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -721,9 +946,6 @@
         "ppc64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -741,9 +963,6 @@
         "s390x"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -761,9 +980,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -781,9 +997,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -851,6 +1064,57 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.102.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.102.8.tgz",
+      "integrity": "sha512-ZNjkJ33CqvPNec/6lZBnHqLc3EVGPZ9ySLhYahU9TcuRFdmwXewuj0c4hwSWcGHqEUwcSrKeZ+oGcvPBqXcQcg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.102.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.102.8.tgz",
+      "integrity": "sha512-TYBea4OuXWD7MhaSHq069TWbFe7rcwWN6kzT7JF0OKi1K6c1gTv2IzD6A6ExJsCMozdkqBWeuIUZmu4KQg0O5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.102.8"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/esrecurse": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
@@ -1175,6 +1439,132 @@
         }
       }
     },
+    "node_modules/@vitest/expect": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.11.tgz",
+      "integrity": "sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.1.0",
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "4.1.11",
+        "@vitest/utils": "4.1.11",
+        "chai": "^6.2.2",
+        "tinyrainbow": "^3.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.11.tgz",
+      "integrity": "sha512-2XJVD55d1o5AZous5CCGKS74g/riOj9odEt2bQpCVZeblHyHdnMeFl4jl0XjU21stf4mbjUkew2eXQZt65g5CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "4.1.11",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.21"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.11.tgz",
+      "integrity": "sha512-yiZzPbGTS9Sr/JpFl8zHrcIkAofNbFV6k21vIgQN/cY/oxZeXhJv5sc/MBJ5jFKWmWs+oJHw0UXLZjmf931+Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.11.tgz",
+      "integrity": "sha512-LztvUgdwMNJMIkj3hQnnxiC2Xy1zNxq928W/xhjCLaNCzqTZOudjwbQf6v9IntZGPw132i2Lq2rgTRZHD3JHNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.1.11",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.11.tgz",
+      "integrity": "sha512-pN7ikn1ON7h8ee4gIAp4AzyK+zBtJPzVbqOgu5LCEh4VaJVbPQcgYQYJIMGQPXVeJJq1fnfazis7a5pFNPahog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.1.11",
+        "@vitest/utils": "4.1.11",
+        "magic-string": "^0.30.21",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.11.tgz",
+      "integrity": "sha512-apNa/prQy2qCeywhnixOHPRCgGNhvg7T4Dapfl1GahLp/R+uhBm5cPyFoNVyqsNd2h1nJxL6BqqdIjiABL60YA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.11.tgz",
+      "integrity": "sha512-zTCVGpyFsGWBhllOyKlTw/vnr6D9qxsfSDyfbyZmTyjHw5N/VuvzHpHoQjm2ZJzn4RJgx5w4r7V0er69CmLgPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.1.11",
+        "convert-source-map": "^2.0.0",
+        "tinyrainbow": "^3.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.18.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
@@ -1215,6 +1605,16 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
@@ -1238,23 +1638,70 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/brace-expansion": {
-      "version": "5.0.9",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz",
-      "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==",
+    "node_modules/bidi-js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.1.0.tgz",
+      "integrity": "sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
+        "require-from-string": "^2.0.2"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz",
+      "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "^3.1.2",
+        "content-type": "^2.0.0",
+        "debug": "^4.4.3",
+        "http-errors": "^2.0.1",
+        "iconv-lite": "^0.7.2",
+        "on-finished": "^2.4.1",
+        "qs": "^6.15.2",
+        "raw-body": "^3.0.2",
+        "type-is": "^2.1.0"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/browserslist": {
-      "version": "4.28.9",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.9.tgz",
-      "integrity": "sha512-EWazOblFYUvlGZcfGhPUPmYh3nikUxBVb+y9MJun5f3hBi812X+8MSQTujLBtgK3cf51fJWbWfOjyeO954d+Eg==",
+    "node_modules/body-parser/node_modules/content-type": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz",
+      "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.9",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.9.tgz",
+      "integrity": "sha512-EWazOblFYUvlGZcfGhPUPmYh3nikUxBVb+y9MJun5f3hBi812X+8MSQTujLBtgK3cf51fJWbWfOjyeO954d+Eg==",
       "dev": true,
       "funding": [
         {
@@ -1285,6 +1732,15 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/cacheable": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/cacheable/-/cacheable-2.5.0.tgz",
@@ -1299,6 +1755,35 @@
         "qified": "^0.10.1"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001810",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
@@ -1320,6 +1805,38 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/chai": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
+      "integrity": "sha512-5jRCH9Z/+DRP7rkvY83B+yGIGX96OYdJmzngqnw2SBSxqCFPd0w2km3s5iawpGX8krnwSGmF0FW5Nhr0Hfai3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -1327,6 +1844,41 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.6.0"
+      }
+    },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1342,6 +1894,20 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -1349,11 +1915,39 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/data-urls": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
+      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.11.0",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -1367,6 +1961,13 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -1374,6 +1975,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
@@ -1384,6 +1994,38 @@
         "node": ">=8"
       }
     },
+    "node_modules/dotenv": {
+      "version": "17.4.2",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.4.2.tgz",
+      "integrity": "sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.422",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.422.tgz",
@@ -1391,6 +2033,65 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/entities": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.1.0.tgz",
+      "integrity": "sha512-kxL7msIffSuh9aaFAMD7rxAIuTRMAHMeBtgHW2yUdWw732ZNh4MehkF2gdjvtdmikkaIP9bFDDJOPlsvm7avrA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.2.tgz",
+      "integrity": "sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
@@ -1401,6 +2102,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -1589,6 +2296,16 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -1599,6 +2316,68 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/expect-type": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
+      "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.1",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -1648,6 +2427,27 @@
         "flat-cache": "^6.1.23"
       }
     },
+    "node_modules/finalhandler": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+      "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -1684,6 +2484,24 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1699,6 +2517,15 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -1709,6 +2536,43 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -1735,6 +2599,30 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/hashery": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/hashery/-/hashery-1.5.1.tgz",
@@ -1748,6 +2636,18 @@
         "node": ">=20"
       }
     },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/hermes-estree": {
       "version": "0.25.1",
       "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
@@ -1772,24 +2672,73 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/husky": {
-      "version": "9.1.7",
-      "resolved": "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz",
-      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+    "node_modules/html-encoding-sniffer": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "husky": "bin.js"
+      "dependencies": {
+        "@exodus/bytes": "^1.6.0"
       },
       "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/typicode"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       }
     },
-    "node_modules/ignore": {
-      "version": "5.3.2",
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/husky": {
+      "version": "9.1.7",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz",
+      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
+      "integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
       "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
@@ -1808,6 +2757,21 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -1831,6 +2795,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "license": "MIT"
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -1845,6 +2822,57 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jsdom": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-30.0.1.tgz",
+      "integrity": "sha512-52v7mUVUfNQVYYqE1lcdaymWL0njO7lTLUog6ZvW2U5KsbiLk/GnZlVJ+qx0xfNJZ6Gn+KSpPNE52vurbxZwrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^6.0.5",
+        "@asamuzakjp/dom-selector": "^8.3.0",
+        "@bramus/specificity": "^2.4.2",
+        "@csstools/css-syntax-patches-for-csstree": "^1.1.7",
+        "@exodus/bytes": "^1.15.1",
+        "css-tree": "^3.2.1",
+        "data-urls": "^7.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.5.2",
+        "parse5": "^8.0.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.2",
+        "undici": "^8.9.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.1",
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^17.1.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^22.22.2 || ^24.15.0 || >=26.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.2.3"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -2052,9 +3080,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2076,9 +3101,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2100,9 +3122,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2124,9 +3143,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2232,6 +3248,82 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.1.tgz",
+      "integrity": "sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/minimatch": {
       "version": "10.2.6",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
@@ -2252,7 +3344,6 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
@@ -2281,6 +3372,35 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/negotiator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.1.0.tgz",
+      "integrity": "sha512-NMPBRMJgiQHjbd8phG3Vebdx4kZ1H121rbl5IkMqeOsahptB9BKo/d7oJ3zTXqTgagn2bWlNSXkh0QUGM31RYg==",
+      "license": "MIT",
+      "dependencies": {
+        "content-type": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/negotiator/node_modules/content-type": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.54",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.54.tgz",
@@ -2291,6 +3411,62 @@
         "node": ">=18"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obug": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.2.1.tgz",
+      "integrity": "sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -2341,6 +3517,28 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parse5": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+      "integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -2361,6 +3559,23 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-to-regexp": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.2.tgz",
+      "integrity": "sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -2436,6 +3651,19 @@
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -2466,6 +3694,50 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/qs": {
+      "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.16.0.tgz",
+      "integrity": "sha512-h6fhOIaRrID2CbEY2fqs+7t+UXZo+MLAnU5gRIq85uFtdiUPCdsApMlHhXogKVM4HM2DVbIjGNTTYH2OcmP1vA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.3.0.tgz",
+      "integrity": "sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+      "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.7.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/react": {
       "version": "19.2.8",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.8.tgz",
@@ -2487,6 +3759,67 @@
         "react": "^19.2.8"
       }
     },
+    "node_modules/react-router": {
+      "version": "7.18.4",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.18.4.tgz",
+      "integrity": "sha512-PUPQcMhMGRAslLcvtlPz/kmzBEWPhLdgLFrL7pLNepBL6dX0lWj4WD2cUYVgYCuT3jxvghYFg81cDTj44DhetQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "7.18.4",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.18.4.tgz",
+      "integrity": "sha512-yrfmJHIpDG7taCpqKjT1G5B6q3O2K+RN8/fgNf0lTjCwiPbQ0ei6vXX9ZjQR+7ld8Tr7Z5xmyMnZ8YJrphWQUw==",
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.18.4"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/react-router/node_modules/cookie": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/rolldown": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.7.tgz",
@@ -2521,6 +3854,41 @@
         "@rolldown/binding-win32-x64-msvc": "1.2.7"
       }
     },
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
@@ -2537,6 +3905,63 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.1",
+        "mime-types": "^3.0.2",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
+      "integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -2560,6 +3985,85 @@
         "node": ">=8"
       }
     },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -2570,6 +4074,29 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/std-env": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.2.0.tgz",
+      "integrity": "sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/string-argv": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
@@ -2580,6 +4107,20 @@
         "node": ">=0.6.19"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tinyexec": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.3.1.tgz",
@@ -2607,6 +4148,71 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/tinyrainbow": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.1.tgz",
+      "integrity": "sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "7.4.12",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.12.tgz",
+      "integrity": "sha512-WylhSDKVeYnWXL3a+vKTaOxjnOeEGw938hImY8zoRWJjRRK/Jp1K+IihBzIONpUmW4e3WmXT6q5FW6vlESVZCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.4.12"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.4.12",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.12.tgz",
+      "integrity": "sha512-nYNzS2WRf4QJmjzFFgAxLOBjyBxAGRbCy9PVBPaglcYyYajh40VBn+v5Ngr96ZMc7oM0+aCJdtQnNejvdBnXMQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.2.tgz",
+      "integrity": "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
@@ -2633,6 +4239,37 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/type-is": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.1.0.tgz",
+      "integrity": "sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==",
+      "license": "MIT",
+      "dependencies": {
+        "content-type": "^2.0.0",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/type-is/node_modules/content-type": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/typescript": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
@@ -2671,6 +4308,16 @@
         "typescript": ">=4.8.4 <6.1.0"
       }
     },
+    "node_modules/undici": {
+      "version": "8.10.2",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-8.10.2.tgz",
+      "integrity": "sha512-/y4/bH9YNU5hi9NIrpOuvGXFcxrj3CMrV+/AYpowAYTpHn8gX/XPFjNy766FPoYY0miQhdW977JFWKGNhBdwyQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.19.0"
+      }
+    },
     "node_modules/undici-types": {
       "version": "7.18.2",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
@@ -2678,6 +4325,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.2.tgz",
@@ -2719,6 +4375,15 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/vite": {
       "version": "8.2.2",
       "resolved": "https://registry.npmjs.org/vite/-/vite-8.2.2.tgz",
@@ -2797,6 +4462,144 @@
         }
       }
     },
+    "node_modules/vitest": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.11.tgz",
+      "integrity": "sha512-fhACrNXUidIbGSBr5FlbuBkO7VWC1ZyLl0DO4CU2DrQoAPxX84Ysxs+HeGQpii5lZWV1Q4gBZTTu49mF+A6Edw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "4.1.11",
+        "@vitest/mocker": "4.1.11",
+        "@vitest/pretty-format": "4.1.11",
+        "@vitest/runner": "4.1.11",
+        "@vitest/snapshot": "4.1.11",
+        "@vitest/spy": "4.1.11",
+        "@vitest/utils": "4.1.11",
+        "es-module-lexer": "^2.0.0",
+        "expect-type": "^1.3.0",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "std-env": "^4.0.0-rc.1",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.1.0",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@opentelemetry/api": "^1.9.0",
+        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+        "@vitest/browser-playwright": "4.1.11",
+        "@vitest/browser-preview": "4.1.11",
+        "@vitest/browser-webdriverio": "4.1.11",
+        "@vitest/coverage-istanbul": "4.1.11",
+        "@vitest/coverage-v8": "4.1.11",
+        "@vitest/ui": "4.1.11",
+        "happy-dom": "*",
+        "jsdom": "*",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
+        "@vitest/browser-preview": {
+          "optional": true
+        },
+        "@vitest/browser-webdriverio": {
+          "optional": true
+        },
+        "@vitest/coverage-istanbul": {
+          "optional": true
+        },
+        "@vitest/coverage-v8": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        },
+        "vite": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "17.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-17.1.0.tgz",
+      "integrity": "sha512-3GeworPmc2ZfEEHP7lEbUfBX/L75wdEsi0rLNhXcXxnoN5jyq0SL5gCy06SGW2cyTIZdTvWIDQNQoza++vKeaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.15.1",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^22.14.0 || >=24.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -2813,6 +4616,23 @@
         "node": ">= 8"
       }
     },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -2823,6 +4643,29 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
diff --git a/t29-project-1/package.json b/t29-project-1/package.json
index 878378c..36cd6ac 100644
--- a/t29-project-1/package.json
+++ b/t29-project-1/package.json
@@ -7,23 +7,31 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "preview": "vite preview",
-    "format": "prettier --write \"src/**/*.{js,ts,tsx,jsx,json,css,md}\"",
-    "prettier:check": "prettier --check \"src/**/*.{js,ts,tsx,jsx,json,css,md}\"",
-    "prepare": "husky install"
+    "format": "prettier --write .",
+    "prettier:check": "prettier --check .",
+    "prepare": "cd .. && husky t29-project-1/.husky",
+    "start:server": "node server/index.js"
   },
   "lint-staged": {
-    "src/**/*.{js,ts,tsx,jsx}": [
+    "**/*.{js,ts,tsx,jsx}": [
       "eslint --fix",
       "prettier --write"
     ],
-    "src/**/*.{json,css,md}": [
+    "**/*.{json,css,md}": [
       "prettier --write"
     ]
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.102.8",
+    "cors": "^2.8.6",
+    "dotenv": "^17.4.2",
+    "express": "^5.2.1",
     "react": "^19.2.8",
-    "react-dom": "^19.2.8"
+    "react-dom": "^19.2.8",
+    "react-router-dom": "^7.18.4"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -36,10 +44,12 @@
     "eslint-plugin-react-refresh": "^0.5.4",
     "globals": "^17.11.0",
     "husky": "^9.1.7",
+    "jsdom": "^30.0.1",
     "lint-staged": "^17.5.0",
     "prettier": "^3.9.6",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.67.0",
-    "vite": "^8.2.2"
+    "vite": "^8.2.2",
+    "vitest": "^4.0.9"
   }
 }
diff --git a/t29-project-1/server/catApi.js b/t29-project-1/server/catApi.js
new file mode 100644
index 0000000..6ca1d4b
--- /dev/null
+++ b/t29-project-1/server/catApi.js
@@ -0,0 +1,71 @@
+import dotenv from 'dotenv';
+
+dotenv.config();
+
+const CAT_API_URL = 'https://api.thecatapi.com/v1/images/search';
+const CAT_BREEDS_URL = 'https://api.thecatapi.com/v1/breeds';
+const API_KEY = process.env.CAT_API_KEY;
+const BREED_IDS_PATTERN = /^[a-z0-9]+(?:,[a-z0-9]+)*$/i;
+const apiHeaders = API_KEY ? { 'x-api-key': API_KEY } : {};
+
+function createApiError(message, statusCode) {
+  const error = new Error(message);
+  error.statusCode = statusCode;
+  return error;
+}
+
+export function validateBreedIds(breedIds) {
+  const selectedBreedIds = typeof breedIds === 'string' ? breedIds.trim() : '';
+
+  if (selectedBreedIds && !BREED_IDS_PATTERN.test(selectedBreedIds)) {
+    throw createApiError('Invalid breed_ids filter', 400);
+  }
+
+  return selectedBreedIds;
+}
+
+async function fetchApiResponse(url) {
+  const response = await fetch(url, { headers: apiHeaders });
+
+  if (!response.ok) {
+    const text = await response.text();
+    throw createApiError(
+      text || `Cat API request failed with status ${response.status}`,
+      response.status
+    );
+  }
+
+  return response.json();
+}
+
+export async function fetchCatFromApi(breedIds) {
+  const selectedBreedIds = validateBreedIds(breedIds);
+  const catUrl = new URL(CAT_API_URL);
+  catUrl.searchParams.set('limit', '1');
+
+  if (selectedBreedIds) catUrl.searchParams.set('breed_ids', selectedBreedIds);
+
+  const data = await fetchApiResponse(catUrl);
+  return data[0] || {};
+}
+
+const DEFAULT_BREEDS_PAGE = 0;
+const DEFAULT_BREEDS_LIMIT = 10;
+
+function parseNonNegativeInt(value, fallback) {
+  const parsed = Number(value);
+  return Number.isInteger(parsed) && parsed >= 0 ? parsed : fallback;
+}
+
+export async function fetchBreedsFromApi({ page, limit } = {}) {
+  const breedsUrl = new URL(CAT_BREEDS_URL);
+  breedsUrl.searchParams.set(
+    'limit',
+    String(parseNonNegativeInt(limit, DEFAULT_BREEDS_LIMIT))
+  );
+  breedsUrl.searchParams.set(
+    'page',
+    String(parseNonNegativeInt(page, DEFAULT_BREEDS_PAGE))
+  );
+  return fetchApiResponse(breedsUrl);
+}
diff --git a/t29-project-1/server/catApi.test.js b/t29-project-1/server/catApi.test.js
new file mode 100644
index 0000000..0413344
--- /dev/null
+++ b/t29-project-1/server/catApi.test.js
@@ -0,0 +1,104 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import {
+  fetchBreedsFromApi,
+  fetchCatFromApi,
+  validateBreedIds,
+} from './catApi.js';
+
+const fetchMock = vi.fn();
+
+vi.stubGlobal('fetch', fetchMock);
+
+function mockResponse(data, { ok = true, status = 200, text = '' } = {}) {
+  return {
+    ok,
+    status,
+    json: vi.fn().mockResolvedValue(data),
+    text: vi.fn().mockResolvedValue(text),
+  };
+}
+
+afterEach(() => {
+  fetchMock.mockReset();
+});
+
+describe('validateBreedIds', () => {
+  it('accepts one or more comma-separated breed IDs', () => {
+    expect(validateBreedIds(' beng,siam ')).toBe('beng,siam');
+    expect(validateBreedIds()).toBe('');
+  });
+
+  it('rejects invalid breed IDs', () => {
+    expect(() => validateBreedIds('beng siam')).toThrow(
+      'Invalid breed_ids filter'
+    );
+  });
+});
+
+describe('fetchCatFromApi', () => {
+  it('fetches one random cat without a breed filter', async () => {
+    const cat = { id: 'cat-1', url: 'https://example.com/cat.jpg' };
+    fetchMock.mockResolvedValue(mockResponse([cat]));
+
+    await expect(fetchCatFromApi()).resolves.toEqual(cat);
+
+    const requestUrl = new URL(String(fetchMock.mock.calls[0][0]));
+    expect(requestUrl.pathname).toBe('/v1/images/search');
+    expect(requestUrl.searchParams.get('limit')).toBe('1');
+    expect(requestUrl.searchParams.has('breed_ids')).toBe(false);
+  });
+
+  it('adds the breed filter to the request', async () => {
+    fetchMock.mockResolvedValue(mockResponse([{ id: 'cat-2' }]));
+
+    await fetchCatFromApi('beng,siam');
+
+    const requestUrl = new URL(String(fetchMock.mock.calls[0][0]));
+    expect(requestUrl.searchParams.get('breed_ids')).toBe('beng,siam');
+  });
+
+  it('propagates upstream API errors', async () => {
+    fetchMock.mockResolvedValue(
+      mockResponse(null, { ok: false, status: 429, text: 'Too many requests' })
+    );
+
+    await expect(fetchCatFromApi()).rejects.toMatchObject({
+      message: 'Too many requests',
+      statusCode: 429,
+    });
+  });
+});
+
+describe('fetchBreedsFromApi', () => {
+  it('defaults to the first page of ten breeds', async () => {
+    const breeds = [{ id: 'abys', name: 'Abyssinian' }];
+    fetchMock.mockResolvedValue(mockResponse(breeds));
+
+    await expect(fetchBreedsFromApi()).resolves.toEqual(breeds);
+
+    const requestUrl = new URL(String(fetchMock.mock.calls[0][0]));
+    expect(requestUrl.pathname).toBe('/v1/breeds');
+    expect(requestUrl.searchParams.get('limit')).toBe('10');
+    expect(requestUrl.searchParams.get('page')).toBe('0');
+  });
+
+  it('requests the given page and limit', async () => {
+    fetchMock.mockResolvedValue(mockResponse([]));
+
+    await fetchBreedsFromApi({ page: 2, limit: 5 });
+
+    const requestUrl = new URL(String(fetchMock.mock.calls[0][0]));
+    expect(requestUrl.searchParams.get('limit')).toBe('5');
+    expect(requestUrl.searchParams.get('page')).toBe('2');
+  });
+
+  it('falls back to the defaults for invalid page or limit', async () => {
+    fetchMock.mockResolvedValue(mockResponse([]));
+
+    await fetchBreedsFromApi({ page: 'not-a-number', limit: -1 });
+
+    const requestUrl = new URL(String(fetchMock.mock.calls[0][0]));
+    expect(requestUrl.searchParams.get('limit')).toBe('10');
+    expect(requestUrl.searchParams.get('page')).toBe('0');
+  });
+});
diff --git a/t29-project-1/server/index.js b/t29-project-1/server/index.js
new file mode 100644
index 0000000..382cb89
--- /dev/null
+++ b/t29-project-1/server/index.js
@@ -0,0 +1,38 @@
+import express from 'express';
+import cors from 'cors';
+import { fetchBreedsFromApi, fetchCatFromApi } from './catApi.js';
+
+// Create an Express application
+const app = express();
+// Enable CORS for all routes
+//cors is a middleware that allows cross-origin requests from the frontend to the backend
+app.use(cors());
+
+app.get('/api/breeds', async (req, res) => {
+  try {
+    res.json(
+      await fetchBreedsFromApi({
+        page: req.query.page,
+        limit: req.query.limit,
+      })
+    );
+  } catch (err) {
+    console.error(err);
+    res.status(err.statusCode || 500).send(err.message);
+  }
+});
+
+// Define a route to fetch a random cat image from the Cat API
+app.get('/api/cat', async (req, res) => {
+  try {
+    res.json(await fetchCatFromApi(req.query.breed_ids));
+  } catch (err) {
+    console.error(err);
+    res.status(err.statusCode || 500).send(err.message);
+  }
+});
+
+const port = process.env.PORT || 3001;
+app.listen(port, () =>
+  console.log(`Cat API proxy running on http://localhost:${port}`)
+);
diff --git a/t29-project-1/src/App.css b/t29-project-1/src/App.css
index f90339d..77f6b53 100644
--- a/t29-project-1/src/App.css
+++ b/t29-project-1/src/App.css
@@ -1,184 +1,92 @@
-.counter {
-  font-size: 16px;
-  padding: 5px 10px;
-  border-radius: 5px;
-  color: var(--accent);
-  background: var(--accent-bg);
-  border: 2px solid transparent;
-  transition: border-color 0.3s;
-  margin-bottom: 24px;
-
-  &:hover {
-    border-color: var(--accent-border);
-  }
-  &:focus-visible {
-    outline: 2px solid var(--accent);
-    outline-offset: 2px;
-  }
+/* Page Wrapper */
+.app-container {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  width: 100%;
 }
 
-.hero {
-  position: relative;
-
-  .base,
-  .framework,
-  .vite {
-    inset-inline: 0;
-    margin: 0 auto;
-  }
-
-  .base {
-    width: 170px;
-    position: relative;
-    z-index: 0;
-  }
-
-  .framework,
-  .vite {
-    position: absolute;
-  }
-
-  .framework {
-    z-index: 1;
-    top: 34px;
-    height: 28px;
-    transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
-      scale(1.4);
-  }
-
-  .vite {
-    z-index: 0;
-    top: 107px;
-    height: 26px;
-    width: auto;
-    transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
-      scale(0.8);
-  }
+/* 1. FAVORITES STAR: Far Top Right */
+.top-bar {
+  display: flex;
+  justify-content: flex-end; /* Pushes star to the right */
+  width: 100%;
 }
 
-#center {
+/* 2. NAVIGATION & CARD: Compact Center Layout */
+.nav-layout {
   display: flex;
-  flex-direction: column;
-  gap: 25px;
-  place-content: center;
-  place-items: center;
-  flex-grow: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem; /* Small gap keeps arrow buttons close to the card */
+  margin: 1rem auto 0 auto; /* Centers the layout block */
+  width: 100%;
+  max-width: 580px; /* RESTRICTS WIDTH: Stops buttons from flying far apart */
+}
 
-  @media (max-width: 1024px) {
-    padding: 32px 20px 24px;
-    gap: 18px;
-  }
+/* Make CatCard take central space naturally */
+.nav-layout > article,
+.nav-layout > .cat-card {
+  flex: 1;
+  width: 100%;
 }
 
-#next-steps {
-  display: flex;
-  border-top: 1px solid var(--border);
-  text-align: left;
+/* Keep arrow buttons at their exact fixed size */
+.nav-layout > button {
+  flex-shrink: 0;
+}
 
-  & > div {
-    flex: 1 1 0;
-    padding: 32px;
-    @media (max-width: 1024px) {
-      padding: 24px 20px;
-    }
-  }
+.favorite-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1rem;
+}
 
-  .icon {
-    margin-bottom: 16px;
-    width: 22px;
-    height: 22px;
+/* Mobile Responsive Adjustments */
+@media (max-width: 600px) {
+  .nav-layout {
+    flex-wrap: wrap;
   }
 
-  @media (max-width: 1024px) {
-    flex-direction: column;
-    text-align: center;
+  .nav-layout > article,
+  .nav-layout > .cat-card {
+    flex: 0 0 100%;
+    order: 1; /* Card on top */
   }
-}
 
-#docs {
-  border-right: 1px solid var(--border);
+  .nav-layout > button:first-of-type {
+    order: 2; /* Previous button bottom-left */
+  }
 
-  @media (max-width: 1024px) {
-    border-right: none;
-    border-bottom: 1px solid var(--border);
+  .nav-layout > button:last-of-type {
+    order: 3; /* Next button bottom-right */
   }
 }
 
-#next-steps ul {
-  list-style: none;
-  padding: 0;
+.cat-section {
   display: flex;
-  gap: 8px;
-  margin: 32px 0 0;
-
-  .logo {
-    height: 18px;
-  }
-
-  a {
-    color: var(--text-h);
-    font-size: 16px;
-    border-radius: 6px;
-    background: var(--social-bg);
-    display: flex;
-    padding: 6px 12px;
-    align-items: center;
-    gap: 8px;
-    text-decoration: none;
-    transition: box-shadow 0.3s;
-
-    &:hover {
-      box-shadow: var(--shadow);
-    }
-    .button-icon {
-      height: 18px;
-      width: 18px;
-    }
-  }
-
-  @media (max-width: 1024px) {
-    margin-top: 20px;
-    flex-wrap: wrap;
-    justify-content: center;
-
-    li {
-      flex: 1 1 calc(50% - 8px);
-    }
-
-    a {
-      width: 100%;
-      justify-content: center;
-      box-sizing: border-box;
-    }
-  }
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding: 20px 0;
 }
 
-#spacer {
-  height: 88px;
-  border-top: 1px solid var(--border);
-  @media (max-width: 1024px) {
-    height: 48px;
-  }
+.cat-image-wrap {
+  display: flex;
+  justify-content: center;
 }
 
-.ticks {
-  position: relative;
+.cat-image {
+  max-width: 320px;
   width: 100%;
+  border-radius: 8px;
+  box-shadow: var(--shadow);
+}
 
-  &::before,
-  &::after {
-    content: '';
-    position: absolute;
-    top: -4.5px;
-    border: 5px solid transparent;
-  }
-
-  &::before {
-    left: 0;
-    border-left-color: var(--border);
-  }
-  &::after {
-    right: 0;
-    border-right-color: var(--border);
-  }
+.cat-error {
+  color: red;
 }
diff --git a/t29-project-1/src/App.tsx b/t29-project-1/src/App.tsx
index 9ca8e8d..3d4b451 100644
--- a/t29-project-1/src/App.tsx
+++ b/t29-project-1/src/App.tsx
@@ -1,122 +1,50 @@
-import { useState } from 'react'
-import heroImg from './assets/hero.png'
-import reactLogo from './assets/react.svg'
-import viteLogo from './assets/vite.svg'
-import './App.css'
+import { useState } from 'react';
+import { useCatNavigation } from './hooks/useCatNavigation';
+import { useFavoriteCat } from './hooks/useFavoriteCat';
+import { NavPrevious, NavNext } from './components/ActionButtons';
+import { BreedDropdown } from './components/BreedDropdown';
+import { CatCard } from './components/CatCard';
+import { Link } from 'react-router-dom';
+import './App.css';
 
-function App() {
-  const [count, setCount] = useState(0)
+export default function App() {
+  const [selectedBreedId, setSelectedBreedId] = useState<string | null>(null);
+
+  const {
+    currentCat,
+    isLoading,
+    error,
+    canGoPrevious,
+    handleNext,
+    handlePrevious,
+  } = useCatNavigation(selectedBreedId);
+  const { isFavorite, toggleFavorite } = useFavoriteCat(currentCat);
 
   return (
-    <>
-      <section id="center">
-        <div className="hero">
-          <img src={heroImg} className="base" width="170" height="179" alt="" />
-          <img src={reactLogo} className="framework" alt="React logo" />
-          <img src={viteLogo} className="vite" alt="Vite logo" />
-        </div>
-        <div>
-          <h1>Get started</h1>
-          <p>
-            Edit <code>src/App.tsx</code> and save to test <code>HMR</code>
-          </p>
-        </div>
-        <button
-          type="button"
-          className="counter"
-          onClick={() => setCount((count) => count + 1)}
-        >
-          Count is {count}
-        </button>
-      </section>
+    <main className="app-container">
+      <Link to="/favorite">Favorite</Link>
 
-      <div className="ticks"></div>
+      <BreedDropdown
+        selectedBreedId={selectedBreedId}
+        onSelectBreed={setSelectedBreedId}
+      />
 
-      <section id="next-steps">
-        <div id="docs">
-          <svg className="icon" role="presentation" aria-hidden="true">
-            <use href="/icons.svg#documentation-icon"></use>
-          </svg>
-          <h2>Documentation</h2>
-          <p>Your questions, answered</p>
-          <ul>
-            <li>
-              <a href="https://vite.dev/" target="_blank">
-                <img className="logo" src={viteLogo} alt="" />
-                Explore Vite
-              </a>
-            </li>
-            <li>
-              <a href="https://react.dev/" target="_blank">
-                <img className="button-icon" src={reactLogo} alt="" />
-                Learn more
-              </a>
-            </li>
-          </ul>
-        </div>
-        <div id="social">
-          <svg className="icon" role="presentation" aria-hidden="true">
-            <use href="/icons.svg#social-icon"></use>
-          </svg>
-          <h2>Connect with us</h2>
-          <p>Join the Vite community</p>
-          <ul>
-            <li>
-              <a href="https://github.com/vitejs/vite" target="_blank">
-                <svg
-                  className="button-icon"
-                  role="presentation"
-                  aria-hidden="true"
-                >
-                  <use href="/icons.svg#github-icon"></use>
-                </svg>
-                GitHub
-              </a>
-            </li>
-            <li>
-              <a href="https://chat.vite.dev/" target="_blank">
-                <svg
-                  className="button-icon"
-                  role="presentation"
-                  aria-hidden="true"
-                >
-                  <use href="/icons.svg#discord-icon"></use>
-                </svg>
-                Discord
-              </a>
-            </li>
-            <li>
-              <a href="https://x.com/vite_js" target="_blank">
-                <svg
-                  className="button-icon"
-                  role="presentation"
-                  aria-hidden="true"
-                >
-                  <use href="/icons.svg#x-icon"></use>
-                </svg>
-                X.com
-              </a>
-            </li>
-            <li>
-              <a href="https://bsky.app/profile/vite.dev" target="_blank">
-                <svg
-                  className="button-icon"
-                  role="presentation"
-                  aria-hidden="true"
-                >
-                  <use href="/icons.svg#bluesky-icon"></use>
-                </svg>
-                Bluesky
-              </a>
-            </li>
-          </ul>
-        </div>
-      </section>
+      <nav className="nav-layout" aria-label="Main content navigation">
+        <NavPrevious
+          onClick={handlePrevious}
+          disabled={!canGoPrevious || isLoading}
+        />
 
-      <div className="ticks"></div>
-      <section id="spacer"></section>
-    </>
-  )
-}
+        <CatCard
+          cat={currentCat}
+          isFavorite={isFavorite}
+          isLoading={isLoading}
+          error={error}
+          onToggleFavorite={toggleFavorite}
+        />
 
-export default App
+        <NavNext onClick={handleNext} disabled={isLoading} />
+      </nav>
+    </main>
+  );
+}
diff --git a/t29-project-1/src/api/catApi.ts b/t29-project-1/src/api/catApi.ts
new file mode 100644
index 0000000..796c352
--- /dev/null
+++ b/t29-project-1/src/api/catApi.ts
@@ -0,0 +1,62 @@
+export type CatData = {
+  url?: string;
+  id?: string;
+  width?: number;
+  height?: number;
+};
+
+export type CatFilters = {
+  breedId?: string;
+};
+
+export type Breed = {
+  id: string;
+  name: string;
+};
+
+export async function fetchCat({ breedId }: CatFilters = {}): Promise<CatData> {
+  const API_BASE =
+    (import.meta.env.VITE_API_BASE as string) || 'http://localhost:3001';
+  const params = new URLSearchParams();
+  const selectedBreedId = breedId?.trim();
+
+  if (selectedBreedId) params.set('breed_ids', selectedBreedId);
+
+  const query = params.toString();
+  const response = await fetch(
+    `${API_BASE}/api/cat${query ? `?${query}` : ''}`
+  );
+
+  if (!response.ok) {
+    throw new Error(`Request failed with status ${response.status}`);
+  }
+
+  return response.json() as Promise<CatData>;
+}
+
+export type BreedsPage = {
+  page?: number;
+  limit?: number;
+};
+
+export async function fetchBreeds({ page, limit }: BreedsPage = {}): Promise<
+  Breed[]
+> {
+  const API_BASE =
+    (import.meta.env.VITE_API_BASE as string) || 'http://localhost:3001';
+  const params = new URLSearchParams();
+
+  if (page !== undefined) params.set('page', String(page));
+  if (limit !== undefined) params.set('limit', String(limit));
+
+  const query = params.toString();
+  const response = await fetch(
+    `${API_BASE}/api/breeds${query ? `?${query}` : ''}`
+  );
+
+  if (!response.ok) {
+    throw new Error(`Request failed with status ${response.status}`);
+  }
+
+  return response.json() as Promise<Breed[]>;
+}
diff --git a/t29-project-1/src/components/ActionButtons.css b/t29-project-1/src/components/ActionButtons.css
new file mode 100644
index 0000000..3bc00d6
--- /dev/null
+++ b/t29-project-1/src/components/ActionButtons.css
@@ -0,0 +1,64 @@
+/* --- NAVIGATION & CARD SECTION --- */
+
+/* Pushes the navigation and card further down the viewport */
+.nav-layout {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: 2rem;
+  margin-top: 4rem; /* Moves the section further down from the top bar */
+}
+
+/* Triangle navigation buttons (No circles/borders) */
+.nav-btn {
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%; /* For clean circular WCAG focus rings */
+  transition: transform 0.15s ease;
+}
+
+.nav-btn:hover {
+  transform: scale(1.1);
+}
+
+.nav-btn:active {
+  transform: scale(0.95);
+}
+
+/* Arrow SVG styling (Matching the star's color palette & sizing) */
+.arrow-svg {
+  width: 64px; /* Scaled up arrow dimensions */
+  height: 64px;
+  overflow: visible;
+  fill: #fff4c8;
+  stroke: #7d5d75;
+  stroke-width: 1px;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+  transition:
+    fill 0.15s ease,
+    stroke 0.15s ease;
+}
+
+/* Responsive color inversion on hover and focus */
+.nav-btn:hover .arrow-svg,
+.nav-btn:focus-visible .arrow-svg {
+  fill: #7d5d75;
+  stroke: #fff4c8;
+}
+
+.nav-btn:active .arrow-svg {
+  fill: #7d5d75;
+  stroke: #7d5d75;
+}
+
+/* WCAG Focus Ring for Keyboard Users */
+.nav-btn:focus-visible {
+  outline: 3px solid #005fcc;
+  outline-offset: 4px;
+}
diff --git a/t29-project-1/src/components/ActionButtons.tsx b/t29-project-1/src/components/ActionButtons.tsx
new file mode 100644
index 0000000..c29b16b
--- /dev/null
+++ b/t29-project-1/src/components/ActionButtons.tsx
@@ -0,0 +1,35 @@
+// ActionButtons.tsx
+import './ActionButtons.css';
+
+interface NavButtonProps {
+  onClick: () => void;
+  disabled?: boolean;
+}
+
+export const NavPrevious = ({ onClick, disabled = false }: NavButtonProps) => (
+  <button
+    type="button"
+    className="nav-btn"
+    onClick={onClick}
+    disabled={disabled}
+    aria-label="Previous cat"
+  >
+    <svg className="arrow-svg" viewBox="-2 -2 28 28" aria-hidden="true">
+      <path d="M18 4.5c.5-.8 1.5-.2 1.5.8v13.4c0 1-.9 1.6-1.5.8L7.2 12.8c-.5-.4-.5-1.2 0-1.6L18 4.5z" />
+    </svg>
+  </button>
+);
+
+export const NavNext = ({ onClick, disabled = false }: NavButtonProps) => (
+  <button
+    type="button"
+    className="nav-btn"
+    onClick={onClick}
+    disabled={disabled}
+    aria-label="Next cat"
+  >
+    <svg className="arrow-svg" viewBox="-2 -2 28 28" aria-hidden="true">
+      <path d="M6 4.5c-.5-.8-1.5-.2-1.5.8v13.4c0 1 .9 1.6 1.5.8l10.8-6.7c.5-.4.5-1.2 0-1.6L6 4.5z" />
+    </svg>
+  </button>
+);
diff --git a/t29-project-1/src/components/BreedDropdown.css b/t29-project-1/src/components/BreedDropdown.css
new file mode 100644
index 0000000..83830ea
--- /dev/null
+++ b/t29-project-1/src/components/BreedDropdown.css
@@ -0,0 +1,107 @@
+/* Breed filter dropdown, sized relative to the CatCard's own max-width so
+   both scale together and collapse to full-width on small screens */
+.breed-dropdown {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+  width: 100%;
+  max-width: calc(var(--card-max-width) * 0.75);
+  margin: 0 auto;
+}
+
+.breed-dropdown-label {
+  color: var(--text);
+}
+
+.breed-dropdown-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border: 2px solid #e2e8f0;
+  border-radius: 10px;
+  background-color: #ffffff;
+  color: var(--text);
+  font: inherit;
+  font-weight: bold;
+  text-align: left;
+  cursor: pointer;
+}
+
+.breed-dropdown-trigger:hover {
+  border-color: #cbd5e1;
+}
+
+.breed-dropdown-trigger:focus-visible {
+  outline: 3px solid #005fcc;
+  outline-offset: 2px;
+}
+
+.breed-dropdown-trigger:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.breed-dropdown-arrow {
+  width: 8px;
+  height: 8px;
+  margin-left: 0.5rem;
+  flex-shrink: 0;
+  border-right: 2px solid #7d5d75;
+  border-bottom: 2px solid #7d5d75;
+  transform: rotate(45deg);
+}
+
+/* Always opens downward, anchored to the trigger, regardless of which
+   option is selected */
+.breed-dropdown-list {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  margin: 0.25rem 0 0;
+  padding: 0.25rem;
+  list-style: none;
+  max-height: 260px;
+  overflow-y: auto;
+  background-color: #ffffff;
+  border: 2px solid #e2e8f0;
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+}
+
+.breed-dropdown-list:focus-visible {
+  outline: none;
+}
+
+.breed-dropdown-option {
+  padding: 0.4rem 0.6rem;
+  border-radius: 6px;
+  color: var(--text);
+  cursor: pointer;
+}
+
+.breed-dropdown-option.is-highlighted {
+  background-color: #f1f5f9;
+}
+
+.breed-dropdown-option.is-selected {
+  color: #7d5d75;
+}
+
+.breed-dropdown-option.is-load-more {
+  margin-top: 0.25rem;
+  border-top: 1px solid #e2e8f0;
+  border-radius: 0;
+  color: #7d5d75;
+  text-align: center;
+}
+
+.breed-dropdown-error {
+  margin: 0;
+  font-size: 0.85rem;
+  color: red;
+}
diff --git a/t29-project-1/src/components/BreedDropdown.tsx b/t29-project-1/src/components/BreedDropdown.tsx
new file mode 100644
index 0000000..4ffcef5
--- /dev/null
+++ b/t29-project-1/src/components/BreedDropdown.tsx
@@ -0,0 +1,199 @@
+import type { KeyboardEvent } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { fetchBreeds, type Breed } from '../api/catApi';
+import './BreedDropdown.css';
+
+interface BreedDropdownProps {
+  selectedBreedId: string | null;
+  onSelectBreed: (breedId: string | null) => void;
+}
+
+const ALL_BREEDS_OPTION: Breed = { id: '', name: 'All breeds' };
+const LOAD_MORE_OPTION_ID = '__load_more__';
+const PAGE_SIZE = 10;
+
+export const BreedDropdown = ({
+  selectedBreedId,
+  onSelectBreed,
+}: BreedDropdownProps) => {
+  const {
+    data,
+    error,
+    isLoading,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+  } = useInfiniteQuery({
+    queryKey: ['breeds'],
+    queryFn: ({ pageParam }) =>
+      fetchBreeds({ page: pageParam, limit: PAGE_SIZE }),
+    initialPageParam: 0,
+    // A full page suggests there may be more; a short page means we've
+    // reached the end. The API doesn't return a total count to check against.
+    getNextPageParam: (lastPage, allPages) =>
+      lastPage.length === PAGE_SIZE ? allPages.length : undefined,
+  });
+
+  const [isOpen, setIsOpen] = useState(false);
+  const [highlightedIndex, setHighlightedIndex] = useState(0);
+  const containerRef = useRef<HTMLDivElement>(null);
+  const triggerRef = useRef<HTMLButtonElement>(null);
+  const listRef = useRef<HTMLUListElement>(null);
+
+  const fetchedBreeds = data?.pages.flat() ?? [];
+
+  // Shaped like a Breed so it can sit inside `options` and ride along with
+  // the same arrow-key/Enter/click handling real breeds use, instead of
+  // needing separate logic to reach and activate it.
+  const loadMoreOption: Breed = {
+    id: LOAD_MORE_OPTION_ID,
+    name: isFetchingNextPage ? 'Loading…' : 'Load more breeds…',
+  };
+
+  const options: Breed[] = [
+    ALL_BREEDS_OPTION,
+    ...fetchedBreeds,
+    ...(hasNextPage ? [loadMoreOption] : []),
+  ];
+  const isSelected = (option: Breed) => option.id === (selectedBreedId ?? '');
+  const selectedOption = options.find(isSelected) ?? ALL_BREEDS_OPTION;
+
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const handleClickOutside = (event: MouseEvent) => {
+      if (!containerRef.current?.contains(event.target as Node)) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [isOpen]);
+
+  useEffect(() => {
+    if (isOpen) listRef.current?.focus();
+  }, [isOpen]);
+
+  const openDropdown = () => {
+    const selectedIndex = options.findIndex(isSelected);
+    setHighlightedIndex(selectedIndex === -1 ? 0 : selectedIndex);
+    setIsOpen(true);
+  };
+
+  const closeDropdown = () => {
+    setIsOpen(false);
+    triggerRef.current?.focus();
+  };
+
+  const selectOption = (option: Breed) => {
+    if (option.id === LOAD_MORE_OPTION_ID) {
+      if (!isFetchingNextPage) void fetchNextPage();
+      return;
+    }
+
+    onSelectBreed(option.id || null);
+    closeDropdown();
+  };
+
+  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {
+    if (
+      event.key === 'ArrowDown' ||
+      event.key === 'Enter' ||
+      event.key === ' '
+    ) {
+      event.preventDefault();
+      openDropdown();
+    }
+  };
+
+  const handleListKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {
+    if (event.key === 'ArrowDown') {
+      event.preventDefault();
+      setHighlightedIndex((index) => Math.min(index + 1, options.length - 1));
+    } else if (event.key === 'ArrowUp') {
+      event.preventDefault();
+      setHighlightedIndex((index) => Math.max(index - 1, 0));
+    } else if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      selectOption(options[highlightedIndex]);
+    } else if (event.key === 'Escape') {
+      event.preventDefault();
+      closeDropdown();
+    } else if (event.key === 'Tab') {
+      setIsOpen(false);
+    }
+  };
+
+  const highlightedOption = options[highlightedIndex];
+
+  return (
+    <div className="breed-dropdown" ref={containerRef}>
+      <span className="breed-dropdown-label" id="breed-dropdown-label">
+        Filter by breed
+      </span>
+      <button
+        type="button"
+        ref={triggerRef}
+        className="breed-dropdown-trigger"
+        aria-haspopup="listbox"
+        aria-expanded={isOpen}
+        aria-labelledby="breed-dropdown-label"
+        disabled={isLoading || Boolean(error)}
+        onClick={() => (isOpen ? closeDropdown() : openDropdown())}
+        onKeyDown={handleTriggerKeyDown}
+      >
+        {selectedOption.name}
+        <span className="breed-dropdown-arrow" aria-hidden="true" />
+      </button>
+
+      {isOpen && (
+        // The list itself holds real DOM focus (tabIndex={-1} + .focus() on
+        // open); aria-activedescendant tells screen readers which option is
+        // "virtually" focused, so arrow keys can move the highlight without
+        // moving actual DOM focus between list items.
+        <ul
+          ref={listRef}
+          className="breed-dropdown-list"
+          role="listbox"
+          aria-labelledby="breed-dropdown-label"
+          aria-activedescendant={
+            highlightedOption
+              ? `breed-option-${highlightedOption.id || 'all'}`
+              : undefined
+          }
+          tabIndex={-1}
+          onKeyDown={handleListKeyDown}
+        >
+          {options.map((option, index) => {
+            const isLoadMore = option.id === LOAD_MORE_OPTION_ID;
+
+            return (
+              <li
+                key={option.id || 'all'}
+                id={`breed-option-${option.id || 'all'}`}
+                role="option"
+                aria-selected={!isLoadMore && isSelected(option)}
+                className={[
+                  'breed-dropdown-option',
+                  isLoadMore ? 'is-load-more' : '',
+                  index === highlightedIndex ? 'is-highlighted' : '',
+                  isSelected(option) ? 'is-selected' : '',
+                ]
+                  .filter(Boolean)
+                  .join(' ')}
+                onMouseEnter={() => setHighlightedIndex(index)}
+                onClick={() => selectOption(option)}
+              >
+                {option.name}
+              </li>
+            );
+          })}
+        </ul>
+      )}
+
+      {error && <p className="breed-dropdown-error">Could not load breeds.</p>}
+    </div>
+  );
+};
diff --git a/t29-project-1/src/components/Cat.tsx b/t29-project-1/src/components/Cat.tsx
new file mode 100644
index 0000000..797b21f
--- /dev/null
+++ b/t29-project-1/src/components/Cat.tsx
@@ -0,0 +1,38 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchCat } from '../api/catApi';
+
+type CatProps = { breedId?: string };
+
+// Component that fetches and displays a random cat image from the API
+export default function Cat({ breedId }: CatProps) {
+  const {
+    data: cat,
+    error,
+    isFetching,
+    refetch,
+  } = useQuery({
+    queryKey: ['cat', breedId ?? 'all'],
+    queryFn: () => fetchCat({ breedId }),
+    enabled: false,
+  });
+
+  // Return JSX: button to fetch a cat, show error if any, and display the cat image when available
+  return (
+    <section className="cat-section">
+      <button
+        type="button"
+        className="counter"
+        onClick={() => void refetch()}
+        disabled={isFetching}
+      >
+        {isFetching ? 'Loading…' : 'Fetch a cat'}
+      </button>
+      {error && <div className="cat-error">{error.message}</div>}
+      {cat?.url && (
+        <div className="cat-image-wrap">
+          <img src={cat.url} alt="Random cat" className="cat-image" />
+        </div>
+      )}
+    </section>
+  );
+}
diff --git a/t29-project-1/src/components/CatCard.css b/t29-project-1/src/components/CatCard.css
new file mode 100644
index 0000000..336780c
--- /dev/null
+++ b/t29-project-1/src/components/CatCard.css
@@ -0,0 +1,58 @@
+/* Card Container */
+.cat-card-frame {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  max-width: var(--card-max-width);
+  background-color: #fff4c8;
+  border: 3px solid #7d5d75;
+  border-radius: 16px;
+  padding: 1rem;
+  gap: 0.75rem;
+}
+
+/* Header Flex Layout to place Favorite in top-right */
+.card-header {
+  width: 100%;
+  align-items: center;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.favorite-action {
+  display: flex;
+  align-items: center;
+  justify-content: flex;
+  margin-left: auto;
+}
+
+/* Image Viewport */
+.image-viewport {
+  box-sizing: border-box;
+  width: 90%;
+  aspect-ratio: 2/3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff4c8;
+  overflow: hidden;
+  margin: 0;
+}
+
+.cat-image {
+  width: 100%;
+  height: 90%;
+  object-fit: contain;
+}
+
+.status-text {
+  font-size: 0.95rem;
+  color: #7d5d75;
+  text-align: center;
+}
+
+.status-text.error {
+  color: #dc2626;
+}
diff --git a/t29-project-1/src/components/CatCard.tsx b/t29-project-1/src/components/CatCard.tsx
new file mode 100644
index 0000000..2f3f5ff
--- /dev/null
+++ b/t29-project-1/src/components/CatCard.tsx
@@ -0,0 +1,50 @@
+import { Favorites } from './Favorites';
+import { type CatData } from '../api/catApi';
+import './CatCard.css';
+
+interface CatCardProps {
+  cat?: CatData | null;
+  isFavorite?: boolean;
+  onToggleFavorite?: () => void;
+  isLoading?: boolean;
+  error?: Error | null;
+}
+
+export const CatCard = ({
+  cat,
+  isFavorite = false,
+  onToggleFavorite,
+  isLoading = false,
+  error = null,
+}: CatCardProps) => {
+  return (
+    <article className="cat-card-frame">
+      <header className="card-header">
+        <Favorites
+          isViewingFavorites={isFavorite}
+          onToggleFavorites={onToggleFavorite}
+        />
+      </header>
+
+      <figure className="image-viewport">
+        {isLoading && <p className="status-text">Loading cat...</p>}
+
+        {error && <p className="status-text error">{error.message}</p>}
+
+        {cat?.url && !isLoading && (
+          <img
+            src={cat.url}
+            alt="Random cat"
+            width={cat.width}
+            height={cat.height}
+            className="cat-image"
+          />
+        )}
+
+        {!cat && !isLoading && !error && (
+          <p className="status-text">Use arrows to load a cat</p>
+        )}
+      </figure>
+    </article>
+  );
+};
diff --git a/t29-project-1/src/components/Favorites.css b/t29-project-1/src/components/Favorites.css
new file mode 100644
index 0000000..5073468
--- /dev/null
+++ b/t29-project-1/src/components/Favorites.css
@@ -0,0 +1,58 @@
+/* Star-only button wrapper */
+.star-btn {
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: transform 0.15s ease;
+}
+
+.star-btn:hover {
+  transform: scale(1.05);
+}
+
+.star-btn:active {
+  transform: scale(0.95);
+}
+
+/* The actual rounded star SVG */
+.star-svg {
+  width: 50px;
+  height: 50px;
+  overflow: visible;
+  fill: #fff4c8;
+  stroke: #7d5d75;
+  stroke-width: 1.2px;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+  transition:
+    fill 0.15s ease,
+    stroke 0.15s ease;
+}
+
+.star-svg.is-active {
+  fill: #7d5d75;
+  stroke: #fff4c8;
+}
+
+/* Invert colors on BOTH hover and keyboard focus */
+.star-btn:hover .star-svg,
+.star-btn:focus-visible .star-svg {
+  fill: #7d5d75;
+  stroke: #fff4c8;
+}
+
+.star-btn:active .star-svg {
+  fill: #7d5d75;
+  stroke: #7d5d75;
+}
+
+/* WCAG Requirement: Accessible keyboard focus outline */
+.star-btn:focus-visible {
+  outline: 3px solid #005fcc;
+  outline-offset: 4px;
+}
diff --git a/t29-project-1/src/components/Favorites.tsx b/t29-project-1/src/components/Favorites.tsx
new file mode 100644
index 0000000..e6c7f48
--- /dev/null
+++ b/t29-project-1/src/components/Favorites.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import './Favorites.css';
+
+interface FavoritesProps {
+  onToggleFavorites?: () => void;
+  isViewingFavorites?: boolean;
+}
+
+export const Favorites: React.FC<FavoritesProps> = ({
+  onToggleFavorites,
+  isViewingFavorites = false,
+}) => {
+  return (
+    <button
+      type="button"
+      className="star-btn"
+      onClick={onToggleFavorites}
+      aria-label={
+        isViewingFavorites ? 'Remove from favorites' : 'Add to favorites'
+      }
+      aria-pressed={isViewingFavorites}
+    >
+      {/*Generated with Gemini (September 2026) */}
+      {/*Prompt: Generate code that will create a star with rounded corners */}
+      <svg
+        className={`star-svg ${isViewingFavorites ? 'is-active' : ''}`}
+        viewBox="-2 -2 28 28"
+        aria-hidden="true"
+      >
+        <path d="M12 2.5c.4 0 .8.2 1 .6l2.8 5.7 6.3.9c1 .1 1.4 1.4.7 2.1l-4.6 4.5 1.1 6.3c.2 1-.9 1.8-1.8 1.3L12 20.9l-5.6 3c-.9.5-2-.3-1.8-1.3l1.1-6.3-4.6-4.5c-.7-.7-.3-2 .7-2.1l6.3-.9 2.8-5.7c.2-.4.6-.6 1-.6z" />
+      </svg>
+    </button>
+  );
+};
+
+export default Favorites;
diff --git a/t29-project-1/src/docs/BREED_DROPDOWN.md b/t29-project-1/src/docs/BREED_DROPDOWN.md
new file mode 100644
index 0000000..ac7ab04
--- /dev/null
+++ b/t29-project-1/src/docs/BREED_DROPDOWN.md
@@ -0,0 +1,101 @@
+# Breed dropdown guide
+
+This document explains `BreedDropdown`, the component for filtering cats by
+breed (US2).
+
+## What it is
+
+`BreedDropdown` is a fully custom dropdown, not a native `<select>`. It was
+built from scratch (a button + our own positioned list) so it always opens
+downward from the trigger — native `<select>` elements let the browser/OS
+decide where the option list appears, which is inconsistent across browsers.
+
+## Props
+
+```ts
+interface BreedDropdownProps {
+  selectedBreedId: string | null;
+  onSelectBreed: (breedId: string | null) => void;
+}
+```
+
+It is a controlled component: it holds no persisted state itself. The parent
+owns the current selection and passes it in, the same way a native `<select>`
+would work with `value`/`onChange`.
+
+```tsx
+const [selectedBreedId, setSelectedBreedId] = useState<string | null>(null);
+
+<BreedDropdown
+  selectedBreedId={selectedBreedId}
+  onSelectBreed={setSelectedBreedId}
+/>;
+```
+
+`onSelectBreed` receives `null` when the user picks "All breeds".
+
+## How the selection affects cat fetching
+
+`App.tsx` passes `selectedBreedId` straight into `useCatNavigation` (US2
+closes the loop, `src/hooks/useCatNavigation.ts`):
+
+```tsx
+const [selectedBreedId, setSelectedBreedId] = useState<string | null>(null);
+const { currentCat, ... } = useCatNavigation(selectedBreedId);
+
+<BreedDropdown
+  selectedBreedId={selectedBreedId}
+  onSelectBreed={setSelectedBreedId}
+/>;
+```
+
+Whenever the breed changes, `useCatNavigation`:
+
+- clears the current browsing history (so "next"/"previous" don't mix cats
+  fetched under the old filter with the new one), and
+- immediately fetches the first cat for the newly selected breed, without
+  requiring a click on the next/previous arrows.
+
+If a breed genuinely has no available cat image, the fetch is treated as an
+error (`"No cat available for this breed."`) rather than silently showing an
+empty card, and that cat is not added to history.
+
+## Data
+
+Breeds are fetched internally with `fetchBreeds()` (`src/api/catApi.ts`),
+using TanStack Query, the same pattern `Cat.tsx` already uses for fetching cat
+images. The trigger is disabled while loading and shows an error message if
+the fetch fails; callers do not need to handle either state themselves.
+
+## Loading more breeds
+
+Breeds are fetched 10 at a time using TanStack Query's `useInfiniteQuery`,
+via `/api/breeds?page=<n>&limit=10`. Nothing beyond the first page is
+fetched until needed. A "Load more breeds…" row appears at the bottom of the
+list whenever another page might exist, and requests the next page when
+activated (its label switches to "Loading…" while that request is in
+flight). It behaves like any other row in the list (arrow keys, Enter, or
+click), but selecting it loads more breeds instead of closing the dropdown.
+
+Whether there's a next page is inferred from the last response: a full page
+(10 breeds) means there may be more, a short page means the list is
+exhausted. The Cat API doesn't return a total breed count to check against
+directly.
+
+## Keyboard support
+
+- `Enter` / `Space` / `↓` on the closed trigger opens the list.
+- `↑` / `↓` move the highlighted option.
+- `Enter` / `Space` selects the highlighted option (or loads more, if it is
+  the "Load more" row).
+- `Escape` closes the list and returns focus to the trigger.
+- `Tab` closes the list and lets focus move on normally.
+- Clicking outside the dropdown closes it.
+
+## Testing
+
+There is no automated test for `BreedDropdown` yet. Testing its interactive
+behavior (opening, keyboard navigation, selection) needs a component-testing
+library such as `@testing-library/react`, which is not installed in this
+project — this is the same gap already noted in `TESTING.md` for React
+component interaction tests generally.
diff --git a/t29-project-1/src/docs/CAT_API.md b/t29-project-1/src/docs/CAT_API.md
new file mode 100644
index 0000000..cbcc23e
--- /dev/null
+++ b/t29-project-1/src/docs/CAT_API.md
@@ -0,0 +1,157 @@
+# Cat API guide for UI developers
+
+This document explains how the frontend can request cat images through our local
+backend proxy.
+
+## Start the API locally
+
+From the `t29-project-1` folder, run:
+
+```bash
+npm run start:server
+```
+
+The backend runs on `http://localhost:3001`.
+
+The Vite development server also proxies `/api` requests to this backend. This
+means a frontend request can use either `/api/...` or the full local URL.
+
+## Get a random cat
+
+### Request
+
+```js
+const response = await fetch('/api/cat');
+const cat = await response.json();
+```
+
+In the React application, API state is handled with TanStack Query. The
+`QueryClientProvider` is configured in `src/main.tsx`, and the `Cat` component
+uses a disabled query that is explicitly refetched when the user clicks the
+button. This avoids fetching until the user asks for a cat while still letting
+TanStack Query manage data, loading, error, caching, and refetch state.
+
+The query follows this pattern:
+
+```tsx
+const { data, error, isFetching, refetch } = useQuery({
+  queryKey: ['cat', breedId ?? 'all'],
+  queryFn: () => fetchCat({ breedId }),
+  enabled: false,
+});
+```
+
+The query key includes the optional breed ID. This ensures that different
+filters have separate cache entries when a filter control is added later.
+
+The endpoint returns one cat image object:
+
+```json
+{
+  "id": "d0p",
+  "url": "https://.../d0p.png",
+  "width": 1024,
+  "height": 1024
+}
+```
+
+Display the image with the returned `url`:
+
+```jsx
+<img src={cat.url} alt="Random cat" />
+```
+
+## Get breeds
+
+The breed endpoint is paginated, defaulting to the first 10 breeds. Each
+breed contains an ID and a human-readable name:
+
+```js
+const response = await fetch('/api/breeds');
+const breeds = await response.json();
+
+breeds.forEach((breed) => {
+  console.log(breed.id, breed.name);
+});
+```
+
+Pass `page` and `limit` to fetch a different page or page size:
+
+```js
+const response = await fetch('/api/breeds?page=1&limit=10');
+```
+
+Invalid or missing values fall back to `page=0` and `limit=10`.
+
+Example response:
+
+```json
+[
+  {
+    "id": "abys",
+    "name": "Abyssinian"
+  }
+]
+```
+
+The ID is intended for API requests. The name is the value that should be shown
+to users in a future filter control.
+
+## Get a filtered cat image
+
+Use the `breed_ids` query parameter with a breed ID from `/api/breeds`:
+
+```js
+const breedId = 'beng';
+const params = new URLSearchParams({ breed_ids: breedId });
+const response = await fetch(`/api/cat?${params}`);
+const cat = await response.json();
+```
+
+This requests one random Bengal cat image. The backend always adds `limit=1`
+and returns the first image from The Cat API response.
+
+Multiple breed IDs can be sent as a comma-separated value:
+
+```js
+const params = new URLSearchParams({ breed_ids: 'beng,siam' });
+const response = await fetch(`/api/cat?${params}`);
+```
+
+## Handle errors
+
+Always check `response.ok` before using the response:
+
+```js
+const response = await fetch('/api/cat?breed_ids=beng');
+
+if (!response.ok) {
+  const message = await response.text();
+  throw new Error(message || `Request failed with status ${response.status}`);
+}
+
+const cat = await response.json();
+```
+
+An invalid `breed_ids` value returns status `400`. Errors from The Cat API are
+forwarded by the backend, and unexpected server errors return status `500`.
+
+## API base URL
+
+The existing `Cat` component uses `VITE_API_BASE` when it is set and otherwise
+falls back to `http://localhost:3001`:
+
+```js
+const API_BASE = import.meta.env.VITE_API_BASE || 'http://localhost:3001';
+const response = await fetch(`${API_BASE}/api/cat`);
+```
+
+For local development, start both servers:
+
+```bash
+npm run start:server
+npm run dev
+```
+
+Keep `CAT_API_KEY` in the backend environment only. It must never be exposed in
+frontend code.
diff --git a/t29-project-1/src/docs/CAT_VIEW.md b/t29-project-1/src/docs/CAT_VIEW.md
new file mode 100644
index 0000000..25799cb
--- /dev/null
+++ b/t29-project-1/src/docs/CAT_VIEW.md
@@ -0,0 +1,58 @@
+# Cat View & Navigation
+
+Documentation for the `CatCard` component, `useCatNavigation` hook, and local storage state persistence.
+
+---
+
+## 1. `CatCard` Component
+
+`CatCard` is a semantic UI component that frames the cat image and embeds the interactive favorite action button.
+
+### Component Props
+
+| Prop               | Type              | Default     | Description                                                         |
+| :----------------- | :---------------- | :---------- | :------------------------------------------------------------------ |
+| `cat`              | `CatData \| null` | `null`      | Active cat object containing `url`, `width`, and `height`.          |
+| `isFavorite`       | `boolean`         | `false`     | Controls fill color and active state of the `<Favorites />` button. |
+| `onToggleFavorite` | `() => void`      | `undefined` | Callback fired when the favorite star button is clicked.            |
+| `isLoading`        | `boolean`         | `false`     | Displays loading text inside the image viewport when `true`.        |
+| `error`            | `Error \| null`   | `null`      | Renders error message text inside the image viewport when present.  |
+
+---
+
+## 2. `useCatNavigation` Custom Hook
+
+Encapsulates history stack traversal, next/previous mechanics, and automatic `localStorage` synchronization.
+
+### Interface
+
+| Return Value     | Type                  | Description                                                   |
+| :--------------- | :-------------------- | :------------------------------------------------------------ |
+| `currentCat`     | `CatData \| null`     | Currently selected cat object from history array.             |
+| `isLoading`      | `boolean`             | Loading flag during dynamic cat fetches.                      |
+| `error`          | `Error \| null`       | Error state object if a request fails.                        |
+| `canGoPrevious`  | `boolean`             | Returns `true` if `currentIndex > 0`.                         |
+| `handleNext`     | `() => Promise<void>` | Advances `currentIndex` forward or fetches a new cat image.   |
+| `handlePrevious` | `() => void`          | Decrements `currentIndex` to step back to the previous image. |
+
+---
+
+## 3. Local Storage Persistence
+
+Application state is automatically hydrated on mount and synchronized on state updates across dedicated storage keys:
+
+- **`cat_app_history`:** Stores the array of visited `CatData[]` objects.
+- **`cat_app_index`:** Stores the active integer pointer (`currentIndex`).
+- **`cat_app_favorites`:** Stores the array of favorited `CatData[]` objects.
+
+```typescript
+// Lazy initialization pattern used in hooks to prevent redundant storage reads
+const [history, setHistory] = useState<CatData[]>(() => {
+  try {
+    const saved = localStorage.getItem('cat_app_history');
+    return saved ? JSON.parse(saved) : [];
+  } catch {
+    return [];
+  }
+});
+```
diff --git a/t29-project-1/src/docs/FAVORITES_STORAGE.md b/t29-project-1/src/docs/FAVORITES_STORAGE.md
new file mode 100644
index 0000000..8fad0ff
--- /dev/null
+++ b/t29-project-1/src/docs/FAVORITES_STORAGE.md
@@ -0,0 +1,93 @@
+# Favorite cats storage guide
+
+This document explains how favorited cats are persisted in `localStorage`, so
+favorites are restored after a page reload.
+
+## Functions
+
+The storage logic lives in `src/utils/favorites.ts` and exposes three
+functions:
+
+```ts
+getFavoriteCats(): CatData[]
+addFavoriteCat(cat: CatData): void
+removeFavoriteCat(catId: string): void
+```
+
+`getFavoriteCats` reads the saved list of favorites, or returns an empty array
+if none have been saved yet:
+
+```ts
+import { getFavoriteCats } from '../utils/favorites';
+
+const favorites = getFavoriteCats();
+```
+
+`addFavoriteCat` saves a cat to the list:
+
+```ts
+import { addFavoriteCat } from '../utils/favorites';
+
+addFavoriteCat(cat);
+```
+
+`removeFavoriteCat` removes a cat from the list by ID:
+
+```ts
+import { removeFavoriteCat } from '../utils/favorites';
+
+removeFavoriteCat(cat.id);
+```
+
+## What is stored
+
+Unlike the breed filter, which stores a single string, favorites are stored
+as the full `CatData` object for each cat, not just its ID. This is because
+there is currently no way to re-fetch a specific cat by ID from the API, so
+the favorites page will need the stored `url` (and other fields) to display
+each card directly from `localStorage`.
+
+The list is stored under the key `favoriteCats`, serialized as JSON.
+
+## Duplicate favorites
+
+`addFavoriteCat` checks the existing list for a cat with the same `id` before
+adding. Favoriting the same cat twice has no effect:
+
+```ts
+addFavoriteCat(cat); // added
+addFavoriteCat(cat); // no-op, already in the list
+```
+
+## Error handling
+
+All three functions wrap their `localStorage` access in a `try/catch`. If
+storage is unavailable, for example in private browsing mode,
+`getFavoriteCats` returns an empty array and the add/remove functions fail
+silently instead of throwing. Callers do not need their own error handling
+for this.
+
+## Intended usage
+
+No favorite button exists yet. Once one is built, it can call
+`addFavoriteCat`/`removeFavoriteCat` when the user toggles a cat's favorite
+status, and check whether a cat is already favorited with:
+
+```ts
+const isFavorite = getFavoriteCats().some((favorite) => favorite.id === cat.id);
+```
+
+## Testing
+
+Tests for this module are in `src/tests/favorites.test.ts` and run with the
+rest of the suite:
+
+```bash
+npm test
+```
+
+To run only this file, pass its path through to Vitest:
+
+```bash
+npm test -- src/tests/favorites.test.ts
+```
diff --git a/t29-project-1/src/docs/FILTER_STORAGE.md b/t29-project-1/src/docs/FILTER_STORAGE.md
new file mode 100644
index 0000000..84e9422
--- /dev/null
+++ b/t29-project-1/src/docs/FILTER_STORAGE.md
@@ -0,0 +1,78 @@
+# Breed filter storage guide
+
+This document explains how the selected breed filter is persisted in
+`localStorage`, so the choice is restored after a page reload.
+
+## Functions
+
+The storage logic lives in `src/utils/breedFilter.ts` and exposes two
+functions:
+
+```ts
+getStoredBreedFilter(): string | null
+setStoredBreedFilter(breedId: string | null): void
+```
+
+`getStoredBreedFilter` reads the saved breed ID, or returns `null` if none has
+been saved yet:
+
+```ts
+import { getStoredBreedFilter } from '../utils/breedFilter';
+
+const breedId = getStoredBreedFilter();
+```
+
+`setStoredBreedFilter` saves a breed ID:
+
+```ts
+import { setStoredBreedFilter } from '../utils/breedFilter';
+
+setStoredBreedFilter('beng');
+```
+
+## Storage key
+
+The value is stored under the key `selectedBreedId`. Passing `null` (or an
+empty string) to `setStoredBreedFilter` clears the filter.
+
+```ts
+setStoredBreedFilter(null);
+```
+
+Clearing removes the key from `localStorage` entirely, instead of storing an
+empty string. This has two purposes:
+
+- **No leftover state.** Once a filter is cleared, nothing related to it stays
+  in storage.
+- **One consistent "not set" value.** `getStoredBreedFilter` always returns
+  `null` when there is no filter, never an empty string. Callers only have to
+  check for one value instead of two that mean the same thing.
+
+## Error handling
+
+Both functions wrap their `localStorage` access in a `try/catch`. If storage
+is unavailable, for example in private browsing mode, the functions fail
+silently instead of throwing. `getStoredBreedFilter` returns `null` and
+`setStoredBreedFilter` simply does not persist the value. Callers do not need
+their own error handling for this.
+
+## Intended usage
+
+No breed dropdown exists yet, but once one is built it should read the saved
+value as its initial state and call `setStoredBreedFilter` whenever the
+selection changes.
+
+## Testing
+
+Tests for this module are in `src/tests/breedFilter.test.ts` and run with the
+rest of the suite:
+
+```bash
+npm test
+```
+
+To run only this file, pass its path through to Vitest:
+
+```bash
+npm test -- src/tests/breedFilter.test.ts
+```
diff --git a/t29-project-1/src/docs/TESTING.md b/t29-project-1/src/docs/TESTING.md
new file mode 100644
index 0000000..d883356
--- /dev/null
+++ b/t29-project-1/src/docs/TESTING.md
@@ -0,0 +1,88 @@
+# Testing guide
+
+This project uses Vitest for automated tests.
+
+## Run the tests
+
+Run all tests once from the `t29-project-1` folder:
+
+```bash
+npm test
+```
+
+Run Vitest in watch mode while developing:
+
+```bash
+npm run test:watch
+```
+
+The test configuration is in `vite.config.ts`. It includes tests under `src/`
+and backend tests under `server/`.
+
+## What is tested now
+
+The current tests focus on the Cat API server logic. They are located in:
+
+```text
+server/catApi.test.js
+```
+
+The tests cover:
+
+- Valid breed ID values.
+- Rejection of invalid `breed_ids` values.
+- Fetching one random cat with `limit=1`.
+- Adding the optional `breed_ids` filter to a request.
+- Fetching up to 10 breeds.
+- Forwarding errors from The Cat API.
+
+## Mocking API requests
+
+Tests must not depend on the real Cat API. The tests replace the global
+`fetch` function with a Vitest mock:
+
+```js
+const fetchMock = vi.fn();
+vi.stubGlobal('fetch', fetchMock);
+```
+
+Each test provides a mocked response and resets the mock afterwards. This keeps
+the tests fast and deterministic, and prevents external API calls during CI.
+
+## Server structure
+
+The API logic is separated from the Express routes:
+
+- `server/catApi.js` contains the testable Cat API functions.
+- `server/index.js` contains the Express routes and HTTP responses.
+- `server/catApi.test.js` tests the Cat API functions with mocked `fetch`.
+
+This separation makes it possible to test the API behavior without starting a
+server or using a real network connection.
+
+## Adding a backend API test
+
+Add a test to `server/catApi.test.js` or create another file matching
+`server/**/*.test.js`:
+
+```js
+it('describes the expected API behavior', async () => {
+  fetchMock.mockResolvedValue(mockResponse([{ id: 'cat-1' }]));
+
+  await expect(fetchCatFromApi()).resolves.toEqual({ id: 'cat-1' });
+});
+```
+
+Tests should check behavior and request parameters rather than implementation
+details.
+
+## Current test limitations
+
+The following test types are planned but are not implemented yet:
+
+- React component interaction tests.
+- TanStack Query behavior tests in the UI.
+- Snapshot tests.
+- Browser and mobile device testing.
+
+UI tests should be added separately from the backend tests when that work starts.
diff --git a/t29-project-1/src/hooks/useCatNavigation.ts b/t29-project-1/src/hooks/useCatNavigation.ts
new file mode 100644
index 0000000..6f76d61
--- /dev/null
+++ b/t29-project-1/src/hooks/useCatNavigation.ts
@@ -0,0 +1,100 @@
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { fetchCat, type CatData } from '../api/catApi';
+
+const STORAGE_KEY_HISTORY = 'cat_app_history';
+const STORAGE_KEY_INDEX = 'cat_app_index';
+
+export function useCatNavigation(breedId: string | null = null) {
+  const [history, setHistory] = useState<CatData[]>(() => {
+    try {
+      const savedHistory = localStorage.getItem(STORAGE_KEY_HISTORY);
+      return savedHistory ? JSON.parse(savedHistory) : [];
+    } catch {
+      return [];
+    }
+  });
+
+  const [currentIndex, setCurrentIndex] = useState<number>(() => {
+    try {
+      const savedIndex = localStorage.getItem(STORAGE_KEY_INDEX);
+      return savedIndex !== null ? Number(savedIndex) : -1;
+    } catch {
+      return -1;
+    }
+  });
+
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const currentCat = history[currentIndex] || null;
+  const canGoPrevious = currentIndex > 0;
+
+  // Sync state changes to localStorage
+  useEffect(() => {
+    try {
+      localStorage.setItem(STORAGE_KEY_HISTORY, JSON.stringify(history));
+      localStorage.setItem(STORAGE_KEY_INDEX, currentIndex.toString());
+    } catch (err) {
+      console.error('Failed to save cat history to localStorage:', err);
+    }
+  }, [history, currentIndex]);
+
+  const fetchNewCat = useCallback(async (forBreedId: string | null) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const newCat = await fetchCat({ breedId: forBreedId ?? undefined });
+
+      if (!newCat.url) {
+        throw new Error('No cat available for this breed.');
+      }
+
+      setHistory((prev) => [...prev, newCat]);
+      setCurrentIndex((prev) => prev + 1);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error('Failed to load cat'));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  // Start a fresh browsing session when the breed filter changes, instead
+  // of mixing cats fetched under the previous filter into "next"/"previous",
+  // and immediately load the first cat for the newly selected breed.
+  const isFirstRender = useRef(true);
+  useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+
+    setHistory([]);
+    setCurrentIndex(-1);
+    void fetchNewCat(breedId);
+  }, [breedId, fetchNewCat]);
+
+  const handleNext = useCallback(async () => {
+    // If browsing backward in history, advance forward index
+    if (currentIndex < history.length - 1) {
+      setCurrentIndex((prev) => prev + 1);
+      return;
+    }
+
+    await fetchNewCat(breedId);
+  }, [currentIndex, history.length, breedId, fetchNewCat]);
+
+  const handlePrevious = useCallback(() => {
+    if (canGoPrevious) {
+      setCurrentIndex((prev) => prev - 1);
+    }
+  }, [canGoPrevious]);
+
+  return {
+    currentCat,
+    isLoading,
+    error,
+    canGoPrevious,
+    handleNext,
+    handlePrevious,
+  };
+}
diff --git a/t29-project-1/src/hooks/useFavoriteCat.ts b/t29-project-1/src/hooks/useFavoriteCat.ts
new file mode 100644
index 0000000..ad94baa
--- /dev/null
+++ b/t29-project-1/src/hooks/useFavoriteCat.ts
@@ -0,0 +1,29 @@
+import { useState } from 'react';
+import type { CatData } from '../api/catApi';
+import {
+  addFavoriteCat,
+  getFavoriteCats,
+  removeFavoriteCat,
+} from '../utils/favorites';
+
+export function useFavoriteCat(currentCat: CatData | null) {
+  const [favoriteCats, setFavoriteCats] = useState(getFavoriteCats);
+  const isFavorite = Boolean(
+    currentCat?.id &&
+    favoriteCats.some((favorite) => favorite.id === currentCat.id)
+  );
+
+  const toggleFavorite = () => {
+    if (!currentCat?.id) return;
+
+    if (isFavorite) {
+      removeFavoriteCat(currentCat.id);
+    } else {
+      addFavoriteCat(currentCat);
+    }
+
+    setFavoriteCats(getFavoriteCats());
+  };
+
+  return { isFavorite, toggleFavorite };
+}
diff --git a/t29-project-1/src/index.css b/t29-project-1/src/index.css
index 5fb3313..73089a6 100644
--- a/t29-project-1/src/index.css
+++ b/t29-project-1/src/index.css
@@ -11,6 +11,8 @@
   --shadow:
     rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
 
+  --card-max-width: 400px;
+
   --sans: system-ui, 'Segoe UI', Roboto, sans-serif;
   --heading: system-ui, 'Segoe UI', Roboto, sans-serif;
   --mono: ui-monospace, Consolas, monospace;
diff --git a/t29-project-1/src/main.tsx b/t29-project-1/src/main.tsx
index bef5202..d919520 100644
--- a/t29-project-1/src/main.tsx
+++ b/t29-project-1/src/main.tsx
@@ -1,10 +1,29 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import './index.css';
+import App from './App.tsx';
+import FavoritePage from './pages/FavoritePage.tsx';
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+      staleTime: 30_000,
+    },
+  },
+});
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
-  </StrictMode>,
-)
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<App />} />
+          <Route path="/favorite" element={<FavoritePage />} />
+        </Routes>
+      </BrowserRouter>
+    </QueryClientProvider>
+  </StrictMode>
+);
diff --git a/t29-project-1/src/pages/FavoritePage.tsx b/t29-project-1/src/pages/FavoritePage.tsx
new file mode 100644
index 0000000..edf8218
--- /dev/null
+++ b/t29-project-1/src/pages/FavoritePage.tsx
@@ -0,0 +1,37 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { CatCard } from '../components/CatCard';
+import { getFavoriteCats, removeFavoriteCat } from '../utils/favorites';
+import '../App.css';
+
+export default function FavoritePage() {
+  const [favoriteCats, setFavoriteCats] = useState(getFavoriteCats);
+
+  const handleRemove = (catId?: string) => {
+    if (!catId) return;
+
+    removeFavoriteCat(catId);
+    setFavoriteCats(getFavoriteCats());
+  };
+
+  return (
+    <main>
+      <Link to="/">Back to cats</Link>
+      <h1>Favorites</h1>
+      {favoriteCats.length === 0 ? (
+        <p>No favorite cats yet.</p>
+      ) : (
+        <section className="favorite-grid" aria-label="Favorite cats">
+          {favoriteCats.map((cat) => (
+            <CatCard
+              key={cat.id ?? cat.url}
+              cat={cat}
+              isFavorite
+              onToggleFavorite={() => handleRemove(cat.id)}
+            />
+          ))}
+        </section>
+      )}
+    </main>
+  );
+}
diff --git a/t29-project-1/src/tests/breedFilter.test.ts b/t29-project-1/src/tests/breedFilter.test.ts
new file mode 100644
index 0000000..5a4d985
--- /dev/null
+++ b/t29-project-1/src/tests/breedFilter.test.ts
@@ -0,0 +1,35 @@
+import { beforeEach, describe, expect, it } from 'vitest';
+import {
+  getStoredBreedFilter,
+  setStoredBreedFilter,
+} from '../utils/breedFilter';
+
+describe('breed filter storage', () => {
+  beforeEach(() => {
+    localStorage.clear();
+  });
+
+  it('returns null when no breed filter has been saved', () => {
+    expect(getStoredBreedFilter()).toBeNull();
+  });
+
+  it('saves and retrieves the selected breed filter', () => {
+    setStoredBreedFilter('abys');
+
+    expect(getStoredBreedFilter()).toBe('abys');
+  });
+
+  it('overwrites a previously saved breed filter', () => {
+    setStoredBreedFilter('abys');
+    setStoredBreedFilter('beng');
+
+    expect(getStoredBreedFilter()).toBe('beng');
+  });
+
+  it('clears the stored filter when set to null', () => {
+    setStoredBreedFilter('abys');
+    setStoredBreedFilter(null);
+
+    expect(getStoredBreedFilter()).toBeNull();
+  });
+});
diff --git a/t29-project-1/src/tests/favorites.test.ts b/t29-project-1/src/tests/favorites.test.ts
new file mode 100644
index 0000000..7d7148d
--- /dev/null
+++ b/t29-project-1/src/tests/favorites.test.ts
@@ -0,0 +1,42 @@
+import { beforeEach, describe, expect, it } from 'vitest';
+import {
+  addFavoriteCat,
+  getFavoriteCats,
+  removeFavoriteCat,
+} from '../utils/favorites';
+
+describe('favorite cats storage', () => {
+  beforeEach(() => {
+    localStorage.clear();
+  });
+
+  it('returns an empty list when no favorites have been saved', () => {
+    expect(getFavoriteCats()).toEqual([]);
+  });
+
+  it('adds a cat to favorites', () => {
+    addFavoriteCat({ id: 'cat-1', url: 'https://example.com/cat-1.jpg' });
+
+    expect(getFavoriteCats()).toEqual([
+      { id: 'cat-1', url: 'https://example.com/cat-1.jpg' },
+    ]);
+  });
+
+  it('does not add the same cat twice', () => {
+    addFavoriteCat({ id: 'cat-1', url: 'https://example.com/cat-1.jpg' });
+    addFavoriteCat({ id: 'cat-1', url: 'https://example.com/cat-1.jpg' });
+
+    expect(getFavoriteCats()).toHaveLength(1);
+  });
+
+  it('removes a cat from favorites', () => {
+    addFavoriteCat({ id: 'cat-1', url: 'https://example.com/cat-1.jpg' });
+    addFavoriteCat({ id: 'cat-2', url: 'https://example.com/cat-2.jpg' });
+
+    removeFavoriteCat('cat-1');
+
+    expect(getFavoriteCats()).toEqual([
+      { id: 'cat-2', url: 'https://example.com/cat-2.jpg' },
+    ]);
+  });
+});
diff --git a/t29-project-1/src/tests/template.test.ts b/t29-project-1/src/tests/template.test.ts
new file mode 100644
index 0000000..07b620b
--- /dev/null
+++ b/t29-project-1/src/tests/template.test.ts
@@ -0,0 +1,6 @@
+import { describe, it } from 'vitest';
+
+// Template for creating new Vitest tests.
+describe('Feature name', () => {
+  it.todo('add a test');
+});
diff --git a/t29-project-1/src/tests/vitest-setup.test.ts b/t29-project-1/src/tests/vitest-setup.test.ts
new file mode 100644
index 0000000..4e899f8
--- /dev/null
+++ b/t29-project-1/src/tests/vitest-setup.test.ts
@@ -0,0 +1,7 @@
+import { describe, expect, it } from 'vitest';
+// This test file is used to verify that the Vitest testing framework is set up correctly in the project. It includes a simple test case that checks if the addition of 1 and 1 equals 2.
+describe('Vitest setup', () => {
+  it('runs a basic assertion', () => {
+    expect(1 + 1).toBe(2);
+  });
+});
diff --git a/t29-project-1/src/utils/breedFilter.ts b/t29-project-1/src/utils/breedFilter.ts
new file mode 100644
index 0000000..045842b
--- /dev/null
+++ b/t29-project-1/src/utils/breedFilter.ts
@@ -0,0 +1,21 @@
+const BREED_FILTER_STORAGE_KEY = 'selectedBreedId';
+
+export function getStoredBreedFilter(): string | null {
+  try {
+    return localStorage.getItem(BREED_FILTER_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+}
+
+export function setStoredBreedFilter(breedId: string | null): void {
+  try {
+    if (breedId) {
+      localStorage.setItem(BREED_FILTER_STORAGE_KEY, breedId);
+    } else {
+      localStorage.removeItem(BREED_FILTER_STORAGE_KEY);
+    }
+  } catch {
+    // localStorage unavailable (e.g. private browsing) — filter just won't persist
+  }
+}
diff --git a/t29-project-1/src/utils/favorites.ts b/t29-project-1/src/utils/favorites.ts
new file mode 100644
index 0000000..80d808b
--- /dev/null
+++ b/t29-project-1/src/utils/favorites.ts
@@ -0,0 +1,34 @@
+import type { CatData } from '../api/catApi';
+
+const FAVORITE_CATS_STORAGE_KEY = 'favoriteCats';
+
+export function getFavoriteCats(): CatData[] {
+  try {
+    const stored = localStorage.getItem(FAVORITE_CATS_STORAGE_KEY);
+    return stored ? (JSON.parse(stored) as CatData[]) : [];
+  } catch {
+    return [];
+  }
+}
+
+function saveFavoriteCats(cats: CatData[]): void {
+  try {
+    localStorage.setItem(FAVORITE_CATS_STORAGE_KEY, JSON.stringify(cats));
+  } catch {
+    // localStorage unavailable (e.g. private browsing) — favorite just won't persist
+  }
+}
+
+export function addFavoriteCat(cat: CatData): void {
+  const favorites = getFavoriteCats();
+
+  if (favorites.some((favorite) => favorite.id === cat.id)) return;
+
+  saveFavoriteCats([...favorites, cat]);
+}
+
+export function removeFavoriteCat(catId: string): void {
+  const favorites = getFavoriteCats();
+
+  saveFavoriteCats(favorites.filter((favorite) => favorite.id !== catId));
+}
diff --git a/t29-project-1/vite.config.ts b/t29-project-1/vite.config.ts
index 9982072..22f72f1 100644
--- a/t29-project-1/vite.config.ts
+++ b/t29-project-1/vite.config.ts
@@ -1,7 +1,20 @@
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vitest/config';
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  test: {
+    environment: 'jsdom',
+    include: ['src/**/*.test.ts', 'src/**/*.test.tsx', 'server/**/*.test.js'],
+  },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3001',
+        changeOrigin: true,
+        secure: false,
+      },
+    },
+  },
+});