diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..7dbf7eb
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ // Other configs...
+
+ // Remove tseslint.configs.recommended and replace with this
+ tseslint.configs.recommendedTypeChecked,
+ // Alternatively, use this for stricter rules
+ tseslint.configs.strictTypeChecked,
+ // Optionally, add this for stylistic rules
+ tseslint.configs.stylisticTypeChecked,
+
+ // Other configs...
+ ],
+ languageOptions: {
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ // other options...
+ },
+ },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/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'
+
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ // Other configs...
+ // Enable lint rules for React
+ reactX.configs['recommended-typescript'],
+ // Enable lint rules for React DOM
+ reactDom.configs.recommended,
+ ],
+ languageOptions: {
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ // other options...
+ },
+ },
+])
+```
diff --git a/frontend/context.md b/frontend/context.md
new file mode 100644
index 0000000..cbed3a2
--- /dev/null
+++ b/frontend/context.md
@@ -0,0 +1,96 @@
+# Anti-Fraud System — Context
+
+## Overview
+This system is designed to **prevent financial fraud in real time** by evaluating the risk of user actions within a banking or money-movement environment.
+Rather than only detecting fraud after it occurs, the system focuses on **prevention through dynamic risk assessment and automated decision-making**.
+
+---
+
+## Core Principle
+Every user action is treated as a **risk evaluation event**.
+
+Risk is not static. It is continuously recalculated based on:
+- user behavior
+- transaction context
+- device and network signals
+- recent security-related events
+
+The system adapts its response dynamically to minimize fraud while maintaining user experience.
+
+---
+
+## Event Flow
+
+### 1. Trigger Event
+An event initiates the evaluation process. Examples include:
+- user login
+- money transfer
+- adding a new beneficiary
+- credential changes (password, email, 2FA)
+
+---
+
+### 2. Signal Collection
+The system gathers and computes relevant signals, such as:
+- transaction amount vs user baseline
+- action frequency (velocity)
+- device trust level
+- geolocation consistency
+- recent security events (OTP usage, password reset)
+
+---
+
+### 3. Risk Evaluation
+All signals are aggregated into a **risk score**.
+
+The score reflects:
+- behavioral anomalies
+- contextual inconsistencies
+- known fraud patterns or network associations
+
+---
+
+### 4. Decision Engine
+Based on the risk score, the system determines the appropriate action:
+
+- **Low risk** → approve action
+- **Medium risk** → require step-up authentication (OTP, MFA)
+- **High risk** → block or reject action
+
+---
+
+### 5. Automated Response
+The system executes the decision in real time:
+- allow transaction
+- request additional verification
+- block operation
+- freeze session or account
+- generate alerts for monitoring systems
+
+---
+
+### 6. Continuous Monitoring
+During the user session:
+- risk is recalculated dynamically
+- anomalies trigger re-evaluation
+- additional controls may be applied if risk increases
+
+---
+
+### 7. Post-Event Analysis
+After execution:
+- transactions are analyzed for patterns (e.g., fraud networks, mule accounts)
+- models and rules are updated to improve future detection
+
+---
+
+## Key Objective
+To **intercept and stop fraudulent activity before funds are moved**, while minimizing friction for legitimate users.
+
+---
+
+## Design Philosophy
+- Real-time decisioning is critical
+- Combine multiple weak signals into strong indicators
+- Prefer adaptive responses over static rules
+- Balance security with user experience
\ No newline at end of file
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
new file mode 100644
index 0000000..5e6b472
--- /dev/null
+++ b/frontend/eslint.config.js
@@ -0,0 +1,23 @@
+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']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ js.configs.recommended,
+ tseslint.configs.recommended,
+ reactHooks.configs.flat.recommended,
+ reactRefresh.configs.vite,
+ ],
+ languageOptions: {
+ ecmaVersion: 2020,
+ globals: globals.browser,
+ },
+ },
+])
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..d1901b9
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
+
+ Temis — Secure Banking
+
+
+
+
+
+
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..621f5ff
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,3078 @@
+{
+ "name": "temp-vite",
+ "version": "0.0.0",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "temp-vite",
+ "version": "0.0.0",
+ "dependencies": {
+ "framer-motion": "^12.38.0",
+ "lucide-react": "^1.8.0",
+ "react": "^19.2.4",
+ "react-dom": "^19.2.4",
+ "react-router-dom": "^7.14.0"
+ },
+ "devDependencies": {
+ "@eslint/js": "^9.39.4",
+ "@types/node": "^24.12.2",
+ "@types/react": "^19.2.14",
+ "@types/react-dom": "^19.2.3",
+ "@vitejs/plugin-react": "^6.0.1",
+ "eslint": "^9.39.4",
+ "eslint-plugin-react-hooks": "^7.0.1",
+ "eslint-plugin-react-refresh": "^0.5.2",
+ "globals": "^17.4.0",
+ "typescript": "~6.0.2",
+ "typescript-eslint": "^8.58.0",
+ "vite": "^8.0.4"
+ }
+ },
+ "node_modules/@babel/code-frame": {
+ "version": "7.29.0",
+ "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+ "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-validator-identifier": "^7.28.5",
+ "js-tokens": "^4.0.0",
+ "picocolors": "^1.1.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/compat-data": {
+ "version": "7.29.0",
+ "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+ "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/core": {
+ "version": "7.29.0",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+ "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/code-frame": "^7.29.0",
+ "@babel/generator": "^7.29.0",
+ "@babel/helper-compilation-targets": "^7.28.6",
+ "@babel/helper-module-transforms": "^7.28.6",
+ "@babel/helpers": "^7.28.6",
+ "@babel/parser": "^7.29.0",
+ "@babel/template": "^7.28.6",
+ "@babel/traverse": "^7.29.0",
+ "@babel/types": "^7.29.0",
+ "@jridgewell/remapping": "^2.3.5",
+ "convert-source-map": "^2.0.0",
+ "debug": "^4.1.0",
+ "gensync": "^1.0.0-beta.2",
+ "json5": "^2.2.3",
+ "semver": "^6.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/babel"
+ }
+ },
+ "node_modules/@babel/generator": {
+ "version": "7.29.1",
+ "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+ "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/parser": "^7.29.0",
+ "@babel/types": "^7.29.0",
+ "@jridgewell/gen-mapping": "^0.3.12",
+ "@jridgewell/trace-mapping": "^0.3.28",
+ "jsesc": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-compilation-targets": {
+ "version": "7.28.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+ "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/compat-data": "^7.28.6",
+ "@babel/helper-validator-option": "^7.27.1",
+ "browserslist": "^4.24.0",
+ "lru-cache": "^5.1.1",
+ "semver": "^6.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-globals": {
+ "version": "7.28.0",
+ "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+ "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-module-imports": {
+ "version": "7.28.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+ "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/traverse": "^7.28.6",
+ "@babel/types": "^7.28.6"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-module-transforms": {
+ "version": "7.28.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+ "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-module-imports": "^7.28.6",
+ "@babel/helper-validator-identifier": "^7.28.5",
+ "@babel/traverse": "^7.28.6"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0"
+ }
+ },
+ "node_modules/@babel/helper-string-parser": {
+ "version": "7.27.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+ "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-validator-identifier": {
+ "version": "7.28.5",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+ "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-validator-option": {
+ "version": "7.27.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+ "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helpers": {
+ "version": "7.29.2",
+ "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+ "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/template": "^7.28.6",
+ "@babel/types": "^7.29.0"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/parser": {
+ "version": "7.29.2",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+ "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/types": "^7.29.0"
+ },
+ "bin": {
+ "parser": "bin/babel-parser.js"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@babel/template": {
+ "version": "7.28.6",
+ "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+ "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/code-frame": "^7.28.6",
+ "@babel/parser": "^7.28.6",
+ "@babel/types": "^7.28.6"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/traverse": {
+ "version": "7.29.0",
+ "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+ "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/code-frame": "^7.29.0",
+ "@babel/generator": "^7.29.0",
+ "@babel/helper-globals": "^7.28.0",
+ "@babel/parser": "^7.29.0",
+ "@babel/template": "^7.28.6",
+ "@babel/types": "^7.29.0",
+ "debug": "^4.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/types": {
+ "version": "7.29.0",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+ "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-string-parser": "^7.27.1",
+ "@babel/helper-validator-identifier": "^7.28.5"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@emnapi/core": {
+ "version": "1.9.2",
+ "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+ "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@emnapi/wasi-threads": "1.2.1",
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@emnapi/runtime": {
+ "version": "1.9.2",
+ "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+ "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@emnapi/wasi-threads": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+ "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@eslint-community/eslint-utils": {
+ "version": "4.9.1",
+ "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+ "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "eslint-visitor-keys": "^3.4.3"
+ },
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ },
+ "peerDependencies": {
+ "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+ }
+ },
+ "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+ "version": "3.4.3",
+ "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+ "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/@eslint-community/regexpp": {
+ "version": "4.12.2",
+ "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+ "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+ }
+ },
+ "node_modules/@eslint/config-array": {
+ "version": "0.21.2",
+ "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+ "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@eslint/object-schema": "^2.1.7",
+ "debug": "^4.3.1",
+ "minimatch": "^3.1.5"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ }
+ },
+ "node_modules/@eslint/config-helpers": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+ "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@eslint/core": "^0.17.0"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ }
+ },
+ "node_modules/@eslint/core": {
+ "version": "0.17.0",
+ "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+ "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@types/json-schema": "^7.0.15"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ }
+ },
+ "node_modules/@eslint/eslintrc": {
+ "version": "3.3.5",
+ "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+ "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ajv": "^6.14.0",
+ "debug": "^4.3.2",
+ "espree": "^10.0.1",
+ "globals": "^14.0.0",
+ "ignore": "^5.2.0",
+ "import-fresh": "^3.2.1",
+ "js-yaml": "^4.1.1",
+ "minimatch": "^3.1.5",
+ "strip-json-comments": "^3.1.1"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/@eslint/eslintrc/node_modules/globals": {
+ "version": "14.0.0",
+ "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+ "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/@eslint/js": {
+ "version": "9.39.4",
+ "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
+ "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "url": "https://eslint.org/donate"
+ }
+ },
+ "node_modules/@eslint/object-schema": {
+ "version": "2.1.7",
+ "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+ "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ }
+ },
+ "node_modules/@eslint/plugin-kit": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+ "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@eslint/core": "^0.17.0",
+ "levn": "^0.4.1"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ }
+ },
+ "node_modules/@humanfs/core": {
+ "version": "0.19.1",
+ "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+ "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": ">=18.18.0"
+ }
+ },
+ "node_modules/@humanfs/node": {
+ "version": "0.16.7",
+ "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+ "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@humanfs/core": "^0.19.1",
+ "@humanwhocodes/retry": "^0.4.0"
+ },
+ "engines": {
+ "node": ">=18.18.0"
+ }
+ },
+ "node_modules/@humanwhocodes/module-importer": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+ "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": ">=12.22"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/nzakas"
+ }
+ },
+ "node_modules/@humanwhocodes/retry": {
+ "version": "0.4.3",
+ "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+ "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": ">=18.18"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/nzakas"
+ }
+ },
+ "node_modules/@jridgewell/gen-mapping": {
+ "version": "0.3.13",
+ "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+ "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jridgewell/sourcemap-codec": "^1.5.0",
+ "@jridgewell/trace-mapping": "^0.3.24"
+ }
+ },
+ "node_modules/@jridgewell/remapping": {
+ "version": "2.3.5",
+ "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+ "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jridgewell/gen-mapping": "^0.3.5",
+ "@jridgewell/trace-mapping": "^0.3.24"
+ }
+ },
+ "node_modules/@jridgewell/resolve-uri": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+ "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@jridgewell/sourcemap-codec": {
+ "version": "1.5.5",
+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+ "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@jridgewell/trace-mapping": {
+ "version": "0.3.31",
+ "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+ "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jridgewell/resolve-uri": "^3.1.0",
+ "@jridgewell/sourcemap-codec": "^1.4.14"
+ }
+ },
+ "node_modules/@napi-rs/wasm-runtime": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.3.tgz",
+ "integrity": "sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@tybys/wasm-util": "^0.10.1"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/Brooooooklyn"
+ },
+ "peerDependencies": {
+ "@emnapi/core": "^1.7.1",
+ "@emnapi/runtime": "^1.7.1"
+ }
+ },
+ "node_modules/@oxc-project/types": {
+ "version": "0.124.0",
+ "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.124.0.tgz",
+ "integrity": "sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==",
+ "dev": true,
+ "license": "MIT",
+ "funding": {
+ "url": "https://github.com/sponsors/Boshen"
+ }
+ },
+ "node_modules/@rolldown/binding-android-arm64": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.15.tgz",
+ "integrity": "sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-darwin-arm64": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.15.tgz",
+ "integrity": "sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-darwin-x64": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.15.tgz",
+ "integrity": "sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-freebsd-x64": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.15.tgz",
+ "integrity": "sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.15.tgz",
+ "integrity": "sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-arm64-gnu": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.15.tgz",
+ "integrity": "sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-arm64-musl": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.15.tgz",
+ "integrity": "sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.15.tgz",
+ "integrity": "sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-s390x-gnu": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.15.tgz",
+ "integrity": "sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-x64-gnu": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.15.tgz",
+ "integrity": "sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-x64-musl": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.15.tgz",
+ "integrity": "sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-openharmony-arm64": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.15.tgz",
+ "integrity": "sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "openharmony"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-wasm32-wasi": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.15.tgz",
+ "integrity": "sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q==",
+ "cpu": [
+ "wasm32"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@emnapi/core": "1.9.2",
+ "@emnapi/runtime": "1.9.2",
+ "@napi-rs/wasm-runtime": "^1.1.3"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ }
+ },
+ "node_modules/@rolldown/binding-win32-arm64-msvc": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.15.tgz",
+ "integrity": "sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-win32-x64-msvc": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.15.tgz",
+ "integrity": "sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/pluginutils": {
+ "version": "1.0.0-rc.7",
+ "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz",
+ "integrity": "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@tybys/wasm-util": {
+ "version": "0.10.1",
+ "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+ "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@types/estree": {
+ "version": "1.0.8",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+ "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@types/json-schema": {
+ "version": "7.0.15",
+ "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+ "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@types/node": {
+ "version": "24.12.2",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.2.tgz",
+ "integrity": "sha512-A1sre26ke7HDIuY/M23nd9gfB+nrmhtYyMINbjI1zHJxYteKR6qSMX56FsmjMcDb3SMcjJg5BiRRgOCC/yBD0g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "undici-types": "~7.16.0"
+ }
+ },
+ "node_modules/@types/react": {
+ "version": "19.2.14",
+ "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+ "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "csstype": "^3.2.2"
+ }
+ },
+ "node_modules/@types/react-dom": {
+ "version": "19.2.3",
+ "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+ "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+ "dev": true,
+ "license": "MIT",
+ "peerDependencies": {
+ "@types/react": "^19.2.0"
+ }
+ },
+ "node_modules/@typescript-eslint/eslint-plugin": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.1.tgz",
+ "integrity": "sha512-eSkwoemjo76bdXl2MYqtxg51HNwUSkWfODUOQ3PaTLZGh9uIWWFZIjyjaJnex7wXDu+TRx+ATsnSxdN9YWfRTQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@eslint-community/regexpp": "^4.12.2",
+ "@typescript-eslint/scope-manager": "8.58.1",
+ "@typescript-eslint/type-utils": "8.58.1",
+ "@typescript-eslint/utils": "8.58.1",
+ "@typescript-eslint/visitor-keys": "8.58.1",
+ "ignore": "^7.0.5",
+ "natural-compare": "^1.4.0",
+ "ts-api-utils": "^2.5.0"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "@typescript-eslint/parser": "^8.58.1",
+ "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+ "version": "7.0.5",
+ "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+ "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">= 4"
+ }
+ },
+ "node_modules/@typescript-eslint/parser": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.1.tgz",
+ "integrity": "sha512-gGkiNMPqerb2cJSVcruigx9eHBlLG14fSdPdqMoOcBfh+vvn4iCq2C8MzUB89PrxOXk0y3GZ1yIWb9aOzL93bw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/scope-manager": "8.58.1",
+ "@typescript-eslint/types": "8.58.1",
+ "@typescript-eslint/typescript-estree": "8.58.1",
+ "@typescript-eslint/visitor-keys": "8.58.1",
+ "debug": "^4.4.3"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/project-service": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.1.tgz",
+ "integrity": "sha512-gfQ8fk6cxhtptek+/8ZIqw8YrRW5048Gug8Ts5IYcMLCw18iUgrZAEY/D7s4hkI0FxEfGakKuPK/XUMPzPxi5g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/tsconfig-utils": "^8.58.1",
+ "@typescript-eslint/types": "^8.58.1",
+ "debug": "^4.4.3"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/scope-manager": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.1.tgz",
+ "integrity": "sha512-TPYUEqJK6avLcEjumWsIuTpuYODTTDAtoMdt8ZZa93uWMTX13Nb8L5leSje1NluammvU+oI3QRr5lLXPgihX3w==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/types": "8.58.1",
+ "@typescript-eslint/visitor-keys": "8.58.1"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ }
+ },
+ "node_modules/@typescript-eslint/tsconfig-utils": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.1.tgz",
+ "integrity": "sha512-JAr2hOIct2Q+qk3G+8YFfqkqi7sC86uNryT+2i5HzMa2MPjw4qNFvtjnw1IiA1rP7QhNKVe21mSSLaSjwA1Olw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/type-utils": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.1.tgz",
+ "integrity": "sha512-HUFxvTJVroT+0rXVJC7eD5zol6ID+Sn5npVPWoFuHGg9Ncq5Q4EYstqR+UOqaNRFXi5TYkpXXkLhoCHe3G0+7w==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/types": "8.58.1",
+ "@typescript-eslint/typescript-estree": "8.58.1",
+ "@typescript-eslint/utils": "8.58.1",
+ "debug": "^4.4.3",
+ "ts-api-utils": "^2.5.0"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/types": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.1.tgz",
+ "integrity": "sha512-io/dV5Aw5ezwzfPBBWLoT+5QfVtP8O7q4Kftjn5azJ88bYyp/ZMCsyW1lpKK46EXJcaYMZ1JtYj+s/7TdzmQMw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ }
+ },
+ "node_modules/@typescript-eslint/typescript-estree": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.1.tgz",
+ "integrity": "sha512-w4w7WR7GHOjqqPnvAYbazq+Y5oS68b9CzasGtnd6jIeOIeKUzYzupGTB2T4LTPSv4d+WPeccbxuneTFHYgAAWg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/project-service": "8.58.1",
+ "@typescript-eslint/tsconfig-utils": "8.58.1",
+ "@typescript-eslint/types": "8.58.1",
+ "@typescript-eslint/visitor-keys": "8.58.1",
+ "debug": "^4.4.3",
+ "minimatch": "^10.2.2",
+ "semver": "^7.7.3",
+ "tinyglobby": "^0.2.15",
+ "ts-api-utils": "^2.5.0"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+ "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": "18 || 20 || >=22"
+ }
+ },
+ "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+ "version": "5.0.5",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+ "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "balanced-match": "^4.0.2"
+ },
+ "engines": {
+ "node": "18 || 20 || >=22"
+ }
+ },
+ "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+ "version": "10.2.5",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+ "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+ "dev": true,
+ "license": "BlueOak-1.0.0",
+ "dependencies": {
+ "brace-expansion": "^5.0.5"
+ },
+ "engines": {
+ "node": "18 || 20 || >=22"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+ "version": "7.7.4",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+ "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+ "dev": true,
+ "license": "ISC",
+ "bin": {
+ "semver": "bin/semver.js"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/@typescript-eslint/utils": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.1.tgz",
+ "integrity": "sha512-Ln8R0tmWC7pTtLOzgJzYTXSCjJ9rDNHAqTaVONF4FEi2qwce8mD9iSOxOpLFFvWp/wBFlew0mjM1L1ihYWfBdQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@eslint-community/eslint-utils": "^4.9.1",
+ "@typescript-eslint/scope-manager": "8.58.1",
+ "@typescript-eslint/types": "8.58.1",
+ "@typescript-eslint/typescript-estree": "8.58.1"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/@typescript-eslint/visitor-keys": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.1.tgz",
+ "integrity": "sha512-y+vH7QE8ycjoa0bWciFg7OpFcipUuem1ujhrdLtq1gByKwfbC7bPeKsiny9e0urg93DqwGcHey+bGRKCnF1nZQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/types": "8.58.1",
+ "eslint-visitor-keys": "^5.0.0"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ }
+ },
+ "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+ "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": "^20.19.0 || ^22.13.0 || >=24"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/@vitejs/plugin-react": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.0.1.tgz",
+ "integrity": "sha512-l9X/E3cDb+xY3SWzlG1MOGt2usfEHGMNIaegaUGFsLkb3RCn/k8/TOXBcab+OndDI4TBtktT8/9BwwW8Vi9KUQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@rolldown/pluginutils": "1.0.0-rc.7"
+ },
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ },
+ "peerDependencies": {
+ "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0",
+ "babel-plugin-react-compiler": "^1.0.0",
+ "vite": "^8.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@rolldown/plugin-babel": {
+ "optional": true
+ },
+ "babel-plugin-react-compiler": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/acorn": {
+ "version": "8.16.0",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+ "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "acorn": "bin/acorn"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/acorn-jsx": {
+ "version": "5.3.2",
+ "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+ "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+ "dev": true,
+ "license": "MIT",
+ "peerDependencies": {
+ "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+ }
+ },
+ "node_modules/ajv": {
+ "version": "6.14.0",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+ "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "fast-deep-equal": "^3.1.1",
+ "fast-json-stable-stringify": "^2.0.0",
+ "json-schema-traverse": "^0.4.1",
+ "uri-js": "^4.2.2"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/epoberezkin"
+ }
+ },
+ "node_modules/ansi-styles": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "color-convert": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/argparse": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+ "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+ "dev": true,
+ "license": "Python-2.0"
+ },
+ "node_modules/balanced-match": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+ "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/baseline-browser-mapping": {
+ "version": "2.10.17",
+ "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.17.tgz",
+ "integrity": "sha512-HdrkN8eVG2CXxeifv/VdJ4A4RSra1DTW8dc/hdxzhGHN8QePs6gKaWM9pHPcpCoxYZJuOZ8drHmbdpLHjCYjLA==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "bin": {
+ "baseline-browser-mapping": "dist/cli.cjs"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/brace-expansion": {
+ "version": "1.1.13",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.13.tgz",
+ "integrity": "sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "balanced-match": "^1.0.0",
+ "concat-map": "0.0.1"
+ }
+ },
+ "node_modules/browserslist": {
+ "version": "4.28.2",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+ "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "baseline-browser-mapping": "^2.10.12",
+ "caniuse-lite": "^1.0.30001782",
+ "electron-to-chromium": "^1.5.328",
+ "node-releases": "^2.0.36",
+ "update-browserslist-db": "^1.2.3"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ },
+ "engines": {
+ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+ }
+ },
+ "node_modules/callsites": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+ "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/caniuse-lite": {
+ "version": "1.0.30001787",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+ "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "CC-BY-4.0"
+ },
+ "node_modules/chalk": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/chalk?sponsor=1"
+ }
+ },
+ "node_modules/color-convert": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+ "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "color-name": "~1.1.4"
+ },
+ "engines": {
+ "node": ">=7.0.0"
+ }
+ },
+ "node_modules/color-name": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/concat-map": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+ "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/convert-source-map": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "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/cross-spawn": {
+ "version": "7.0.6",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+ "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "path-key": "^3.1.0",
+ "shebang-command": "^2.0.0",
+ "which": "^2.0.1"
+ },
+ "engines": {
+ "node": ">= 8"
+ }
+ },
+ "node_modules/csstype": {
+ "version": "3.2.3",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+ "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "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"
+ },
+ "engines": {
+ "node": ">=6.0"
+ },
+ "peerDependenciesMeta": {
+ "supports-color": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/deep-is": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+ "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/detect-libc": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+ "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/electron-to-chromium": {
+ "version": "1.5.334",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.334.tgz",
+ "integrity": "sha512-mgjZAz7Jyx1SRCwEpy9wefDS7GvNPazLthHg8eQMJ76wBdGQQDW33TCrUTvQ4wzpmOrv2zrFoD3oNufMdyMpog==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/escalade": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+ "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/escape-string-regexp": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+ "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/eslint": {
+ "version": "9.39.4",
+ "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
+ "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@eslint-community/eslint-utils": "^4.8.0",
+ "@eslint-community/regexpp": "^4.12.1",
+ "@eslint/config-array": "^0.21.2",
+ "@eslint/config-helpers": "^0.4.2",
+ "@eslint/core": "^0.17.0",
+ "@eslint/eslintrc": "^3.3.5",
+ "@eslint/js": "9.39.4",
+ "@eslint/plugin-kit": "^0.4.1",
+ "@humanfs/node": "^0.16.6",
+ "@humanwhocodes/module-importer": "^1.0.1",
+ "@humanwhocodes/retry": "^0.4.2",
+ "@types/estree": "^1.0.6",
+ "ajv": "^6.14.0",
+ "chalk": "^4.0.0",
+ "cross-spawn": "^7.0.6",
+ "debug": "^4.3.2",
+ "escape-string-regexp": "^4.0.0",
+ "eslint-scope": "^8.4.0",
+ "eslint-visitor-keys": "^4.2.1",
+ "espree": "^10.4.0",
+ "esquery": "^1.5.0",
+ "esutils": "^2.0.2",
+ "fast-deep-equal": "^3.1.3",
+ "file-entry-cache": "^8.0.0",
+ "find-up": "^5.0.0",
+ "glob-parent": "^6.0.2",
+ "ignore": "^5.2.0",
+ "imurmurhash": "^0.1.4",
+ "is-glob": "^4.0.0",
+ "json-stable-stringify-without-jsonify": "^1.0.1",
+ "lodash.merge": "^4.6.2",
+ "minimatch": "^3.1.5",
+ "natural-compare": "^1.4.0",
+ "optionator": "^0.9.3"
+ },
+ "bin": {
+ "eslint": "bin/eslint.js"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "url": "https://eslint.org/donate"
+ },
+ "peerDependencies": {
+ "jiti": "*"
+ },
+ "peerDependenciesMeta": {
+ "jiti": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/eslint-plugin-react-hooks": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
+ "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/core": "^7.24.4",
+ "@babel/parser": "^7.24.4",
+ "hermes-parser": "^0.25.1",
+ "zod": "^3.25.0 || ^4.0.0",
+ "zod-validation-error": "^3.5.0 || ^4.0.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "peerDependencies": {
+ "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+ }
+ },
+ "node_modules/eslint-plugin-react-refresh": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.5.2.tgz",
+ "integrity": "sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==",
+ "dev": true,
+ "license": "MIT",
+ "peerDependencies": {
+ "eslint": "^9 || ^10"
+ }
+ },
+ "node_modules/eslint-scope": {
+ "version": "8.4.0",
+ "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+ "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+ "dev": true,
+ "license": "BSD-2-Clause",
+ "dependencies": {
+ "esrecurse": "^4.3.0",
+ "estraverse": "^5.2.0"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/eslint-visitor-keys": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+ "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/espree": {
+ "version": "10.4.0",
+ "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+ "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+ "dev": true,
+ "license": "BSD-2-Clause",
+ "dependencies": {
+ "acorn": "^8.15.0",
+ "acorn-jsx": "^5.3.2",
+ "eslint-visitor-keys": "^4.2.1"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/esquery": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+ "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+ "dev": true,
+ "license": "BSD-3-Clause",
+ "dependencies": {
+ "estraverse": "^5.1.0"
+ },
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/esrecurse": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+ "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+ "dev": true,
+ "license": "BSD-2-Clause",
+ "dependencies": {
+ "estraverse": "^5.2.0"
+ },
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/estraverse": {
+ "version": "5.3.0",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+ "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+ "dev": true,
+ "license": "BSD-2-Clause",
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/esutils": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+ "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+ "dev": true,
+ "license": "BSD-2-Clause",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/fast-deep-equal": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+ "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/fast-json-stable-stringify": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/fast-levenshtein": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+ "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/fdir": {
+ "version": "6.5.0",
+ "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+ "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12.0.0"
+ },
+ "peerDependencies": {
+ "picomatch": "^3 || ^4"
+ },
+ "peerDependenciesMeta": {
+ "picomatch": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/file-entry-cache": {
+ "version": "8.0.0",
+ "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+ "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "flat-cache": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/find-up": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+ "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "locate-path": "^6.0.0",
+ "path-exists": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/flat-cache": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+ "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "flatted": "^3.2.9",
+ "keyv": "^4.5.4"
+ },
+ "engines": {
+ "node": ">=16"
+ }
+ },
+ "node_modules/flatted": {
+ "version": "3.4.2",
+ "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+ "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/framer-motion": {
+ "version": "12.38.0",
+ "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz",
+ "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==",
+ "license": "MIT",
+ "dependencies": {
+ "motion-dom": "^12.38.0",
+ "motion-utils": "^12.36.0",
+ "tslib": "^2.4.0"
+ },
+ "peerDependencies": {
+ "@emotion/is-prop-valid": "*",
+ "react": "^18.0.0 || ^19.0.0",
+ "react-dom": "^18.0.0 || ^19.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@emotion/is-prop-valid": {
+ "optional": true
+ },
+ "react": {
+ "optional": true
+ },
+ "react-dom": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/fsevents": {
+ "version": "2.3.3",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+ "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+ }
+ },
+ "node_modules/gensync": {
+ "version": "1.0.0-beta.2",
+ "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+ "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/glob-parent": {
+ "version": "6.0.2",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+ "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+ "dev": true,
+ "license": "ISC",
+ "dependencies": {
+ "is-glob": "^4.0.3"
+ },
+ "engines": {
+ "node": ">=10.13.0"
+ }
+ },
+ "node_modules/globals": {
+ "version": "17.4.0",
+ "resolved": "https://registry.npmjs.org/globals/-/globals-17.4.0.tgz",
+ "integrity": "sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/has-flag": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/hermes-estree": {
+ "version": "0.25.1",
+ "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+ "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/hermes-parser": {
+ "version": "0.25.1",
+ "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+ "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "hermes-estree": "0.25.1"
+ }
+ },
+ "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,
+ "license": "MIT",
+ "engines": {
+ "node": ">= 4"
+ }
+ },
+ "node_modules/import-fresh": {
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+ "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "parent-module": "^1.0.0",
+ "resolve-from": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/imurmurhash": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+ "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.8.19"
+ }
+ },
+ "node_modules/is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-glob": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "is-extglob": "^2.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/isexe": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/js-tokens": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+ "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/js-yaml": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+ "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "argparse": "^2.0.1"
+ },
+ "bin": {
+ "js-yaml": "bin/js-yaml.js"
+ }
+ },
+ "node_modules/jsesc": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+ "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "jsesc": "bin/jsesc"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/json-buffer": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+ "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/json-schema-traverse": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/json-stable-stringify-without-jsonify": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+ "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/json5": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+ "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "json5": "lib/cli.js"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/keyv": {
+ "version": "4.5.4",
+ "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+ "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "json-buffer": "3.0.1"
+ }
+ },
+ "node_modules/levn": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+ "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "prelude-ls": "^1.2.1",
+ "type-check": "~0.4.0"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/lightningcss": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+ "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+ "dev": true,
+ "license": "MPL-2.0",
+ "dependencies": {
+ "detect-libc": "^2.0.3"
+ },
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ },
+ "optionalDependencies": {
+ "lightningcss-android-arm64": "1.32.0",
+ "lightningcss-darwin-arm64": "1.32.0",
+ "lightningcss-darwin-x64": "1.32.0",
+ "lightningcss-freebsd-x64": "1.32.0",
+ "lightningcss-linux-arm-gnueabihf": "1.32.0",
+ "lightningcss-linux-arm64-gnu": "1.32.0",
+ "lightningcss-linux-arm64-musl": "1.32.0",
+ "lightningcss-linux-x64-gnu": "1.32.0",
+ "lightningcss-linux-x64-musl": "1.32.0",
+ "lightningcss-win32-arm64-msvc": "1.32.0",
+ "lightningcss-win32-x64-msvc": "1.32.0"
+ }
+ },
+ "node_modules/lightningcss-android-arm64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+ "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-darwin-arm64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+ "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-darwin-x64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+ "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-freebsd-x64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+ "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-linux-arm-gnueabihf": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+ "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-linux-arm64-gnu": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+ "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-linux-arm64-musl": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+ "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-linux-x64-gnu": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+ "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-linux-x64-musl": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+ "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-win32-arm64-msvc": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+ "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/lightningcss-win32-x64-msvc": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+ "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/locate-path": {
+ "version": "6.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+ "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "p-locate": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/lodash.merge": {
+ "version": "4.6.2",
+ "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+ "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/lru-cache": {
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+ "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+ "dev": true,
+ "license": "ISC",
+ "dependencies": {
+ "yallist": "^3.0.2"
+ }
+ },
+ "node_modules/lucide-react": {
+ "version": "1.8.0",
+ "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.8.0.tgz",
+ "integrity": "sha512-WuvlsjngSk7TnTBJ1hsCy3ql9V9VOdcPkd3PKcSmM34vJD8KG6molxz7m7zbYFgICwsanQWmJ13JlYs4Zp7Arw==",
+ "license": "ISC",
+ "peerDependencies": {
+ "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+ }
+ },
+ "node_modules/minimatch": {
+ "version": "3.1.5",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+ "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+ "dev": true,
+ "license": "ISC",
+ "dependencies": {
+ "brace-expansion": "^1.1.7"
+ },
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/motion-dom": {
+ "version": "12.38.0",
+ "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz",
+ "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==",
+ "license": "MIT",
+ "dependencies": {
+ "motion-utils": "^12.36.0"
+ }
+ },
+ "node_modules/motion-utils": {
+ "version": "12.36.0",
+ "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz",
+ "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
+ "license": "MIT"
+ },
+ "node_modules/ms": {
+ "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": {
+ "version": "3.3.11",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+ "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "bin": {
+ "nanoid": "bin/nanoid.cjs"
+ },
+ "engines": {
+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+ }
+ },
+ "node_modules/natural-compare": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+ "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/node-releases": {
+ "version": "2.0.37",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+ "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/optionator": {
+ "version": "0.9.4",
+ "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+ "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "deep-is": "^0.1.3",
+ "fast-levenshtein": "^2.0.6",
+ "levn": "^0.4.1",
+ "prelude-ls": "^1.2.1",
+ "type-check": "^0.4.0",
+ "word-wrap": "^1.2.5"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/p-limit": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+ "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "yocto-queue": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/p-locate": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+ "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "p-limit": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/parent-module": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+ "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "callsites": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/path-exists": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+ "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/path-key": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+ "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/picocolors": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+ "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/picomatch": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+ "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/jonschlinkert"
+ }
+ },
+ "node_modules/postcss": {
+ "version": "8.5.9",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+ "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "nanoid": "^3.3.11",
+ "picocolors": "^1.1.1",
+ "source-map-js": "^1.2.1"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ }
+ },
+ "node_modules/prelude-ls": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+ "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/punycode": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+ "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/react": {
+ "version": "19.2.5",
+ "resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
+ "integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/react-dom": {
+ "version": "19.2.5",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
+ "integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
+ "license": "MIT",
+ "dependencies": {
+ "scheduler": "^0.27.0"
+ },
+ "peerDependencies": {
+ "react": "^19.2.5"
+ }
+ },
+ "node_modules/react-router": {
+ "version": "7.14.0",
+ "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.14.0.tgz",
+ "integrity": "sha512-m/xR9N4LQLmAS0ZhkY2nkPA1N7gQ5TUVa5n8TgANuDTARbn1gt+zLPXEm7W0XDTbrQ2AJSJKhoa6yx1D8BcpxQ==",
+ "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.14.0",
+ "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.14.0.tgz",
+ "integrity": "sha512-2G3ajSVSZMEtmTjIklRWlNvo8wICEpLihfD/0YMDxbWK2UyP5EGfnoIn9AIQGnF3G/FX0MRbHXdFcD+rL1ZreQ==",
+ "license": "MIT",
+ "dependencies": {
+ "react-router": "7.14.0"
+ },
+ "engines": {
+ "node": ">=20.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=18",
+ "react-dom": ">=18"
+ }
+ },
+ "node_modules/resolve-from": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+ "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/rolldown": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.15.tgz",
+ "integrity": "sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@oxc-project/types": "=0.124.0",
+ "@rolldown/pluginutils": "1.0.0-rc.15"
+ },
+ "bin": {
+ "rolldown": "bin/cli.mjs"
+ },
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ },
+ "optionalDependencies": {
+ "@rolldown/binding-android-arm64": "1.0.0-rc.15",
+ "@rolldown/binding-darwin-arm64": "1.0.0-rc.15",
+ "@rolldown/binding-darwin-x64": "1.0.0-rc.15",
+ "@rolldown/binding-freebsd-x64": "1.0.0-rc.15",
+ "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15",
+ "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15",
+ "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15",
+ "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15",
+ "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15",
+ "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15",
+ "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15",
+ "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15",
+ "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15",
+ "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15",
+ "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15"
+ }
+ },
+ "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
+ "version": "1.0.0-rc.15",
+ "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.15.tgz",
+ "integrity": "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/scheduler": {
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+ "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+ "license": "MIT"
+ },
+ "node_modules/semver": {
+ "version": "6.3.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+ "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+ "dev": true,
+ "license": "ISC",
+ "bin": {
+ "semver": "bin/semver.js"
+ }
+ },
+ "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/shebang-command": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+ "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "shebang-regex": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/shebang-regex": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+ "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/source-map-js": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+ "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+ "dev": true,
+ "license": "BSD-3-Clause",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/strip-json-comments": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+ "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/supports-color": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "has-flag": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/tinyglobby": {
+ "version": "0.2.16",
+ "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+ "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "fdir": "^6.5.0",
+ "picomatch": "^4.0.4"
+ },
+ "engines": {
+ "node": ">=12.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/SuperchupuDev"
+ }
+ },
+ "node_modules/ts-api-utils": {
+ "version": "2.5.0",
+ "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+ "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18.12"
+ },
+ "peerDependencies": {
+ "typescript": ">=4.8.4"
+ }
+ },
+ "node_modules/tslib": {
+ "version": "2.8.1",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+ "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+ "license": "0BSD"
+ },
+ "node_modules/type-check": {
+ "version": "0.4.0",
+ "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+ "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "prelude-ls": "^1.2.1"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/typescript": {
+ "version": "6.0.2",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.2.tgz",
+ "integrity": "sha512-bGdAIrZ0wiGDo5l8c++HWtbaNCWTS4UTv7RaTH/ThVIgjkveJt83m74bBHMJkuCbslY8ixgLBVZJIOiQlQTjfQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "bin": {
+ "tsc": "bin/tsc",
+ "tsserver": "bin/tsserver"
+ },
+ "engines": {
+ "node": ">=14.17"
+ }
+ },
+ "node_modules/typescript-eslint": {
+ "version": "8.58.1",
+ "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.1.tgz",
+ "integrity": "sha512-gf6/oHChByg9HJvhMO1iBexJh12AqqTfnuxscMDOVqfJW3htsdRJI/GfPpHTTcyeB8cSTUY2JcZmVgoyPqcrDg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@typescript-eslint/eslint-plugin": "8.58.1",
+ "@typescript-eslint/parser": "8.58.1",
+ "@typescript-eslint/typescript-estree": "8.58.1",
+ "@typescript-eslint/utils": "8.58.1"
+ },
+ "engines": {
+ "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/typescript-eslint"
+ },
+ "peerDependencies": {
+ "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+ "typescript": ">=4.8.4 <6.1.0"
+ }
+ },
+ "node_modules/undici-types": {
+ "version": "7.16.0",
+ "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+ "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/update-browserslist-db": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+ "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "escalade": "^3.2.0",
+ "picocolors": "^1.1.1"
+ },
+ "bin": {
+ "update-browserslist-db": "cli.js"
+ },
+ "peerDependencies": {
+ "browserslist": ">= 4.21.0"
+ }
+ },
+ "node_modules/uri-js": {
+ "version": "4.4.1",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+ "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+ "dev": true,
+ "license": "BSD-2-Clause",
+ "dependencies": {
+ "punycode": "^2.1.0"
+ }
+ },
+ "node_modules/vite": {
+ "version": "8.0.8",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.8.tgz",
+ "integrity": "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "lightningcss": "^1.32.0",
+ "picomatch": "^4.0.4",
+ "postcss": "^8.5.8",
+ "rolldown": "1.0.0-rc.15",
+ "tinyglobby": "^0.2.15"
+ },
+ "bin": {
+ "vite": "bin/vite.js"
+ },
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^20.19.0 || >=22.12.0",
+ "@vitejs/devtools": "^0.1.0",
+ "esbuild": "^0.27.0 || ^0.28.0",
+ "jiti": ">=1.21.0",
+ "less": "^4.0.0",
+ "sass": "^1.70.0",
+ "sass-embedded": "^1.70.0",
+ "stylus": ">=0.54.8",
+ "sugarss": "^5.0.0",
+ "terser": "^5.16.0",
+ "tsx": "^4.8.1",
+ "yaml": "^2.4.2"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "@vitejs/devtools": {
+ "optional": true
+ },
+ "esbuild": {
+ "optional": true
+ },
+ "jiti": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "sass-embedded": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ },
+ "tsx": {
+ "optional": true
+ },
+ "yaml": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/which": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+ "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+ "dev": true,
+ "license": "ISC",
+ "dependencies": {
+ "isexe": "^2.0.0"
+ },
+ "bin": {
+ "node-which": "bin/node-which"
+ },
+ "engines": {
+ "node": ">= 8"
+ }
+ },
+ "node_modules/word-wrap": {
+ "version": "1.2.5",
+ "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+ "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/yallist": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+ "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/yocto-queue": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+ "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/zod": {
+ "version": "4.3.6",
+ "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+ "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+ "dev": true,
+ "license": "MIT",
+ "funding": {
+ "url": "https://github.com/sponsors/colinhacks"
+ }
+ },
+ "node_modules/zod-validation-error": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+ "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18.0.0"
+ },
+ "peerDependencies": {
+ "zod": "^3.25.0 || ^4.0.0"
+ }
+ }
+ }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..80e4ea7
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,33 @@
+{
+ "name": "temp-vite",
+ "private": true,
+ "version": "0.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "vite",
+ "build": "tsc -b && vite build",
+ "lint": "eslint .",
+ "preview": "vite preview"
+ },
+ "dependencies": {
+ "framer-motion": "^12.38.0",
+ "lucide-react": "^1.8.0",
+ "react": "^19.2.4",
+ "react-dom": "^19.2.4",
+ "react-router-dom": "^7.14.0"
+ },
+ "devDependencies": {
+ "@eslint/js": "^9.39.4",
+ "@types/node": "^24.12.2",
+ "@types/react": "^19.2.14",
+ "@types/react-dom": "^19.2.3",
+ "@vitejs/plugin-react": "^6.0.1",
+ "eslint": "^9.39.4",
+ "eslint-plugin-react-hooks": "^7.0.1",
+ "eslint-plugin-react-refresh": "^0.5.2",
+ "globals": "^17.4.0",
+ "typescript": "~6.0.2",
+ "typescript-eslint": "^8.58.0",
+ "vite": "^8.0.4"
+ }
+}
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
new file mode 100644
index 0000000..6893eb1
--- /dev/null
+++ b/frontend/public/favicon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/public/icons.svg b/frontend/public/icons.svg
new file mode 100644
index 0000000..e952219
--- /dev/null
+++ b/frontend/public/icons.svg
@@ -0,0 +1,24 @@
+
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
new file mode 100644
index 0000000..dd704a2
--- /dev/null
+++ b/frontend/src/App.tsx
@@ -0,0 +1,66 @@
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
+import { AuthProvider } from './context/AuthContext'
+import { RiskProvider } from './context/RiskContext'
+import { MobileShell } from './components/layout/MobileShell'
+import { useAuth } from './hooks/useAuth'
+import { LoginPage } from './pages/LoginPage/LoginPage'
+import { DashboardPage } from './pages/DashboardPage/DashboardPage'
+import { AccountDetailPage } from './pages/AccountDetailPage/AccountDetailPage'
+import { TransactionDetailPage } from './pages/TransactionDetailPage/TransactionDetailPage'
+import { SecurityPage } from './pages/SecurityPage/SecurityPage'
+import { ActivityPage } from './pages/ActivityPage/ActivityPage'
+import { SettingsPage } from './pages/SettingsPage/SettingsPage'
+import { PageSpinner } from './components/ui/Spinner'
+import type { ReactNode } from 'react'
+
+/** Protects routes that require authentication */
+function ProtectedRoute({ children }: { children: ReactNode }) {
+ const { isAuthenticated, loading } = useAuth()
+
+ if (loading) return
+ if (!isAuthenticated) return
+
+ return {children}
+}
+
+function AppRoutes() {
+ return (
+
+ } />
+
+
+ } />
+
+ } />
+
+ } />
+
+ } />
+
+ } />
+
+ } />
+
+ {/* Default redirect */}
+ } />
+
+ )
+}
+
+export default function App() {
+ return (
+
+
+
+
+
+
+
+ )
+}
diff --git a/frontend/src/components/fraud/ActionBlockedOverlay.css b/frontend/src/components/fraud/ActionBlockedOverlay.css
new file mode 100644
index 0000000..47f7391
--- /dev/null
+++ b/frontend/src/components/fraud/ActionBlockedOverlay.css
@@ -0,0 +1,50 @@
+.blocked-overlay {
+ position: fixed;
+ inset: 0;
+ background: var(--surface-overlay);
+ z-index: var(--z-modal);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: var(--space-6);
+}
+
+.blocked-content {
+ background: var(--surface-card);
+ border-radius: var(--radius-2xl);
+ padding: var(--space-8) var(--space-6);
+ text-align: center;
+ max-width: 360px;
+ width: 100%;
+}
+
+.blocked-icon-wrap {
+ width: 80px;
+ height: 80px;
+ background: var(--color-error-bg);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto var(--space-5);
+ color: var(--color-error);
+}
+
+.blocked-title {
+ font-size: var(--font-size-xl);
+ font-weight: var(--font-weight-bold);
+ margin-bottom: var(--space-3);
+}
+
+.blocked-message {
+ font-size: var(--font-size-md);
+ color: var(--text-secondary);
+ line-height: var(--line-height-relaxed);
+ margin-bottom: var(--space-6);
+}
+
+.blocked-actions {
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-3);
+}
diff --git a/frontend/src/components/fraud/ActionBlockedOverlay.tsx b/frontend/src/components/fraud/ActionBlockedOverlay.tsx
new file mode 100644
index 0000000..f259192
--- /dev/null
+++ b/frontend/src/components/fraud/ActionBlockedOverlay.tsx
@@ -0,0 +1,50 @@
+import { motion, AnimatePresence } from 'framer-motion'
+import { ShieldAlert, Phone } from 'lucide-react'
+import { Button } from '../ui/Button'
+import './ActionBlockedOverlay.css'
+
+interface ActionBlockedOverlayProps {
+ isOpen: boolean
+ onDismiss: () => void
+ message?: string
+}
+
+export function ActionBlockedOverlay({ isOpen, onDismiss, message }: ActionBlockedOverlayProps) {
+ return (
+
+ {isOpen && (
+
+
+
+
+
+ Action Blocked
+
+ {message ?? 'This action was blocked for your security. We detected unusual activity on your account.'}
+
+
+
+
+
+
+
+ )}
+
+ )
+}
diff --git a/frontend/src/components/fraud/ActivityEntry.css b/frontend/src/components/fraud/ActivityEntry.css
new file mode 100644
index 0000000..3bd1837
--- /dev/null
+++ b/frontend/src/components/fraud/ActivityEntry.css
@@ -0,0 +1,64 @@
+.activity-entry {
+ display: flex;
+ gap: var(--space-3);
+ padding: var(--space-3) var(--space-4);
+ width: 100%;
+ text-align: left;
+ border-bottom: 1px solid var(--border-light);
+ transition: background var(--transition-fast);
+}
+
+.activity-entry:active {
+ background: var(--surface-card-hover);
+}
+
+.activity-entry-bar {
+ width: 4px;
+ border-radius: var(--radius-full);
+ flex-shrink: 0;
+ align-self: stretch;
+}
+
+.activity-entry-content {
+ flex: 1;
+ min-width: 0;
+}
+
+.activity-entry-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: var(--space-1);
+}
+
+.activity-entry-icon {
+ font-size: var(--font-size-md);
+}
+
+.activity-entry-time {
+ font-size: var(--font-size-xs);
+ color: var(--text-tertiary);
+}
+
+.activity-entry-desc {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-medium);
+ color: var(--text-primary);
+ margin-bottom: var(--space-1);
+}
+
+.activity-entry-action {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+}
+
+.activity-entry-pending {
+ display: inline-block;
+ margin-top: var(--space-2);
+ font-size: var(--font-size-xs);
+ font-weight: var(--font-weight-semibold);
+ color: var(--color-warning);
+ background: var(--color-warning-bg);
+ padding: 2px var(--space-2);
+ border-radius: var(--radius-full);
+}
diff --git a/frontend/src/components/fraud/ActivityEntry.tsx b/frontend/src/components/fraud/ActivityEntry.tsx
new file mode 100644
index 0000000..6aafaf1
--- /dev/null
+++ b/frontend/src/components/fraud/ActivityEntry.tsx
@@ -0,0 +1,35 @@
+import { getRiskDisplay } from '../../utils/riskLevel'
+import { formatDateTimeShort } from '../../utils/formatDate'
+import type { ActivityEvent } from '../../types/activity.types'
+import './ActivityEntry.css'
+
+interface ActivityEntryProps {
+ event: ActivityEvent
+ onClick?: () => void
+}
+
+export function ActivityEntry({ event, onClick }: ActivityEntryProps) {
+ const display = getRiskDisplay(event.riskLevel)
+
+ return (
+
+ )
+}
diff --git a/frontend/src/components/fraud/RiskDecisionBanner.css b/frontend/src/components/fraud/RiskDecisionBanner.css
new file mode 100644
index 0000000..57a9c27
--- /dev/null
+++ b/frontend/src/components/fraud/RiskDecisionBanner.css
@@ -0,0 +1,31 @@
+.risk-banner {
+ background: var(--surface-card);
+ border-radius: var(--radius-lg);
+ border-left: 4px solid var(--color-primary-500);
+ padding: var(--space-4);
+ margin-bottom: var(--space-4);
+ animation: slideUp 0.3s ease;
+}
+
+.risk-banner-header {
+ display: flex;
+ align-items: center;
+ gap: var(--space-2);
+ margin-bottom: var(--space-2);
+}
+
+.risk-banner-icon {
+ font-size: var(--font-size-lg);
+}
+
+.risk-banner-text {
+ font-size: var(--font-size-md);
+ color: var(--text-primary);
+ line-height: var(--line-height-relaxed);
+}
+
+.risk-banner-verified {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+ margin-top: var(--space-1);
+}
diff --git a/frontend/src/components/fraud/RiskDecisionBanner.tsx b/frontend/src/components/fraud/RiskDecisionBanner.tsx
new file mode 100644
index 0000000..ec4f71e
--- /dev/null
+++ b/frontend/src/components/fraud/RiskDecisionBanner.tsx
@@ -0,0 +1,42 @@
+import { Badge } from '../ui/Badge'
+import { getRiskDisplay, getDecisionLabel } from '../../utils/riskLevel'
+import { SignalSummary } from './SignalSummary'
+import type { Signal } from '../../types/transaction.types'
+import './RiskDecisionBanner.css'
+
+interface RiskDecisionBannerProps {
+ riskLevel?: string
+ riskDecision?: string
+ actionTaken?: string
+ signals?: Signal[]
+ verifiedAt?: string
+}
+
+export function RiskDecisionBanner({
+ riskLevel,
+ riskDecision,
+ actionTaken,
+ signals = [],
+ verifiedAt,
+}: RiskDecisionBannerProps) {
+ const display = getRiskDisplay(riskLevel)
+ const decisionText = getDecisionLabel(riskDecision, actionTaken)
+
+ const badgeVariant = riskLevel === 'high' ? 'danger'
+ : riskLevel === 'medium' ? 'warning'
+ : 'success'
+
+ return (
+
+
+ {display.icon}
+ {display.label}
+
+
{decisionText}
+ {verifiedAt && (
+
Verified at {verifiedAt}
+ )}
+ {signals.length > 0 &&
}
+
+ )
+}
diff --git a/frontend/src/components/fraud/SignalSummary.css b/frontend/src/components/fraud/SignalSummary.css
new file mode 100644
index 0000000..2087912
--- /dev/null
+++ b/frontend/src/components/fraud/SignalSummary.css
@@ -0,0 +1,43 @@
+.signal-summary {
+ margin-top: var(--space-3);
+ border-top: 1px solid var(--border-light);
+ padding-top: var(--space-3);
+}
+
+.signal-summary-toggle {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ font-size: var(--font-size-sm);
+ font-weight: var(--font-weight-medium);
+ color: var(--text-link);
+ padding: var(--space-1) 0;
+}
+
+.signal-list {
+ margin-top: var(--space-2);
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-2);
+ animation: fadeIn 0.2s ease;
+}
+
+.signal-item {
+ display: flex;
+ align-items: center;
+ gap: var(--space-2);
+ font-size: var(--font-size-sm);
+ color: var(--text-primary);
+}
+
+.signal-dot {
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ flex-shrink: 0;
+}
+
+.signal-dot-low { background: var(--color-risk-low); }
+.signal-dot-medium { background: var(--color-risk-medium); }
+.signal-dot-high { background: var(--color-risk-high); }
diff --git a/frontend/src/components/fraud/SignalSummary.tsx b/frontend/src/components/fraud/SignalSummary.tsx
new file mode 100644
index 0000000..a67798f
--- /dev/null
+++ b/frontend/src/components/fraud/SignalSummary.tsx
@@ -0,0 +1,36 @@
+import { useState } from 'react'
+import { ChevronDown, ChevronUp } from 'lucide-react'
+import type { Signal } from '../../types/transaction.types'
+import './SignalSummary.css'
+
+interface SignalSummaryProps {
+ signals: Signal[]
+}
+
+export function SignalSummary({ signals }: SignalSummaryProps) {
+ const [expanded, setExpanded] = useState(false)
+
+ if (signals.length === 0) return null
+
+ return (
+
+
+ {expanded && (
+
+ {signals.map((signal, index) => (
+ -
+
+ {signal.label}
+
+ ))}
+
+ )}
+
+ )
+}
diff --git a/frontend/src/components/fraud/VerificationChallenge.css b/frontend/src/components/fraud/VerificationChallenge.css
new file mode 100644
index 0000000..2264ce2
--- /dev/null
+++ b/frontend/src/components/fraud/VerificationChallenge.css
@@ -0,0 +1,52 @@
+.challenge-overlay {
+ position: fixed;
+ inset: 0;
+ background: var(--surface-overlay);
+ z-index: var(--z-modal);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: var(--space-6);
+}
+
+.challenge-content {
+ background: var(--surface-card);
+ border-radius: var(--radius-2xl);
+ padding: var(--space-8) var(--space-6);
+ max-width: 360px;
+ width: 100%;
+}
+
+.challenge-icon-wrap {
+ width: 72px;
+ height: 72px;
+ background: var(--color-info-bg);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto var(--space-5);
+ color: var(--color-primary-600);
+}
+
+.challenge-title {
+ font-size: var(--font-size-xl);
+ font-weight: var(--font-weight-bold);
+ text-align: center;
+ margin-bottom: var(--space-2);
+}
+
+.challenge-subtitle {
+ font-size: var(--font-size-md);
+ color: var(--text-secondary);
+ text-align: center;
+ margin-bottom: var(--space-5);
+ line-height: var(--line-height-relaxed);
+}
+
+.challenge-actions {
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-3);
+ margin-top: var(--space-6);
+}
diff --git a/frontend/src/components/fraud/VerificationChallenge.tsx b/frontend/src/components/fraud/VerificationChallenge.tsx
new file mode 100644
index 0000000..5b0e22b
--- /dev/null
+++ b/frontend/src/components/fraud/VerificationChallenge.tsx
@@ -0,0 +1,164 @@
+import { useState } from 'react'
+import { motion, AnimatePresence } from 'framer-motion'
+import { ShieldCheck } from 'lucide-react'
+import { Button } from '../ui/Button'
+import { Input } from '../ui/Input'
+import type { RiskResponse } from '../../types/risk.types'
+import { verificationService } from '../../services/verificationService'
+import './VerificationChallenge.css'
+
+interface VerificationChallengeProps {
+ isOpen: boolean
+ riskResponse: RiskResponse | null
+ onSuccess: () => void
+ onDismiss: () => void
+}
+
+export function VerificationChallenge({
+ isOpen,
+ riskResponse,
+ onSuccess,
+ onDismiss,
+}: VerificationChallengeProps) {
+ const [code, setCode] = useState('')
+ const [password, setPassword] = useState('')
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState('')
+
+ const actionTaken = riskResponse?.actionTaken ?? 'otp_sent'
+ const verificationId = riskResponse?.verificationId ?? 'mock'
+
+ const handleSubmit = async () => {
+ setLoading(true)
+ setError('')
+
+ try {
+ let success = false
+ switch (actionTaken) {
+ case 'otp_sent':
+ success = await verificationService.submitOTP(verificationId, code)
+ break
+ case 'mfa_required':
+ success = await verificationService.submitMFA(verificationId, code)
+ break
+ case 'password_required':
+ success = await verificationService.submitPassword(verificationId, password)
+ break
+ default:
+ success = true
+ }
+
+ if (success) {
+ onSuccess()
+ setCode('')
+ setPassword('')
+ } else {
+ setError('Verification failed. Please try again.')
+ }
+ } catch {
+ setError('An error occurred. Please try again.')
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ const renderContent = () => {
+ switch (actionTaken) {
+ case 'otp_sent':
+ return (
+ <>
+ Enter the code we sent to your phone
+ setCode(e.target.value.replace(/\D/g, ''))}
+ error={error}
+ autoFocus
+ />
+ >
+ )
+ case 'mfa_required':
+ return (
+ <>
+ Enter the code from your authenticator app
+ setCode(e.target.value.replace(/\D/g, ''))}
+ error={error}
+ autoFocus
+ />
+ >
+ )
+ case 'password_required':
+ return (
+ <>
+ Re-enter your password to continue
+ setPassword(e.target.value)}
+ error={error}
+ autoFocus
+ />
+ >
+ )
+ default:
+ return Additional verification is required
+ }
+ }
+
+ return (
+
+ {isOpen && (
+
+
+
+
+
+ Verify Your Identity
+ {renderContent()}
+
+
+
+
+
+
+ )}
+
+ )
+}
diff --git a/frontend/src/components/layout/BottomTabBar.css b/frontend/src/components/layout/BottomTabBar.css
new file mode 100644
index 0000000..e26c497
--- /dev/null
+++ b/frontend/src/components/layout/BottomTabBar.css
@@ -0,0 +1,41 @@
+.bottom-tab-bar {
+ position: fixed;
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 100%;
+ max-width: 430px;
+ height: var(--bottom-nav-height);
+ padding-bottom: var(--safe-area-bottom);
+ background: var(--surface-card);
+ border-top: 1px solid var(--border-light);
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ z-index: var(--z-sticky);
+}
+
+.tab-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 2px;
+ padding: var(--space-2) var(--space-3);
+ color: var(--text-tertiary);
+ transition: color var(--transition-fast);
+ min-width: 56px;
+}
+
+.tab-item:active {
+ transform: scale(0.92);
+}
+
+.tab-active {
+ color: var(--color-primary-600);
+}
+
+.tab-label {
+ font-size: 10px;
+ font-weight: var(--font-weight-medium);
+ letter-spacing: 0.01em;
+}
diff --git a/frontend/src/components/layout/BottomTabBar.tsx b/frontend/src/components/layout/BottomTabBar.tsx
new file mode 100644
index 0000000..194ffe2
--- /dev/null
+++ b/frontend/src/components/layout/BottomTabBar.tsx
@@ -0,0 +1,41 @@
+import { useLocation, useNavigate } from 'react-router-dom'
+import { Home, CreditCard, Shield, Activity, MoreHorizontal } from 'lucide-react'
+import './BottomTabBar.css'
+
+const TABS = [
+ { path: '/dashboard', icon: Home, label: 'Home' },
+ { path: '/accounts/acc_001', icon: CreditCard, label: 'Accounts' },
+ { path: '/security', icon: Shield, label: 'Security' },
+ { path: '/activity', icon: Activity, label: 'Activity' },
+ { path: '/settings', icon: MoreHorizontal, label: 'More' },
+] as const
+
+export function BottomTabBar() {
+ const location = useLocation()
+ const navigate = useNavigate()
+
+ const isActive = (path: string) => {
+ if (path === '/dashboard') return location.pathname === '/dashboard'
+ return location.pathname.startsWith(path.split('/').slice(0, 2).join('/'))
+ }
+
+ return (
+
+ )
+}
diff --git a/frontend/src/components/layout/MobileShell.css b/frontend/src/components/layout/MobileShell.css
new file mode 100644
index 0000000..3e5ca0c
--- /dev/null
+++ b/frontend/src/components/layout/MobileShell.css
@@ -0,0 +1,13 @@
+.mobile-shell {
+ display: flex;
+ flex-direction: column;
+ min-height: 100dvh;
+ position: relative;
+}
+
+.mobile-shell-content {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ padding-bottom: calc(var(--bottom-nav-height) + var(--safe-area-bottom));
+}
diff --git a/frontend/src/components/layout/MobileShell.tsx b/frontend/src/components/layout/MobileShell.tsx
new file mode 100644
index 0000000..9a59d81
--- /dev/null
+++ b/frontend/src/components/layout/MobileShell.tsx
@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react'
+import { BottomTabBar } from './BottomTabBar'
+import './MobileShell.css'
+
+interface MobileShellProps {
+ children: ReactNode
+}
+
+export function MobileShell({ children }: MobileShellProps) {
+ return (
+
+
+ {children}
+
+
+
+ )
+}
diff --git a/frontend/src/components/layout/PageHeader.css b/frontend/src/components/layout/PageHeader.css
new file mode 100644
index 0000000..71501a9
--- /dev/null
+++ b/frontend/src/components/layout/PageHeader.css
@@ -0,0 +1,45 @@
+.page-header {
+ display: flex;
+ align-items: center;
+ height: var(--page-header-height);
+ padding: 0 var(--space-4);
+ background: var(--surface-card);
+ border-bottom: 1px solid var(--border-light);
+ position: sticky;
+ top: 0;
+ z-index: var(--z-sticky);
+}
+
+.page-header-left,
+.page-header-right {
+ width: 40px;
+ display: flex;
+ align-items: center;
+}
+
+.page-header-right {
+ justify-content: flex-end;
+}
+
+.page-header-back {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 36px;
+ height: 36px;
+ border-radius: var(--radius-full);
+ color: var(--text-primary);
+ transition: background var(--transition-fast);
+}
+
+.page-header-back:active {
+ background: var(--border-light);
+}
+
+.page-header-title {
+ flex: 1;
+ text-align: center;
+ font-size: var(--font-size-base);
+ font-weight: var(--font-weight-semibold);
+ color: var(--text-primary);
+}
diff --git a/frontend/src/components/layout/PageHeader.tsx b/frontend/src/components/layout/PageHeader.tsx
new file mode 100644
index 0000000..65e8d46
--- /dev/null
+++ b/frontend/src/components/layout/PageHeader.tsx
@@ -0,0 +1,29 @@
+import { useNavigate } from 'react-router-dom'
+import { ArrowLeft } from 'lucide-react'
+import './PageHeader.css'
+
+interface PageHeaderProps {
+ title: string
+ showBack?: boolean
+ rightAction?: React.ReactNode
+}
+
+export function PageHeader({ title, showBack = false, rightAction }: PageHeaderProps) {
+ const navigate = useNavigate()
+
+ return (
+
+
+ {showBack && (
+
+ )}
+
+ {title}
+
+ {rightAction}
+
+
+ )
+}
diff --git a/frontend/src/components/shared/AccountCard.css b/frontend/src/components/shared/AccountCard.css
new file mode 100644
index 0000000..f5f2923
--- /dev/null
+++ b/frontend/src/components/shared/AccountCard.css
@@ -0,0 +1,32 @@
+.account-card {
+ min-height: 110px;
+}
+
+.account-card-inner {
+ padding: var(--space-4) var(--space-5);
+}
+
+.account-card-name {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-semibold);
+ margin-bottom: var(--space-2);
+ letter-spacing: 0.02em;
+}
+
+.account-card-balance {
+ font-size: var(--font-size-3xl);
+ font-weight: var(--font-weight-bold);
+ line-height: 1;
+ margin-bottom: var(--space-1);
+}
+
+.account-card-cents {
+ font-size: var(--font-size-lg);
+ font-weight: var(--font-weight-semibold);
+ vertical-align: super;
+}
+
+.account-card-label {
+ font-size: var(--font-size-sm);
+ opacity: 0.8;
+}
diff --git a/frontend/src/components/shared/AccountCard.tsx b/frontend/src/components/shared/AccountCard.tsx
new file mode 100644
index 0000000..be8982f
--- /dev/null
+++ b/frontend/src/components/shared/AccountCard.tsx
@@ -0,0 +1,35 @@
+import { useNavigate } from 'react-router-dom'
+import { Card } from '../ui/Card'
+import { splitCurrency } from '../../utils/formatCurrency'
+import { ACCOUNT_GRADIENTS } from '../../utils/constants'
+import type { Account } from '../../types/account.types'
+import './AccountCard.css'
+
+interface AccountCardProps {
+ account: Account
+}
+
+export function AccountCard({ account }: AccountCardProps) {
+ const navigate = useNavigate()
+ const gradient = ACCOUNT_GRADIENTS[account.type] ?? ACCOUNT_GRADIENTS.checking
+ const { whole, cents } = splitCurrency(account.balance, account.currency)
+
+ return (
+ navigate(`/accounts/${account.id}`)}
+ className="account-card"
+ >
+
+
+ {account.name}...{account.lastFour}
+
+
+ {whole}{cents}
+
+
Current balance
+
+
+ )
+}
diff --git a/frontend/src/components/shared/GreetingBanner.css b/frontend/src/components/shared/GreetingBanner.css
new file mode 100644
index 0000000..9e3faba
--- /dev/null
+++ b/frontend/src/components/shared/GreetingBanner.css
@@ -0,0 +1,12 @@
+.greeting-banner {
+ background: var(--gradient-dark-header);
+ padding: var(--space-8) var(--space-5) var(--space-6);
+ text-align: center;
+}
+
+.greeting-text {
+ font-size: var(--font-size-2xl);
+ font-weight: var(--font-weight-regular);
+ color: var(--text-inverse);
+ letter-spacing: -0.01em;
+}
diff --git a/frontend/src/components/shared/GreetingBanner.tsx b/frontend/src/components/shared/GreetingBanner.tsx
new file mode 100644
index 0000000..28eabc7
--- /dev/null
+++ b/frontend/src/components/shared/GreetingBanner.tsx
@@ -0,0 +1,16 @@
+import { getGreetingText } from '../../utils/greetingText'
+import './GreetingBanner.css'
+
+interface GreetingBannerProps {
+ name: string
+}
+
+export function GreetingBanner({ name }: GreetingBannerProps) {
+ const greeting = getGreetingText(name)
+
+ return (
+
+
{greeting}
+
+ )
+}
diff --git a/frontend/src/components/shared/TransactionRow.css b/frontend/src/components/shared/TransactionRow.css
new file mode 100644
index 0000000..bf44ae6
--- /dev/null
+++ b/frontend/src/components/shared/TransactionRow.css
@@ -0,0 +1,67 @@
+.txn-row {
+ display: flex;
+ align-items: center;
+ gap: var(--space-3);
+ padding: var(--space-3) var(--space-4);
+ width: 100%;
+ text-align: left;
+ border-bottom: 1px solid var(--border-light);
+ transition: background var(--transition-fast);
+}
+
+.txn-row:active {
+ background: var(--surface-card-hover);
+}
+
+.txn-row-icon {
+ font-size: var(--font-size-xl);
+ width: 40px;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--surface-bg);
+ border-radius: var(--radius-lg);
+ flex-shrink: 0;
+}
+
+.txn-row-info {
+ flex: 1;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 2px;
+}
+
+.txn-row-merchant {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-medium);
+ color: var(--text-primary);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.txn-row-status {
+ display: flex;
+ align-items: center;
+ gap: var(--space-1);
+ font-size: var(--font-size-xs);
+ color: var(--text-secondary);
+}
+
+.txn-row-risk-icon {
+ font-size: 12px;
+}
+
+.txn-row-amount {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-semibold);
+ color: var(--text-primary);
+ white-space: nowrap;
+}
+
+.txn-row-blocked {
+ color: var(--color-error);
+ text-decoration: line-through;
+}
diff --git a/frontend/src/components/shared/TransactionRow.tsx b/frontend/src/components/shared/TransactionRow.tsx
new file mode 100644
index 0000000..fb3cdc5
--- /dev/null
+++ b/frontend/src/components/shared/TransactionRow.tsx
@@ -0,0 +1,43 @@
+import { useNavigate } from 'react-router-dom'
+import { getRiskDisplay } from '../../utils/riskLevel'
+import { formatCurrency } from '../../utils/formatCurrency'
+import type { Transaction } from '../../types/transaction.types'
+import './TransactionRow.css'
+
+interface TransactionRowProps {
+ transaction: Transaction
+}
+
+const CATEGORY_ICONS: Record = {
+ dining: '🍽️',
+ transfer: '💸',
+ shopping: '🛍️',
+ subscription: '🔄',
+ fuel: '⛽',
+}
+
+export function TransactionRow({ transaction }: TransactionRowProps) {
+ const navigate = useNavigate()
+ const display = getRiskDisplay(transaction.riskLevel)
+ const categoryIcon = CATEGORY_ICONS[transaction.merchantCategory ?? ''] ?? '💳'
+ const isBlocked = transaction.status === 'blocked'
+
+ return (
+
+ )
+}
diff --git a/frontend/src/components/ui/Badge.css b/frontend/src/components/ui/Badge.css
new file mode 100644
index 0000000..12a38a5
--- /dev/null
+++ b/frontend/src/components/ui/Badge.css
@@ -0,0 +1,43 @@
+.badge {
+ display: inline-flex;
+ align-items: center;
+ gap: var(--space-1);
+ font-weight: var(--font-weight-medium);
+ border-radius: var(--radius-full);
+ white-space: nowrap;
+}
+
+.badge-sm {
+ padding: 2px var(--space-2);
+ font-size: var(--font-size-xs);
+}
+
+.badge-md {
+ padding: var(--space-1) var(--space-3);
+ font-size: var(--font-size-sm);
+}
+
+.badge-default {
+ background: var(--border-light);
+ color: var(--text-secondary);
+}
+
+.badge-success {
+ background: var(--color-success-bg);
+ color: var(--color-success);
+}
+
+.badge-warning {
+ background: var(--color-warning-bg);
+ color: var(--color-warning);
+}
+
+.badge-danger {
+ background: var(--color-error-bg);
+ color: var(--color-error);
+}
+
+.badge-info {
+ background: var(--color-info-bg);
+ color: var(--color-info);
+}
diff --git a/frontend/src/components/ui/Badge.tsx b/frontend/src/components/ui/Badge.tsx
new file mode 100644
index 0000000..e90b9ce
--- /dev/null
+++ b/frontend/src/components/ui/Badge.tsx
@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react'
+import './Badge.css'
+
+interface BadgeProps {
+ children: ReactNode
+ variant?: 'default' | 'success' | 'warning' | 'danger' | 'info'
+ size?: 'sm' | 'md'
+}
+
+export function Badge({ children, variant = 'default', size = 'sm' }: BadgeProps) {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/frontend/src/components/ui/BottomSheet.css b/frontend/src/components/ui/BottomSheet.css
new file mode 100644
index 0000000..149a59b
--- /dev/null
+++ b/frontend/src/components/ui/BottomSheet.css
@@ -0,0 +1,45 @@
+.bottom-sheet-overlay {
+ position: fixed;
+ inset: 0;
+ background: var(--surface-overlay);
+ z-index: var(--z-overlay);
+}
+
+.bottom-sheet {
+ position: fixed;
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 100%;
+ max-width: 430px;
+ max-height: 85dvh;
+ background: var(--surface-sheet);
+ border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
+ z-index: var(--z-modal);
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+}
+
+.bottom-sheet-handle {
+ width: 36px;
+ height: 4px;
+ background: var(--border-medium);
+ border-radius: var(--radius-full);
+ margin: var(--space-3) auto var(--space-2);
+ flex-shrink: 0;
+}
+
+.bottom-sheet-title {
+ font-size: var(--font-size-lg);
+ font-weight: var(--font-weight-semibold);
+ padding: var(--space-2) var(--space-4) var(--space-3);
+ flex-shrink: 0;
+}
+
+.bottom-sheet-content {
+ flex: 1;
+ overflow-y: auto;
+ padding: 0 var(--space-4) var(--space-6);
+ -webkit-overflow-scrolling: touch;
+}
diff --git a/frontend/src/components/ui/BottomSheet.tsx b/frontend/src/components/ui/BottomSheet.tsx
new file mode 100644
index 0000000..070a5a3
--- /dev/null
+++ b/frontend/src/components/ui/BottomSheet.tsx
@@ -0,0 +1,55 @@
+import { type ReactNode, useEffect, useRef } from 'react'
+import { motion, AnimatePresence } from 'framer-motion'
+import './BottomSheet.css'
+
+interface BottomSheetProps {
+ isOpen: boolean
+ onClose: () => void
+ children: ReactNode
+ title?: string
+}
+
+export function BottomSheet({ isOpen, onClose, children, title }: BottomSheetProps) {
+ const sheetRef = useRef(null)
+
+ useEffect(() => {
+ if (isOpen) {
+ document.body.style.overflow = 'hidden'
+ } else {
+ document.body.style.overflow = ''
+ }
+ return () => { document.body.style.overflow = '' }
+ }, [isOpen])
+
+ return (
+
+ {isOpen && (
+ <>
+
+
+
+ {title && {title}
}
+
+ {children}
+
+
+ >
+ )}
+
+ )
+}
diff --git a/frontend/src/components/ui/Button.css b/frontend/src/components/ui/Button.css
new file mode 100644
index 0000000..393eb6b
--- /dev/null
+++ b/frontend/src/components/ui/Button.css
@@ -0,0 +1,105 @@
+.btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: var(--space-2);
+ font-weight: var(--font-weight-semibold);
+ border-radius: var(--radius-lg);
+ transition: all var(--transition-fast);
+ cursor: pointer;
+ white-space: nowrap;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.btn:active {
+ transform: scale(0.97);
+}
+
+.btn:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ transform: none;
+}
+
+/* Sizes */
+.btn-sm {
+ padding: var(--space-2) var(--space-3);
+ font-size: var(--font-size-sm);
+ border-radius: var(--radius-md);
+}
+
+.btn-md {
+ padding: var(--space-3) var(--space-5);
+ font-size: var(--font-size-md);
+}
+
+.btn-lg {
+ padding: var(--space-4) var(--space-6);
+ font-size: var(--font-size-base);
+ border-radius: var(--radius-xl);
+}
+
+/* Variants */
+.btn-primary {
+ background: var(--color-primary-700);
+ color: var(--text-inverse);
+}
+
+.btn-primary:hover:not(:disabled) {
+ background: var(--color-primary-600);
+}
+
+.btn-secondary {
+ background: var(--surface-card);
+ color: var(--text-primary);
+ border: 1px solid var(--border-medium);
+}
+
+.btn-secondary:hover:not(:disabled) {
+ background: var(--surface-card-hover);
+}
+
+.btn-ghost {
+ background: transparent;
+ color: var(--text-link);
+}
+
+.btn-ghost:hover:not(:disabled) {
+ background: var(--color-primary-50);
+}
+
+.btn-danger {
+ background: var(--color-error);
+ color: var(--text-inverse);
+}
+
+.btn-danger:hover:not(:disabled) {
+ background: #c0392b;
+}
+
+.btn-success {
+ background: var(--color-success);
+ color: var(--text-inverse);
+}
+
+.btn-success:hover:not(:disabled) {
+ background: #219a52;
+}
+
+.btn-full {
+ width: 100%;
+}
+
+/* Spinner */
+.btn-spinner {
+ width: 16px;
+ height: 16px;
+ border: 2px solid rgba(255, 255, 255, 0.3);
+ border-top-color: white;
+ border-radius: 50%;
+ animation: spin 0.6s linear infinite;
+}
+
+@keyframes spin {
+ to { transform: rotate(360deg); }
+}
diff --git a/frontend/src/components/ui/Button.tsx b/frontend/src/components/ui/Button.tsx
new file mode 100644
index 0000000..8c7fda6
--- /dev/null
+++ b/frontend/src/components/ui/Button.tsx
@@ -0,0 +1,32 @@
+import type { ReactNode, ButtonHTMLAttributes } from 'react'
+import './Button.css'
+
+interface ButtonProps extends ButtonHTMLAttributes {
+ children: ReactNode
+ variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'success'
+ size?: 'sm' | 'md' | 'lg'
+ fullWidth?: boolean
+ loading?: boolean
+}
+
+export function Button({
+ children,
+ variant = 'primary',
+ size = 'md',
+ fullWidth = false,
+ loading = false,
+ disabled,
+ className = '',
+ ...props
+}: ButtonProps) {
+ return (
+
+ )
+}
diff --git a/frontend/src/components/ui/Card.css b/frontend/src/components/ui/Card.css
new file mode 100644
index 0000000..f7cf296
--- /dev/null
+++ b/frontend/src/components/ui/Card.css
@@ -0,0 +1,33 @@
+.card {
+ background: var(--surface-card);
+ border-radius: var(--radius-xl);
+ box-shadow: var(--shadow-card);
+ overflow: hidden;
+ width: 100%;
+ text-align: left;
+}
+
+.card-gradient {
+ color: var(--text-inverse);
+}
+
+.card-interactive {
+ cursor: pointer;
+ transition: transform var(--transition-fast), box-shadow var(--transition-fast);
+}
+
+.card-interactive:active {
+ transform: scale(0.98);
+}
+
+.card-interactive:hover {
+ box-shadow: var(--shadow-lg);
+}
+
+.card-header {
+ padding: var(--space-4) var(--space-4) var(--space-2);
+}
+
+.card-body {
+ padding: var(--space-2) var(--space-4) var(--space-4);
+}
diff --git a/frontend/src/components/ui/Card.tsx b/frontend/src/components/ui/Card.tsx
new file mode 100644
index 0000000..8d88cb1
--- /dev/null
+++ b/frontend/src/components/ui/Card.tsx
@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react'
+import './Card.css'
+
+interface CardProps {
+ children: ReactNode
+ variant?: 'default' | 'gradient'
+ gradient?: string
+ onClick?: () => void
+ className?: string
+}
+
+export function Card({
+ children,
+ variant = 'default',
+ gradient,
+ onClick,
+ className = '',
+}: CardProps) {
+ const style = gradient ? { background: gradient } : undefined
+ const Tag = onClick ? 'button' : 'div'
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function CardHeader({ children, className = '' }: { children: ReactNode; className?: string }) {
+ return {children}
+}
+
+export function CardBody({ children, className = '' }: { children: ReactNode; className?: string }) {
+ return {children}
+}
diff --git a/frontend/src/components/ui/Input.css b/frontend/src/components/ui/Input.css
new file mode 100644
index 0000000..67567a4
--- /dev/null
+++ b/frontend/src/components/ui/Input.css
@@ -0,0 +1,44 @@
+.input-group {
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-1);
+}
+
+.input-label {
+ font-size: var(--font-size-sm);
+ font-weight: var(--font-weight-medium);
+ color: var(--text-secondary);
+}
+
+.input-field {
+ width: 100%;
+ padding: var(--space-3) var(--space-4);
+ background: var(--surface-card);
+ border: 1.5px solid var(--border-light);
+ border-radius: var(--radius-lg);
+ font-size: var(--font-size-base);
+ color: var(--text-primary);
+ transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+}
+
+.input-field::placeholder {
+ color: var(--text-tertiary);
+}
+
+.input-field:focus {
+ border-color: var(--border-focus);
+ box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.15);
+}
+
+.input-error .input-field {
+ border-color: var(--color-error);
+}
+
+.input-error .input-field:focus {
+ box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);
+}
+
+.input-error-text {
+ font-size: var(--font-size-xs);
+ color: var(--color-error);
+}
diff --git a/frontend/src/components/ui/Input.tsx b/frontend/src/components/ui/Input.tsx
new file mode 100644
index 0000000..dba58be
--- /dev/null
+++ b/frontend/src/components/ui/Input.tsx
@@ -0,0 +1,17 @@
+import type { InputHTMLAttributes } from 'react'
+import './Input.css'
+
+interface InputProps extends InputHTMLAttributes {
+ label?: string
+ error?: string
+}
+
+export function Input({ label, error, id, className = '', ...props }: InputProps) {
+ return (
+
+ {label && }
+
+ {error && {error}}
+
+ )
+}
diff --git a/frontend/src/components/ui/Spinner.css b/frontend/src/components/ui/Spinner.css
new file mode 100644
index 0000000..78be1c7
--- /dev/null
+++ b/frontend/src/components/ui/Spinner.css
@@ -0,0 +1,37 @@
+.spinner {
+ border-radius: 50%;
+ border-style: solid;
+ border-color: var(--border-light);
+ border-top-color: var(--color-primary-500);
+ animation: spin 0.7s linear infinite;
+}
+
+.spinner-sm {
+ width: 16px;
+ height: 16px;
+ border-width: 2px;
+}
+
+.spinner-md {
+ width: 28px;
+ height: 28px;
+ border-width: 3px;
+}
+
+.spinner-lg {
+ width: 40px;
+ height: 40px;
+ border-width: 3px;
+}
+
+.page-spinner-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: var(--space-12) 0;
+ flex: 1;
+}
+
+@keyframes spin {
+ to { transform: rotate(360deg); }
+}
diff --git a/frontend/src/components/ui/Spinner.tsx b/frontend/src/components/ui/Spinner.tsx
new file mode 100644
index 0000000..e2daae2
--- /dev/null
+++ b/frontend/src/components/ui/Spinner.tsx
@@ -0,0 +1,21 @@
+import './Spinner.css'
+
+interface SpinnerProps {
+ size?: 'sm' | 'md' | 'lg'
+}
+
+export function Spinner({ size = 'md' }: SpinnerProps) {
+ return (
+
+ Loading...
+
+ )
+}
+
+export function PageSpinner() {
+ return (
+
+
+
+ )
+}
diff --git a/frontend/src/components/ui/Toggle.css b/frontend/src/components/ui/Toggle.css
new file mode 100644
index 0000000..1a173a2
--- /dev/null
+++ b/frontend/src/components/ui/Toggle.css
@@ -0,0 +1,38 @@
+.toggle {
+ position: relative;
+ width: 52px;
+ height: 30px;
+ border-radius: var(--radius-full);
+ transition: background var(--transition-fast);
+ cursor: pointer;
+ flex-shrink: 0;
+}
+
+.toggle:disabled {
+ opacity: 0.4;
+ cursor: not-allowed;
+}
+
+.toggle-on {
+ background: var(--color-error);
+}
+
+.toggle-off {
+ background: var(--border-medium);
+}
+
+.toggle-thumb {
+ position: absolute;
+ top: 3px;
+ left: 3px;
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ background: white;
+ box-shadow: var(--shadow-sm);
+ transition: transform var(--transition-fast);
+}
+
+.toggle-on .toggle-thumb {
+ transform: translateX(22px);
+}
diff --git a/frontend/src/components/ui/Toggle.tsx b/frontend/src/components/ui/Toggle.tsx
new file mode 100644
index 0000000..2c3d8cc
--- /dev/null
+++ b/frontend/src/components/ui/Toggle.tsx
@@ -0,0 +1,23 @@
+import './Toggle.css'
+
+interface ToggleProps {
+ checked: boolean
+ onChange: (checked: boolean) => void
+ disabled?: boolean
+ id?: string
+}
+
+export function Toggle({ checked, onChange, disabled = false, id }: ToggleProps) {
+ return (
+
+ )
+}
diff --git a/frontend/src/context/AuthContext.tsx b/frontend/src/context/AuthContext.tsx
new file mode 100644
index 0000000..ff28e63
--- /dev/null
+++ b/frontend/src/context/AuthContext.tsx
@@ -0,0 +1,91 @@
+import { createContext, useReducer, useEffect, useCallback, type ReactNode } from 'react'
+import type { User } from '../types/user.types'
+import { authService } from '../services/authService'
+
+interface AuthState {
+ user: User | null
+ isAuthenticated: boolean
+ loading: boolean
+}
+
+type AuthAction =
+ | { type: 'SET_USER'; payload: User }
+ | { type: 'LOGOUT' }
+ | { type: 'SET_LOADING'; payload: boolean }
+
+function authReducer(state: AuthState, action: AuthAction): AuthState {
+ switch (action.type) {
+ case 'SET_USER':
+ return { ...state, user: action.payload, isAuthenticated: true, loading: false }
+ case 'LOGOUT':
+ return { ...state, user: null, isAuthenticated: false, loading: false }
+ case 'SET_LOADING':
+ return { ...state, loading: action.payload }
+ default:
+ return state
+ }
+}
+
+interface AuthContextValue {
+ user: User | null
+ isAuthenticated: boolean
+ loading: boolean
+ login: (email: string, password: string) => Promise
+ logout: () => Promise
+}
+
+export const AuthContext = createContext(undefined)
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+ const [state, dispatch] = useReducer(authReducer, {
+ user: null,
+ isAuthenticated: false,
+ loading: true,
+ })
+
+ // Check for existing session on mount
+ useEffect(() => {
+ async function checkSession() {
+ if (authService.isAuthenticated()) {
+ try {
+ const user = await authService.getCurrentUser()
+ dispatch({ type: 'SET_USER', payload: user })
+ } catch {
+ dispatch({ type: 'LOGOUT' })
+ }
+ } else {
+ dispatch({ type: 'SET_LOADING', payload: false })
+ }
+ }
+ checkSession()
+ }, [])
+
+ const login = useCallback(async (email: string, password: string): Promise => {
+ dispatch({ type: 'SET_LOADING', payload: true })
+ try {
+ const { user } = await authService.login(email, password)
+ dispatch({ type: 'SET_USER', payload: user })
+ return true
+ } catch {
+ dispatch({ type: 'SET_LOADING', payload: false })
+ return false
+ }
+ }, [])
+
+ const logout = useCallback(async () => {
+ await authService.logout()
+ dispatch({ type: 'LOGOUT' })
+ }, [])
+
+ return (
+
+ {children}
+
+ )
+}
diff --git a/frontend/src/context/RiskContext.tsx b/frontend/src/context/RiskContext.tsx
new file mode 100644
index 0000000..3f9b3c2
--- /dev/null
+++ b/frontend/src/context/RiskContext.tsx
@@ -0,0 +1,55 @@
+import { createContext, useContext, useState, useCallback, type ReactNode } from 'react'
+import type { RiskResponse } from '../types/risk.types'
+
+interface RiskContextValue {
+ /** Currently active verification challenge, if any */
+ activeChallenge: RiskResponse | null
+ showChallenge: boolean
+ showBlocked: boolean
+ presentChallenge: (response: RiskResponse) => void
+ presentBlocked: (response: RiskResponse) => void
+ dismissAll: () => void
+}
+
+const RiskContext = createContext(undefined)
+
+export function RiskProvider({ children }: { children: ReactNode }) {
+ const [activeChallenge, setActiveChallenge] = useState(null)
+ const [showChallenge, setShowChallenge] = useState(false)
+ const [showBlocked, setShowBlocked] = useState(false)
+
+ const presentChallenge = useCallback((response: RiskResponse) => {
+ setActiveChallenge(response)
+ setShowChallenge(true)
+ }, [])
+
+ const presentBlocked = useCallback((response: RiskResponse) => {
+ setActiveChallenge(response)
+ setShowBlocked(true)
+ }, [])
+
+ const dismissAll = useCallback(() => {
+ setShowChallenge(false)
+ setShowBlocked(false)
+ setActiveChallenge(null)
+ }, [])
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function useRisk() {
+ const context = useContext(RiskContext)
+ if (!context) throw new Error('useRisk must be used within RiskProvider')
+ return context
+}
diff --git a/frontend/src/hooks/useAuth.ts b/frontend/src/hooks/useAuth.ts
new file mode 100644
index 0000000..af0a664
--- /dev/null
+++ b/frontend/src/hooks/useAuth.ts
@@ -0,0 +1,14 @@
+import { useContext } from 'react'
+import { AuthContext } from '../context/AuthContext'
+
+/**
+ * Hook to access auth state and actions.
+ * Must be used within AuthProvider.
+ */
+export function useAuth() {
+ const context = useContext(AuthContext)
+ if (!context) {
+ throw new Error('useAuth must be used within an AuthProvider')
+ }
+ return context
+}
diff --git a/frontend/src/hooks/useDebounce.ts b/frontend/src/hooks/useDebounce.ts
new file mode 100644
index 0000000..d67d050
--- /dev/null
+++ b/frontend/src/hooks/useDebounce.ts
@@ -0,0 +1,18 @@
+import { useState, useEffect } from 'react'
+
+/**
+ * Debounce hook — delays value updates by a specified delay.
+ */
+export function useDebounce(value: T, delay: number): T {
+ const [debouncedValue, setDebouncedValue] = useState(value)
+
+ useEffect(() => {
+ const handler = setTimeout(() => {
+ setDebouncedValue(value)
+ }, delay)
+
+ return () => clearTimeout(handler)
+ }, [value, delay])
+
+ return debouncedValue
+}
diff --git a/frontend/src/hooks/useMutation.ts b/frontend/src/hooks/useMutation.ts
new file mode 100644
index 0000000..a3a978e
--- /dev/null
+++ b/frontend/src/hooks/useMutation.ts
@@ -0,0 +1,31 @@
+import { useState, useCallback } from 'react'
+
+/**
+ * Generic mutation hook for POST/PATCH/DELETE operations.
+ */
+export function useMutation(
+ mutationFn: (variables: TVariables) => Promise
+) {
+ const [data, setData] = useState(null)
+ const [error, setError] = useState(null)
+ const [loading, setLoading] = useState(false)
+
+ const mutate = useCallback(async (variables: TVariables): Promise => {
+ setLoading(true)
+ setError(null)
+
+ try {
+ const result = await mutationFn(variables)
+ setData(result)
+ return result
+ } catch (err) {
+ const mutationError = err as Error
+ setError(mutationError)
+ return null
+ } finally {
+ setLoading(false)
+ }
+ }, [mutationFn])
+
+ return { mutate, data, error, loading }
+}
diff --git a/frontend/src/hooks/useQuery.ts b/frontend/src/hooks/useQuery.ts
new file mode 100644
index 0000000..aa79717
--- /dev/null
+++ b/frontend/src/hooks/useQuery.ts
@@ -0,0 +1,51 @@
+import { useState, useEffect, useCallback, useRef } from 'react'
+
+interface UseQueryOptions {
+ onSuccess?: (data: T) => void
+ onError?: (error: Error) => void
+ enabled?: boolean
+}
+
+/**
+ * Generic async data-fetching hook.
+ * Follows the frontend-patterns skill's useQuery pattern.
+ */
+export function useQuery(
+ key: string,
+ fetcher: () => Promise,
+ options?: UseQueryOptions
+) {
+ const [data, setData] = useState(null)
+ const [error, setError] = useState(null)
+ const [loading, setLoading] = useState(false)
+ const fetcherRef = useRef(fetcher)
+ fetcherRef.current = fetcher
+
+ const refetch = useCallback(async () => {
+ setLoading(true)
+ setError(null)
+
+ try {
+ const result = await fetcherRef.current()
+ setData(result)
+ options?.onSuccess?.(result)
+ } catch (err) {
+ const fetchError = err as Error
+ setError(fetchError)
+ options?.onError?.(fetchError)
+ } finally {
+ setLoading(false)
+ }
+ // Intentionally only depend on key to avoid infinite loops
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [key])
+
+ useEffect(() => {
+ if (options?.enabled !== false) {
+ refetch()
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [key, refetch])
+
+ return { data, error, loading, refetch }
+}
diff --git a/frontend/src/hooks/useRiskAction.ts b/frontend/src/hooks/useRiskAction.ts
new file mode 100644
index 0000000..f6f2879
--- /dev/null
+++ b/frontend/src/hooks/useRiskAction.ts
@@ -0,0 +1,61 @@
+import { useState, useCallback } from 'react'
+import type { RiskResponse } from '../types/risk.types'
+import { riskActionService } from '../services/riskActionService'
+
+/**
+ * Central hook connecting user actions to the risk system's response.
+ * Manages the verification challenge and blocked overlays.
+ */
+export function useRiskAction() {
+ const [verificationState, setVerificationState] = useState(null)
+ const [showChallenge, setShowChallenge] = useState(false)
+ const [showBlocked, setShowBlocked] = useState(false)
+
+ const executeAction = useCallback(async (
+ triggerType: string,
+ payload: Record
+ ): Promise => {
+ try {
+ const response = await riskActionService.evaluate(triggerType, payload)
+
+ switch (response.decision) {
+ case 'approved':
+ return true
+
+ case 'step_up_required':
+ setVerificationState(response)
+ setShowChallenge(true)
+ return false
+
+ case 'blocked':
+ setVerificationState(response)
+ setShowBlocked(true)
+ return false
+
+ default:
+ return false
+ }
+ } catch {
+ return false
+ }
+ }, [])
+
+ const dismissChallenge = useCallback(() => {
+ setShowChallenge(false)
+ setVerificationState(null)
+ }, [])
+
+ const dismissBlocked = useCallback(() => {
+ setShowBlocked(false)
+ setVerificationState(null)
+ }, [])
+
+ return {
+ executeAction,
+ verificationState,
+ showChallenge,
+ showBlocked,
+ dismissChallenge,
+ dismissBlocked,
+ }
+}
diff --git a/frontend/src/hooks/useToggle.ts b/frontend/src/hooks/useToggle.ts
new file mode 100644
index 0000000..9499667
--- /dev/null
+++ b/frontend/src/hooks/useToggle.ts
@@ -0,0 +1,14 @@
+import { useState, useCallback } from 'react'
+
+/**
+ * Toggle hook for boolean state.
+ */
+export function useToggle(initialValue = false): [boolean, () => void] {
+ const [value, setValue] = useState(initialValue)
+
+ const toggle = useCallback(() => {
+ setValue(prev => !prev)
+ }, [])
+
+ return [value, toggle]
+}
diff --git a/frontend/src/index.css b/frontend/src/index.css
new file mode 100644
index 0000000..6618ac1
--- /dev/null
+++ b/frontend/src/index.css
@@ -0,0 +1,345 @@
+/* ================================================
+ Temis RiskControl — Design System & Global Styles
+ Mobile-first, Capital One-inspired
+ ================================================ */
+
+:root {
+ /* ── Primary palette (Capital One dark navy) ── */
+ --color-primary-900: #0a1628;
+ --color-primary-800: #0f2744;
+ --color-primary-700: #164060;
+ --color-primary-600: #1a5276;
+ --color-primary-500: #2980b9;
+ --color-primary-400: #3498db;
+ --color-primary-300: #5dade2;
+ --color-primary-200: #aed6f1;
+ --color-primary-100: #d6eaf8;
+ --color-primary-50: #eaf2f8;
+
+ /* ── Risk severity ── */
+ --color-risk-low: #27ae60;
+ --color-risk-low-bg: rgba(39, 174, 96, 0.12);
+ --color-risk-medium: #f39c12;
+ --color-risk-medium-bg: rgba(243, 156, 18, 0.12);
+ --color-risk-high: #e74c3c;
+ --color-risk-high-bg: rgba(231, 76, 60, 0.12);
+ --color-risk-critical: #8e44ad;
+ --color-risk-critical-bg: rgba(142, 68, 173, 0.12);
+
+ /* ── Semantic colors ── */
+ --color-success: #27ae60;
+ --color-success-bg: rgba(39, 174, 96, 0.12);
+ --color-warning: #f39c12;
+ --color-warning-bg: rgba(243, 156, 18, 0.12);
+ --color-error: #e74c3c;
+ --color-error-bg: rgba(231, 76, 60, 0.12);
+ --color-info: #2980b9;
+ --color-info-bg: rgba(41, 128, 185, 0.12);
+
+ /* ── Account card gradients (from Capital One screenshots) ── */
+ --gradient-checking: linear-gradient(135deg, #0f2744 0%, #1a5276 100%);
+ --gradient-savings: linear-gradient(135deg, #6b5108 0%, #c49a2a 100%);
+ --gradient-credit: linear-gradient(135deg, #5c3a1e 0%, #b8763e 100%);
+ --gradient-dark-header: linear-gradient(180deg, #0a1628 0%, #0f2744 100%);
+
+ /* ── Surfaces ── */
+ --surface-bg: #f5f7fa;
+ --surface-card: #ffffff;
+ --surface-card-hover: #fafbfc;
+ --surface-overlay: rgba(10, 22, 40, 0.6);
+ --surface-sheet: #ffffff;
+
+ /* ── Text ── */
+ --text-primary: #1a1a2e;
+ --text-secondary: #6b7280;
+ --text-tertiary: #9ca3af;
+ --text-inverse: #ffffff;
+ --text-link: #2980b9;
+
+ /* ── Borders ── */
+ --border-light: #e5e7eb;
+ --border-medium: #d1d5db;
+ --border-focus: #2980b9;
+
+ /* ── Typography ── */
+ --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+ --font-size-xs: 0.6875rem; /* 11px */
+ --font-size-sm: 0.8125rem; /* 13px */
+ --font-size-md: 0.9375rem; /* 15px */
+ --font-size-base: 1rem; /* 16px */
+ --font-size-lg: 1.125rem; /* 18px */
+ --font-size-xl: 1.375rem; /* 22px */
+ --font-size-2xl: 1.75rem; /* 28px */
+ --font-size-3xl: 2.25rem; /* 36px — hero balance */
+
+ --font-weight-regular: 400;
+ --font-weight-medium: 500;
+ --font-weight-semibold: 600;
+ --font-weight-bold: 700;
+
+ --line-height-tight: 1.2;
+ --line-height-normal: 1.5;
+ --line-height-relaxed: 1.65;
+
+ /* ── Spacing ── */
+ --space-1: 0.25rem; /* 4px */
+ --space-2: 0.5rem; /* 8px */
+ --space-3: 0.75rem; /* 12px */
+ --space-4: 1rem; /* 16px */
+ --space-5: 1.25rem; /* 20px */
+ --space-6: 1.5rem; /* 24px */
+ --space-8: 2rem; /* 32px */
+ --space-10: 2.5rem; /* 40px */
+ --space-12: 3rem; /* 48px */
+
+ /* ── Mobile layout ── */
+ --bottom-nav-height: 64px;
+ --safe-area-top: env(safe-area-inset-top, 0px);
+ --safe-area-bottom: env(safe-area-inset-bottom, 0px);
+ --page-padding: var(--space-4);
+ --page-header-height: 56px;
+
+ /* ── Radii ── */
+ --radius-xs: 0.25rem; /* 4px */
+ --radius-sm: 0.375rem; /* 6px */
+ --radius-md: 0.5rem; /* 8px */
+ --radius-lg: 0.75rem; /* 12px */
+ --radius-xl: 1rem; /* 16px */
+ --radius-2xl: 1.25rem; /* 20px */
+ --radius-full: 9999px;
+
+ /* ── Shadows ── */
+ --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
+ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
+ --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
+ --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
+ --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.04);
+ --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
+
+ /* ── Transitions ── */
+ --transition-fast: 150ms ease;
+ --transition-normal: 250ms ease;
+ --transition-slow: 400ms ease;
+ --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+
+ /* ── Z-index layers ── */
+ --z-base: 0;
+ --z-dropdown: 100;
+ --z-sticky: 200;
+ --z-overlay: 300;
+ --z-modal: 400;
+ --z-toast: 500;
+}
+
+/* ================================================
+ Reset & Base
+ ================================================ */
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+
+html {
+ font-size: 16px;
+ -webkit-text-size-adjust: 100%;
+ -moz-text-size-adjust: 100%;
+ text-size-adjust: 100%;
+}
+
+body {
+ max-width: 430px;
+ margin: 0 auto;
+ min-height: 100dvh;
+ background: var(--surface-bg);
+ font-family: var(--font-family);
+ font-size: var(--font-size-base);
+ font-weight: var(--font-weight-regular);
+ line-height: var(--line-height-normal);
+ color: var(--text-primary);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ overflow-x: hidden;
+ position: relative;
+}
+
+/* Emulate phone frame in desktop browsers for development */
+@media (min-width: 431px) {
+ body {
+ border-left: 1px solid var(--border-light);
+ border-right: 1px solid var(--border-light);
+ box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
+ }
+}
+
+#root {
+ min-height: 100dvh;
+ display: flex;
+ flex-direction: column;
+}
+
+/* ── Links ── */
+a {
+ color: var(--text-link);
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+/* ── Buttons reset ── */
+button {
+ font-family: inherit;
+ font-size: inherit;
+ cursor: pointer;
+ border: none;
+ background: none;
+ color: inherit;
+ -webkit-tap-highlight-color: transparent;
+}
+
+/* ── Input reset ── */
+input,
+textarea,
+select {
+ font-family: inherit;
+ font-size: var(--font-size-base);
+ border: none;
+ outline: none;
+ background: none;
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+/* ── Image reset ── */
+img,
+svg {
+ display: block;
+ max-width: 100%;
+}
+
+/* ── List reset ── */
+ul,
+ol {
+ list-style: none;
+}
+
+/* ── Scrollbar (thin, subtle) ── */
+::-webkit-scrollbar {
+ width: 4px;
+}
+
+::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--border-medium);
+ border-radius: var(--radius-full);
+}
+
+/* ================================================
+ Utility Classes
+ ================================================ */
+
+.visually-hidden {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+/* ── Page wrapper ── */
+.page {
+ flex: 1;
+ padding: var(--page-padding);
+ padding-bottom: calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));
+}
+
+.page-scroll {
+ flex: 1;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+/* ── Section spacing ── */
+.section {
+ margin-bottom: var(--space-6);
+}
+
+.section-title {
+ font-size: var(--font-size-sm);
+ font-weight: var(--font-weight-semibold);
+ color: var(--text-secondary);
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ margin-bottom: var(--space-3);
+}
+
+/* ── Divider ── */
+.divider {
+ height: 1px;
+ background: var(--border-light);
+ margin: var(--space-4) 0;
+}
+
+/* ================================================
+ Animations
+ ================================================ */
+
+@keyframes fadeIn {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@keyframes slideUp {
+ from { transform: translateY(20px); opacity: 0; }
+ to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes slideDown {
+ from { transform: translateY(-10px); opacity: 0; }
+ to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes scaleIn {
+ from { transform: scale(0.95); opacity: 0; }
+ to { transform: scale(1); opacity: 1; }
+}
+
+@keyframes pulse {
+ 0%, 100% { opacity: 1; }
+ 50% { opacity: 0.5; }
+}
+
+@keyframes shimmer {
+ 0% { background-position: -200% 0; }
+ 100% { background-position: 200% 0; }
+}
+
+/* Skeleton loading */
+.skeleton {
+ background: linear-gradient(90deg,
+ var(--border-light) 25%,
+ var(--surface-card-hover) 50%,
+ var(--border-light) 75%
+ );
+ background-size: 200% 100%;
+ animation: shimmer 1.5s infinite;
+ border-radius: var(--radius-sm);
+}
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
new file mode 100644
index 0000000..023913e
--- /dev/null
+++ b/frontend/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App'
+import './index.css'
+
+createRoot(document.getElementById('root')!).render(
+
+
+
+)
diff --git a/frontend/src/mocks/accounts.mock.ts b/frontend/src/mocks/accounts.mock.ts
new file mode 100644
index 0000000..126f818
--- /dev/null
+++ b/frontend/src/mocks/accounts.mock.ts
@@ -0,0 +1,31 @@
+import type { Account } from '../types/account.types'
+
+export const MOCK_ACCOUNTS: Account[] = [
+ {
+ id: 'acc_001',
+ name: '360 Checking',
+ lastFour: '1902',
+ balance: 1093.07,
+ type: 'checking',
+ currency: 'USD',
+ status: 'active',
+ },
+ {
+ id: 'acc_002',
+ name: 'SAVOR',
+ lastFour: '7654',
+ balance: 850.06,
+ type: 'credit',
+ currency: 'USD',
+ status: 'active',
+ },
+ {
+ id: 'acc_003',
+ name: 'VENTURE',
+ lastFour: '7890',
+ balance: 523.14,
+ type: 'credit',
+ currency: 'USD',
+ status: 'active',
+ },
+]
diff --git a/frontend/src/mocks/activity.mock.ts b/frontend/src/mocks/activity.mock.ts
new file mode 100644
index 0000000..1b48e75
--- /dev/null
+++ b/frontend/src/mocks/activity.mock.ts
@@ -0,0 +1,120 @@
+import type { ActivityEvent } from '../types/activity.types'
+
+export const MOCK_ACTIVITY: ActivityEvent[] = [
+ {
+ id: 'evt_001',
+ timestamp: '2026-06-03T14:22:00Z',
+ triggerType: 'transfer',
+ triggerDescription: 'Purchase of $59.08 at Salad Savvy',
+ riskLevel: 'low',
+ decision: 'approved',
+ actionTaken: 'none',
+ actionLabel: 'Approved — No issues detected',
+ resolved: true,
+ signals: [],
+ relatedTransactionId: 'txn_001',
+ },
+ {
+ id: 'evt_002',
+ timestamp: '2026-06-02T09:15:00Z',
+ triggerType: 'transfer',
+ triggerDescription: 'Wire transfer of $1,500.00 to Maria G.',
+ riskLevel: 'medium',
+ decision: 'step_up_required',
+ actionTaken: 'otp_sent',
+ actionLabel: 'Identity verification required via OTP',
+ resolved: true,
+ signals: [
+ { type: 'high_amount', label: 'Amount above your typical spending', severity: 'medium' },
+ { type: 'new_recipient', label: 'First transfer to this recipient', severity: 'low' },
+ ],
+ relatedTransactionId: 'txn_002',
+ },
+ {
+ id: 'evt_003',
+ timestamp: '2026-06-02T03:45:00Z',
+ triggerType: 'transfer',
+ triggerDescription: 'Purchase of $3,200.00 at Overseas Electronics Ltd',
+ riskLevel: 'high',
+ decision: 'blocked',
+ actionTaken: 'blocked',
+ actionLabel: 'Transaction blocked for your security',
+ resolved: false,
+ signals: [
+ { type: 'unusual_location', label: 'Unusual location detected', severity: 'high' },
+ { type: 'high_amount', label: 'Significantly above your baseline', severity: 'high' },
+ { type: 'odd_hours', label: 'Transaction attempted at unusual hours', severity: 'medium' },
+ ],
+ relatedTransactionId: 'txn_003',
+ },
+ {
+ id: 'evt_004',
+ timestamp: '2026-06-01T22:10:00Z',
+ triggerType: 'login',
+ triggerDescription: 'Login from new device — Chrome on Windows',
+ riskLevel: 'medium',
+ decision: 'step_up_required',
+ actionTaken: 'mfa_required',
+ actionLabel: 'MFA verification sent to your phone',
+ resolved: true,
+ signals: [
+ { type: 'new_device', label: 'New device detected', severity: 'medium' },
+ ],
+ },
+ {
+ id: 'evt_005',
+ timestamp: '2026-05-31T18:12:00Z',
+ triggerType: 'transfer',
+ triggerDescription: 'Fuel purchase of $89.00 at Gas Station #4021',
+ riskLevel: 'medium',
+ decision: 'step_up_required',
+ actionTaken: 'mfa_required',
+ actionLabel: 'MFA required — unusual location',
+ resolved: true,
+ signals: [
+ { type: 'unusual_location', label: 'Location differs from your usual area', severity: 'medium' },
+ ],
+ relatedTransactionId: 'txn_006',
+ },
+ {
+ id: 'evt_006',
+ timestamp: '2026-05-31T15:00:00Z',
+ triggerType: 'beneficiary_add',
+ triggerDescription: 'New beneficiary added — John D.',
+ riskLevel: 'medium',
+ decision: 'step_up_required',
+ actionTaken: 'otp_sent',
+ actionLabel: 'OTP verification required',
+ resolved: false,
+ signals: [
+ { type: 'new_beneficiary', label: 'Adding a new payment recipient', severity: 'low' },
+ ],
+ relatedTransactionId: 'txn_007',
+ },
+ {
+ id: 'evt_007',
+ timestamp: '2026-05-30T08:00:00Z',
+ triggerType: 'credential_change',
+ triggerDescription: 'Password change requested',
+ riskLevel: 'medium',
+ decision: 'step_up_required',
+ actionTaken: 'password_required',
+ actionLabel: 'Re-enter current password to continue',
+ resolved: true,
+ signals: [
+ { type: 'credential_change', label: 'Security credential modification', severity: 'medium' },
+ ],
+ },
+ {
+ id: 'evt_008',
+ timestamp: '2026-05-29T14:30:00Z',
+ triggerType: 'login',
+ triggerDescription: 'Login from trusted device — iPhone',
+ riskLevel: 'low',
+ decision: 'approved',
+ actionTaken: 'none',
+ actionLabel: 'Login approved',
+ resolved: true,
+ signals: [],
+ },
+]
diff --git a/frontend/src/mocks/cards.mock.ts b/frontend/src/mocks/cards.mock.ts
new file mode 100644
index 0000000..0d11f52
--- /dev/null
+++ b/frontend/src/mocks/cards.mock.ts
@@ -0,0 +1,18 @@
+import type { Card } from '../types/card.types'
+
+export const MOCK_CARDS: Card[] = [
+ {
+ id: 'card_001',
+ cardholderName: 'Beth S. (Your card)',
+ lastFour: '1234',
+ isLocked: true,
+ type: 'debit',
+ },
+ {
+ id: 'card_002',
+ cardholderName: 'Richie H.',
+ lastFour: '5678',
+ isLocked: false,
+ type: 'debit',
+ },
+]
diff --git a/frontend/src/mocks/transactions.mock.ts b/frontend/src/mocks/transactions.mock.ts
new file mode 100644
index 0000000..73ac782
--- /dev/null
+++ b/frontend/src/mocks/transactions.mock.ts
@@ -0,0 +1,101 @@
+import type { Transaction, TransactionDetail } from '../types/transaction.types'
+
+export const MOCK_TRANSACTIONS: Transaction[] = [
+ {
+ id: 'txn_001',
+ amount: 59.08,
+ merchantName: 'Salad Savvy',
+ merchantCategory: 'dining',
+ date: '2026-06-03T14:22:00Z',
+ status: 'completed',
+ riskLevel: 'low',
+ riskDecision: 'approved',
+ actionTaken: 'none',
+ accountId: 'acc_001',
+ },
+ {
+ id: 'txn_002',
+ amount: 1500.00,
+ merchantName: 'Wire Transfer — Maria G.',
+ merchantCategory: 'transfer',
+ date: '2026-06-02T09:15:00Z',
+ status: 'completed',
+ riskLevel: 'medium',
+ riskDecision: 'step_up_required',
+ actionTaken: 'otp_sent',
+ accountId: 'acc_001',
+ },
+ {
+ id: 'txn_003',
+ amount: 3200.00,
+ merchantName: 'Overseas Electronics Ltd',
+ merchantCategory: 'shopping',
+ date: '2026-06-02T03:45:00Z',
+ status: 'blocked',
+ riskLevel: 'high',
+ riskDecision: 'blocked',
+ actionTaken: 'blocked',
+ accountId: 'acc_002',
+ },
+ {
+ id: 'txn_004',
+ amount: 12.50,
+ merchantName: 'Spotify',
+ merchantCategory: 'subscription',
+ date: '2026-06-01T00:00:00Z',
+ status: 'completed',
+ riskLevel: 'low',
+ riskDecision: 'approved',
+ actionTaken: 'none',
+ accountId: 'acc_001',
+ },
+ {
+ id: 'txn_005',
+ amount: 234.99,
+ merchantName: 'Amazon',
+ merchantCategory: 'shopping',
+ date: '2026-06-01T11:30:00Z',
+ status: 'completed',
+ riskLevel: 'low',
+ riskDecision: 'approved',
+ actionTaken: 'none',
+ accountId: 'acc_003',
+ },
+ {
+ id: 'txn_006',
+ amount: 89.00,
+ merchantName: 'Gas Station #4021',
+ merchantCategory: 'fuel',
+ date: '2026-05-31T18:12:00Z',
+ status: 'completed',
+ riskLevel: 'medium',
+ riskDecision: 'step_up_required',
+ actionTaken: 'mfa_required',
+ accountId: 'acc_001',
+ },
+ {
+ id: 'txn_007',
+ amount: 450.00,
+ merchantName: 'New Beneficiary — John D.',
+ merchantCategory: 'transfer',
+ date: '2026-05-31T15:00:00Z',
+ status: 'pending_verification',
+ riskLevel: 'medium',
+ riskDecision: 'step_up_required',
+ actionTaken: 'otp_sent',
+ accountId: 'acc_001',
+ },
+]
+
+export const MOCK_TRANSACTION_DETAIL: TransactionDetail = {
+ ...MOCK_TRANSACTIONS[0],
+ merchantAddress: 'Centerville Shopping Center, Main Street, USA',
+ merchantPhone: '(555) 456-7890',
+ merchantWebsite: 'https://saladsavvy.com',
+ statementDescriptor: 'Salad Savvy 0030496 Mainstreet, USA',
+ cardAction: 'swiped',
+ location: { lat: 40.7128, lng: -74.006 },
+ signals: [],
+ verificationMethod: undefined,
+ verifiedAt: undefined,
+}
diff --git a/frontend/src/mocks/user.mock.ts b/frontend/src/mocks/user.mock.ts
new file mode 100644
index 0000000..1413d37
--- /dev/null
+++ b/frontend/src/mocks/user.mock.ts
@@ -0,0 +1,8 @@
+import type { User } from '../types/user.types'
+
+export const MOCK_USER: User = {
+ id: 'usr_001',
+ name: 'Elly',
+ email: 'elly.martinez@email.com',
+ phone: '•••-••-4289',
+}
diff --git a/frontend/src/pages/AccountDetailPage/AccountDetailPage.css b/frontend/src/pages/AccountDetailPage/AccountDetailPage.css
new file mode 100644
index 0000000..a122b94
--- /dev/null
+++ b/frontend/src/pages/AccountDetailPage/AccountDetailPage.css
@@ -0,0 +1,61 @@
+.account-detail-page {
+ display: flex;
+ flex-direction: column;
+}
+
+.account-detail-header {
+ margin: var(--space-4);
+ border-radius: var(--radius-xl);
+}
+
+.account-detail-header-inner {
+ padding: var(--space-5);
+}
+
+.account-detail-name {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-semibold);
+ margin-bottom: var(--space-2);
+}
+
+.account-detail-balance {
+ font-size: var(--font-size-3xl);
+ font-weight: var(--font-weight-bold);
+ line-height: 1;
+ margin-bottom: var(--space-1);
+}
+
+.account-detail-cents {
+ font-size: var(--font-size-lg);
+ vertical-align: super;
+}
+
+.account-detail-label {
+ font-size: var(--font-size-sm);
+ opacity: 0.8;
+}
+
+.account-detail-transactions {
+ padding: var(--space-4) 0;
+}
+
+.txn-date-group {
+ margin-bottom: var(--space-4);
+}
+
+.txn-date-label {
+ font-size: var(--font-size-sm);
+ font-weight: var(--font-weight-medium);
+ color: var(--text-secondary);
+ padding: 0 var(--space-4) var(--space-2);
+}
+
+.txn-date-list {
+ background: var(--surface-card);
+}
+
+.account-detail-empty {
+ text-align: center;
+ color: var(--text-tertiary);
+ padding: var(--space-8);
+}
diff --git a/frontend/src/pages/AccountDetailPage/AccountDetailPage.tsx b/frontend/src/pages/AccountDetailPage/AccountDetailPage.tsx
new file mode 100644
index 0000000..2513291
--- /dev/null
+++ b/frontend/src/pages/AccountDetailPage/AccountDetailPage.tsx
@@ -0,0 +1,74 @@
+import { useParams } from 'react-router-dom'
+import { useQuery } from '../../hooks/useQuery'
+import { accountService } from '../../services/accountService'
+import { PageHeader } from '../../components/layout/PageHeader'
+import { Card } from '../../components/ui/Card'
+import { PageSpinner } from '../../components/ui/Spinner'
+import { TransactionRow } from '../../components/shared/TransactionRow'
+import { splitCurrency } from '../../utils/formatCurrency'
+import { formatDateFull } from '../../utils/formatDate'
+import { ACCOUNT_GRADIENTS } from '../../utils/constants'
+import type { Account } from '../../types/account.types'
+import type { Transaction } from '../../types/transaction.types'
+import './AccountDetailPage.css'
+
+export function AccountDetailPage() {
+ const { id } = useParams<{ id: string }>()
+
+ const { data: account, loading: accountLoading } = useQuery(
+ `account-${id}`,
+ () => accountService.getAccountById(id!)
+ )
+
+ const { data: transactions, loading: txnLoading } = useQuery(
+ `account-txns-${id}`,
+ () => accountService.getAccountTransactions(id!)
+ )
+
+ if (accountLoading || txnLoading) return
+ if (!account) return Account not found
+
+ const gradient = ACCOUNT_GRADIENTS[account.type] ?? ACCOUNT_GRADIENTS.checking
+ const { whole, cents } = splitCurrency(account.balance, account.currency)
+
+ // Group transactions by date
+ const grouped = new Map()
+ for (const txn of (transactions ?? [])) {
+ const label = formatDateFull(txn.date)
+ const existing = grouped.get(label) ?? []
+ grouped.set(label, [...existing, txn])
+ }
+
+ return (
+
+
+
+
+
+
{account.name}...{account.lastFour}
+
+ {whole}{cents}
+
+
Current balance
+
+
+
+
+
Transactions
+ {Array.from(grouped.entries()).map(([dateLabel, txns]) => (
+
+
{dateLabel}
+
+ {txns.map(txn => (
+
+ ))}
+
+
+ ))}
+ {(transactions?.length ?? 0) === 0 && (
+
No transactions yet
+ )}
+
+
+ )
+}
diff --git a/frontend/src/pages/ActivityPage/ActivityPage.css b/frontend/src/pages/ActivityPage/ActivityPage.css
new file mode 100644
index 0000000..743635b
--- /dev/null
+++ b/frontend/src/pages/ActivityPage/ActivityPage.css
@@ -0,0 +1,74 @@
+.activity-page {
+ display: flex;
+ flex-direction: column;
+}
+
+.activity-filters {
+ display: flex;
+ gap: var(--space-2);
+ padding: var(--space-3) var(--space-4);
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.activity-filter-tab {
+ padding: var(--space-2) var(--space-3);
+ font-size: var(--font-size-sm);
+ font-weight: var(--font-weight-medium);
+ color: var(--text-secondary);
+ border-radius: var(--radius-full);
+ background: var(--surface-card);
+ border: 1px solid var(--border-light);
+ white-space: nowrap;
+ transition: all var(--transition-fast);
+}
+
+.activity-filter-active {
+ background: var(--color-primary-700);
+ color: var(--text-inverse);
+ border-color: var(--color-primary-700);
+}
+
+.activity-list {
+ background: var(--surface-card);
+ border-radius: var(--radius-lg);
+ margin: 0 var(--space-4);
+ overflow: hidden;
+ box-shadow: var(--shadow-xs);
+}
+
+.activity-empty {
+ text-align: center;
+ color: var(--text-tertiary);
+ padding: var(--space-8);
+}
+
+/* Detail bottom sheet content */
+.activity-detail {
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-4);
+}
+
+.activity-detail-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ gap: var(--space-3);
+}
+
+.activity-detail-label {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+ flex-shrink: 0;
+ min-width: 80px;
+}
+
+.activity-detail-row > span:last-child {
+ text-align: right;
+ font-size: var(--font-size-md);
+}
+
+.activity-detail-signals {
+ margin-top: var(--space-2);
+}
diff --git a/frontend/src/pages/ActivityPage/ActivityPage.tsx b/frontend/src/pages/ActivityPage/ActivityPage.tsx
new file mode 100644
index 0000000..0948dac
--- /dev/null
+++ b/frontend/src/pages/ActivityPage/ActivityPage.tsx
@@ -0,0 +1,119 @@
+import { useState, useCallback } from 'react'
+import { useQuery } from '../../hooks/useQuery'
+import { activityService } from '../../services/activityService'
+import { PageHeader } from '../../components/layout/PageHeader'
+import { ActivityEntry } from '../../components/fraud/ActivityEntry'
+import { BottomSheet } from '../../components/ui/BottomSheet'
+import { Badge } from '../../components/ui/Badge'
+import { PageSpinner } from '../../components/ui/Spinner'
+import { SignalSummary } from '../../components/fraud/SignalSummary'
+import { formatDateTimeShort } from '../../utils/formatDate'
+import { getRiskDisplay } from '../../utils/riskLevel'
+import type { ActivityEvent } from '../../types/activity.types'
+import './ActivityPage.css'
+
+const FILTER_TABS = [
+ { key: 'all', label: 'All' },
+ { key: 'blocked', label: 'Blocked' },
+ { key: 'verified', label: 'Verified' },
+ { key: 'requires_action', label: 'Action Needed' },
+]
+
+export function ActivityPage() {
+ const [activeFilter, setActiveFilter] = useState('all')
+ const [selectedEvent, setSelectedEvent] = useState(null)
+
+ const { data: events, loading } = useQuery(
+ `activity-${activeFilter}`,
+ () => activityService.getActivity(activeFilter)
+ )
+
+ const handleSelectEvent = useCallback((event: ActivityEvent) => {
+ setSelectedEvent(event)
+ }, [])
+
+ if (loading) return
+
+ return (
+
+
+
+ {/* Filter tabs */}
+
+ {FILTER_TABS.map(tab => (
+
+ ))}
+
+
+ {/* Event list */}
+
+ {events?.map(event => (
+
handleSelectEvent(event)}
+ />
+ ))}
+ {(events?.length ?? 0) === 0 && (
+ No activity to show
+ )}
+
+
+ {/* Detail bottom sheet */}
+
setSelectedEvent(null)}
+ title="Event Details"
+ >
+ {selectedEvent && }
+
+
+ )
+}
+
+function ActivityDetailContent({ event }: { event: ActivityEvent }) {
+ const display = getRiskDisplay(event.riskLevel)
+ const badgeVariant = event.riskLevel === 'high' ? 'danger'
+ : event.riskLevel === 'medium' ? 'warning'
+ : 'success'
+
+ return (
+
+
+ When
+ {formatDateTimeShort(event.timestamp)}
+
+
+ Trigger
+ {event.triggerDescription}
+
+
+ Risk Level
+
+ {display.icon} {display.label}
+
+
+
+ Decision
+ {event.actionLabel}
+
+
+ Status
+
+ {event.resolved ? 'Resolved' : 'Pending'}
+
+
+ {event.signals && event.signals.length > 0 && (
+
+
+
+ )}
+
+ )
+}
diff --git a/frontend/src/pages/DashboardPage/DashboardPage.css b/frontend/src/pages/DashboardPage/DashboardPage.css
new file mode 100644
index 0000000..be1168a
--- /dev/null
+++ b/frontend/src/pages/DashboardPage/DashboardPage.css
@@ -0,0 +1,42 @@
+.dashboard-page {
+ display: flex;
+ flex-direction: column;
+}
+
+.dashboard-pending {
+ display: flex;
+ align-items: center;
+ gap: var(--space-2);
+ padding: var(--space-3) var(--space-4);
+ background: var(--color-warning-bg);
+ font-size: var(--font-size-sm);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-warning);
+ animation: slideDown 0.3s ease;
+}
+
+.dashboard-pending-dot {
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: var(--color-warning);
+ animation: pulse 2s infinite;
+}
+
+.dashboard-accounts {
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-3);
+ padding: var(--space-4);
+}
+
+.dashboard-section {
+ padding: var(--space-2) var(--space-4) var(--space-4);
+}
+
+.dashboard-activity-list {
+ background: var(--surface-card);
+ border-radius: var(--radius-lg);
+ overflow: hidden;
+ box-shadow: var(--shadow-xs);
+}
diff --git a/frontend/src/pages/DashboardPage/DashboardPage.tsx b/frontend/src/pages/DashboardPage/DashboardPage.tsx
new file mode 100644
index 0000000..8c04e3f
--- /dev/null
+++ b/frontend/src/pages/DashboardPage/DashboardPage.tsx
@@ -0,0 +1,75 @@
+import { motion } from 'framer-motion'
+import { useAuth } from '../../hooks/useAuth'
+import { useQuery } from '../../hooks/useQuery'
+import { accountService } from '../../services/accountService'
+import { activityService } from '../../services/activityService'
+import { GreetingBanner } from '../../components/shared/GreetingBanner'
+import { AccountCard } from '../../components/shared/AccountCard'
+import { ActivityEntry } from '../../components/fraud/ActivityEntry'
+import { PageSpinner } from '../../components/ui/Spinner'
+import type { Account } from '../../types/account.types'
+import type { ActivityEvent } from '../../types/activity.types'
+import './DashboardPage.css'
+
+export function DashboardPage() {
+ const { user } = useAuth()
+
+ const { data: accounts, loading: accountsLoading } = useQuery(
+ 'accounts',
+ () => accountService.getAccounts()
+ )
+
+ const { data: recentActivity } = useQuery(
+ 'recent-activity',
+ () => activityService.getActivity()
+ )
+
+ // Show pending items that need user action
+ const pendingActions = recentActivity?.filter(e => !e.resolved) ?? []
+ const latestActivity = recentActivity?.slice(0, 3) ?? []
+
+ if (accountsLoading) return
+
+ return (
+
+
+
+ {/* Pending action banner */}
+ {pendingActions.length > 0 && (
+
+
+
+ {pendingActions.length} action{pendingActions.length > 1 ? 's' : ''} require
+ {pendingActions.length === 1 ? 's' : ''} your attention
+
+
+ )}
+
+ {/* Account cards */}
+
+ {accounts?.map((account, index) => (
+
+
+
+ ))}
+
+
+ {/* Recent activity */}
+ {latestActivity.length > 0 && (
+
+
Recent Activity
+
+ {latestActivity.map(event => (
+
+ ))}
+
+
+ )}
+
+ )
+}
diff --git a/frontend/src/pages/LoginPage/LoginPage.css b/frontend/src/pages/LoginPage/LoginPage.css
new file mode 100644
index 0000000..211bccb
--- /dev/null
+++ b/frontend/src/pages/LoginPage/LoginPage.css
@@ -0,0 +1,77 @@
+.login-page {
+ min-height: 100dvh;
+ background: var(--gradient-dark-header);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: var(--space-6);
+}
+
+.login-header {
+ text-align: center;
+ margin-bottom: var(--space-10);
+ color: var(--text-inverse);
+}
+
+.login-logo {
+ width: 72px;
+ height: 72px;
+ background: rgba(255, 255, 255, 0.1);
+ border-radius: var(--radius-2xl);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto var(--space-4);
+ backdrop-filter: blur(10px);
+}
+
+.login-brand {
+ font-size: var(--font-size-3xl);
+ font-weight: var(--font-weight-bold);
+ letter-spacing: -0.02em;
+}
+
+.login-tagline {
+ font-size: var(--font-size-md);
+ opacity: 0.7;
+ margin-top: var(--space-1);
+}
+
+.login-form {
+ width: 100%;
+ max-width: 340px;
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-4);
+}
+
+.login-form .input-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-form .input-field {
+ background: rgba(255, 255, 255, 0.08);
+ border-color: rgba(255, 255, 255, 0.15);
+ color: var(--text-inverse);
+}
+
+.login-form .input-field::placeholder {
+ color: rgba(255, 255, 255, 0.35);
+}
+
+.login-form .input-field:focus {
+ border-color: rgba(255, 255, 255, 0.4);
+ box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
+}
+
+.login-forgot {
+ text-align: center;
+ font-size: var(--font-size-sm);
+ color: rgba(255, 255, 255, 0.6);
+ margin-top: var(--space-2);
+}
+
+.login-forgot:hover {
+ color: rgba(255, 255, 255, 0.9);
+}
diff --git a/frontend/src/pages/LoginPage/LoginPage.tsx b/frontend/src/pages/LoginPage/LoginPage.tsx
new file mode 100644
index 0000000..3c37286
--- /dev/null
+++ b/frontend/src/pages/LoginPage/LoginPage.tsx
@@ -0,0 +1,81 @@
+import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
+import { Shield } from 'lucide-react'
+import { useAuth } from '../../hooks/useAuth'
+import { Button } from '../../components/ui/Button'
+import { Input } from '../../components/ui/Input'
+import './LoginPage.css'
+
+export function LoginPage() {
+ const navigate = useNavigate()
+ const { login } = useAuth()
+ const [email, setEmail] = useState('')
+ const [password, setPassword] = useState('')
+ const [error, setError] = useState('')
+ const [loading, setLoading] = useState(false)
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ if (!email.trim() || !password.trim()) {
+ setError('Please enter your email and password')
+ return
+ }
+
+ setLoading(true)
+ setError('')
+
+ const success = await login(email, password)
+ if (success) {
+ navigate('/dashboard', { replace: true })
+ } else {
+ setError('Invalid credentials. Please try again.')
+ }
+ setLoading(false)
+ }
+
+ return (
+
+
+
+
+
+
Temis
+
Secure Banking
+
+
+
+
+ )
+}
diff --git a/frontend/src/pages/SecurityPage/SecurityPage.css b/frontend/src/pages/SecurityPage/SecurityPage.css
new file mode 100644
index 0000000..7887335
--- /dev/null
+++ b/frontend/src/pages/SecurityPage/SecurityPage.css
@@ -0,0 +1,62 @@
+.security-page {
+ display: flex;
+ flex-direction: column;
+ background: var(--surface-card);
+ min-height: 100dvh;
+}
+
+.security-content {
+ padding: var(--space-6) var(--space-4);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.security-lock-icon {
+ width: 72px;
+ height: 72px;
+ background: var(--color-info-bg);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--color-primary-600);
+ margin-bottom: var(--space-4);
+}
+
+.security-description {
+ text-align: center;
+ font-size: var(--font-size-md);
+ color: var(--text-secondary);
+ line-height: var(--line-height-relaxed);
+ max-width: 320px;
+ margin-bottom: var(--space-6);
+}
+
+.security-card-list {
+ width: 100%;
+ margin-bottom: var(--space-6);
+}
+
+.security-card-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--space-4) 0;
+ border-bottom: 1px solid var(--border-light);
+}
+
+.security-card-name {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-medium);
+}
+
+.security-learn-more {
+ display: flex;
+ align-items: center;
+ gap: var(--space-2);
+ margin-top: var(--space-4);
+ font-size: var(--font-size-sm);
+ color: var(--text-link);
+ font-weight: var(--font-weight-medium);
+}
diff --git a/frontend/src/pages/SecurityPage/SecurityPage.tsx b/frontend/src/pages/SecurityPage/SecurityPage.tsx
new file mode 100644
index 0000000..6c0d29d
--- /dev/null
+++ b/frontend/src/pages/SecurityPage/SecurityPage.tsx
@@ -0,0 +1,74 @@
+import { useState, useCallback } from 'react'
+import { Lock, Info } from 'lucide-react'
+import { useQuery } from '../../hooks/useQuery'
+import { cardService } from '../../services/cardService'
+import { PageHeader } from '../../components/layout/PageHeader'
+import { Toggle } from '../../components/ui/Toggle'
+import { Button } from '../../components/ui/Button'
+import { PageSpinner } from '../../components/ui/Spinner'
+import type { Card } from '../../types/card.types'
+import './SecurityPage.css'
+
+export function SecurityPage() {
+ const { data: cards, loading, refetch } = useQuery(
+ 'cards',
+ () => cardService.getCards()
+ )
+ const [toggling, setToggling] = useState(null)
+
+ const handleToggle = useCallback(async (cardId: string) => {
+ setToggling(cardId)
+ try {
+ await cardService.toggleLock(cardId)
+ await refetch()
+ } finally {
+ setToggling(null)
+ }
+ }, [refetch])
+
+ if (loading) return
+
+ return (
+
+
+
+
+ {/* Lock icon */}
+
+
+
+
+
+ No one will be able to use this card, including you. You can turn it back on anytime.
+
+
+ {/* Card toggles */}
+
+ {cards?.map(card => (
+
+
+ {card.cardholderName}...{card.lastFour}
+ {card.isLocked ? ' is locked' : ''}
+
+ handleToggle(card.id)}
+ disabled={toggling === card.id}
+ />
+
+ ))}
+
+
+
+
+
+
+
+ )
+}
diff --git a/frontend/src/pages/SettingsPage/SettingsPage.css b/frontend/src/pages/SettingsPage/SettingsPage.css
new file mode 100644
index 0000000..f17ad97
--- /dev/null
+++ b/frontend/src/pages/SettingsPage/SettingsPage.css
@@ -0,0 +1,87 @@
+.settings-page {
+ display: flex;
+ flex-direction: column;
+ background: var(--surface-bg);
+}
+
+.settings-profile {
+ display: flex;
+ align-items: center;
+ gap: var(--space-4);
+ padding: var(--space-5) var(--space-4);
+ background: var(--surface-card);
+ margin-bottom: var(--space-4);
+}
+
+.settings-avatar {
+ width: 52px;
+ height: 52px;
+ border-radius: 50%;
+ background: var(--color-primary-100);
+ color: var(--color-primary-600);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+}
+
+.settings-profile-name {
+ font-size: var(--font-size-lg);
+ font-weight: var(--font-weight-semibold);
+}
+
+.settings-profile-email {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+}
+
+.settings-group {
+ margin-bottom: var(--space-4);
+}
+
+.settings-list {
+ background: var(--surface-card);
+ margin: var(--space-2) var(--space-4) 0;
+ border-radius: var(--radius-lg);
+ overflow: hidden;
+}
+
+.settings-row {
+ display: flex;
+ align-items: center;
+ gap: var(--space-3);
+ padding: var(--space-4);
+ width: 100%;
+ text-align: left;
+ color: var(--text-primary);
+ border-bottom: 1px solid var(--border-light);
+ transition: background var(--transition-fast);
+}
+
+.settings-row:last-child {
+ border-bottom: none;
+}
+
+.settings-row:active {
+ background: var(--surface-card-hover);
+}
+
+.settings-row-label {
+ flex: 1;
+ font-size: var(--font-size-md);
+}
+
+.settings-row-chevron {
+ color: var(--text-tertiary);
+}
+
+.settings-row-danger {
+ color: var(--color-error);
+}
+
+.settings-version {
+ text-align: center;
+ font-size: var(--font-size-xs);
+ color: var(--text-tertiary);
+ padding: var(--space-6);
+}
diff --git a/frontend/src/pages/SettingsPage/SettingsPage.tsx b/frontend/src/pages/SettingsPage/SettingsPage.tsx
new file mode 100644
index 0000000..d3a7533
--- /dev/null
+++ b/frontend/src/pages/SettingsPage/SettingsPage.tsx
@@ -0,0 +1,71 @@
+import { User, Bell, Shield, ChevronRight, LogOut } from 'lucide-react'
+import { useAuth } from '../../hooks/useAuth'
+import { useNavigate } from 'react-router-dom'
+import { PageHeader } from '../../components/layout/PageHeader'
+import './SettingsPage.css'
+
+export function SettingsPage() {
+ const { user, logout } = useAuth()
+ const navigate = useNavigate()
+
+ const handleLogout = async () => {
+ await logout()
+ navigate('/login', { replace: true })
+ }
+
+ return (
+
+
+
+ {/* Profile section */}
+
+
+
+
+
+
{user?.name ?? 'User'}
+
{user?.email ?? ''}
+
+
+
+ {/* Setting groups */}
+
+
Notifications
+
+
+
+
+
+
+
Security
+
+
+
+
+
+
+
+
+
Temis RiskControl v0.1.0
+
+ )
+}
diff --git a/frontend/src/pages/TransactionDetailPage/TransactionDetailPage.css b/frontend/src/pages/TransactionDetailPage/TransactionDetailPage.css
new file mode 100644
index 0000000..857df1a
--- /dev/null
+++ b/frontend/src/pages/TransactionDetailPage/TransactionDetailPage.css
@@ -0,0 +1,92 @@
+.txn-detail-page {
+ display: flex;
+ flex-direction: column;
+ background: var(--surface-card);
+ min-height: 100dvh;
+}
+
+.txn-detail-content {
+ padding: var(--space-4);
+}
+
+.txn-detail-amount-section {
+ padding: var(--space-2) 0 var(--space-3);
+}
+
+.txn-detail-amount {
+ font-size: var(--font-size-3xl);
+ font-weight: var(--font-weight-bold);
+ color: var(--text-primary);
+}
+
+.txn-detail-amount-blocked {
+ color: var(--color-error);
+ text-decoration: line-through;
+}
+
+.txn-detail-date {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+ margin-top: var(--space-1);
+}
+
+.txn-detail-merchant {
+ padding: var(--space-3) 0;
+}
+
+.txn-detail-merchant-name {
+ font-size: var(--font-size-xl);
+ font-weight: var(--font-weight-semibold);
+ margin-bottom: var(--space-1);
+}
+
+.txn-detail-merchant-address {
+ font-size: var(--font-size-md);
+ color: var(--text-link);
+}
+
+.txn-detail-statement {
+ padding: var(--space-3) 0;
+}
+
+.txn-detail-statement-label {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+ margin-bottom: var(--space-1);
+}
+
+.txn-detail-statement-value {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-weight-semibold);
+}
+
+.txn-detail-statement-card {
+ font-size: var(--font-size-sm);
+ color: var(--text-secondary);
+ margin-top: var(--space-1);
+}
+
+.txn-detail-actions {
+ display: flex;
+ flex-direction: column;
+}
+
+.txn-detail-action-row {
+ display: flex;
+ align-items: center;
+ gap: var(--space-3);
+ padding: var(--space-4) 0;
+ font-size: var(--font-size-md);
+ color: var(--text-primary);
+ border-bottom: 1px solid var(--border-light);
+ width: 100%;
+ text-align: left;
+}
+
+.txn-detail-action-row:last-child {
+ border-bottom: none;
+}
+
+.txn-detail-action-report {
+ color: var(--color-warning);
+}
diff --git a/frontend/src/pages/TransactionDetailPage/TransactionDetailPage.tsx b/frontend/src/pages/TransactionDetailPage/TransactionDetailPage.tsx
new file mode 100644
index 0000000..db34d74
--- /dev/null
+++ b/frontend/src/pages/TransactionDetailPage/TransactionDetailPage.tsx
@@ -0,0 +1,102 @@
+import { useParams } from 'react-router-dom'
+import { Phone, Globe, AlertTriangle } from 'lucide-react'
+import { useQuery } from '../../hooks/useQuery'
+import { transactionService } from '../../services/transactionService'
+import { PageHeader } from '../../components/layout/PageHeader'
+import { RiskDecisionBanner } from '../../components/fraud/RiskDecisionBanner'
+import { PageSpinner } from '../../components/ui/Spinner'
+import { formatCurrency } from '../../utils/formatCurrency'
+import { formatDateFull } from '../../utils/formatDate'
+import type { TransactionDetail } from '../../types/transaction.types'
+import './TransactionDetailPage.css'
+
+export function TransactionDetailPage() {
+ const { id } = useParams<{ id: string }>()
+
+ const { data: transaction, loading } = useQuery(
+ `txn-${id}`,
+ () => transactionService.getTransactionById(id!)
+ )
+
+ if (loading) return
+ if (!transaction) return Transaction not found
+
+ const isBlocked = transaction.status === 'blocked'
+
+ return (
+
+
+
+
+ {/* Amount + Date */}
+
+
+ {formatCurrency(transaction.amount)}
+
+
+ {isBlocked ? 'Blocked' : 'Posted'} on {formatDateFull(transaction.date)}
+
+
+
+
+
+ {/* Risk Decision Banner */}
+
+
+
+
+ {/* Merchant Info */}
+
+
{transaction.merchantName}
+ {transaction.merchantAddress && (
+
{transaction.merchantAddress}
+ )}
+
+
+ {/* Statement descriptor */}
+ {transaction.statementDescriptor && (
+ <>
+
+
+
Appears on your statement as:
+
{transaction.statementDescriptor}
+ {transaction.cardAction && (
+
+ Card {transaction.cardAction} on {formatDateFull(transaction.date)}
+
+ )}
+
+ >
+ )}
+
+
+
+ {/* Actions */}
+
+ {transaction.merchantPhone && (
+
+ )}
+ {transaction.merchantWebsite && (
+
+ )}
+
+
+
+
+ )
+}
diff --git a/frontend/src/services/accountService.ts b/frontend/src/services/accountService.ts
new file mode 100644
index 0000000..f39cc53
--- /dev/null
+++ b/frontend/src/services/accountService.ts
@@ -0,0 +1,23 @@
+import type { Account } from '../types/account.types'
+import type { Transaction } from '../types/transaction.types'
+import { MOCK_ACCOUNTS } from '../mocks/accounts.mock'
+import { MOCK_TRANSACTIONS } from '../mocks/transactions.mock'
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+/** Mock account service — swap to apiClient calls when backend is ready */
+export const accountService = {
+ async getAccounts(): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return MOCK_ACCOUNTS
+ },
+
+ async getAccountById(id: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS / 2))
+ return MOCK_ACCOUNTS.find(a => a.id === id)
+ },
+
+ async getAccountTransactions(accountId: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return MOCK_TRANSACTIONS.filter(t => t.accountId === accountId)
+ },
+}
diff --git a/frontend/src/services/activityService.ts b/frontend/src/services/activityService.ts
new file mode 100644
index 0000000..9234c6a
--- /dev/null
+++ b/frontend/src/services/activityService.ts
@@ -0,0 +1,25 @@
+import type { ActivityEvent } from '../types/activity.types'
+import { MOCK_ACTIVITY } from '../mocks/activity.mock'
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+export const activityService = {
+ async getActivity(filter?: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+
+ if (!filter || filter === 'all') return MOCK_ACTIVITY
+
+ return MOCK_ACTIVITY.filter(event => {
+ switch (filter) {
+ case 'blocked': return event.decision === 'blocked'
+ case 'verified': return event.decision === 'step_up_required' && event.resolved
+ case 'requires_action': return !event.resolved
+ default: return true
+ }
+ })
+ },
+
+ async getActivityById(id: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS / 2))
+ return MOCK_ACTIVITY.find(e => e.id === id)
+ },
+}
diff --git a/frontend/src/services/apiClient.ts b/frontend/src/services/apiClient.ts
new file mode 100644
index 0000000..ae380a2
--- /dev/null
+++ b/frontend/src/services/apiClient.ts
@@ -0,0 +1,57 @@
+const BASE_URL = '/api'
+
+/**
+ * Base fetch wrapper for all API calls.
+ * Handles auth headers, error parsing, and content-type.
+ */
+export async function request(
+ endpoint: string,
+ options?: RequestInit
+): Promise {
+ const token = localStorage.getItem('token')
+
+ const headers: Record = {
+ 'Content-Type': 'application/json',
+ ...(token ? { Authorization: `Bearer ${token}` } : {}),
+ ...(options?.headers as Record ?? {}),
+ }
+
+ const response = await fetch(`${BASE_URL}${endpoint}`, {
+ ...options,
+ headers,
+ })
+
+ if (!response.ok) {
+ let errorMessage = `HTTP ${response.status}: ${response.statusText}`
+
+ try {
+ const errorBody = await response.json()
+ errorMessage = errorBody.detail ?? errorBody.error ?? errorMessage
+ } catch {
+ // Response body wasn't JSON — use default message
+ }
+
+ throw new Error(errorMessage)
+ }
+
+ return response.json()
+}
+
+export const apiClient = {
+ get: (endpoint: string) => request(endpoint),
+
+ post: (endpoint: string, body: unknown) =>
+ request(endpoint, {
+ method: 'POST',
+ body: JSON.stringify(body),
+ }),
+
+ patch: (endpoint: string, body: unknown) =>
+ request(endpoint, {
+ method: 'PATCH',
+ body: JSON.stringify(body),
+ }),
+
+ delete: (endpoint: string) =>
+ request(endpoint, { method: 'DELETE' }),
+}
diff --git a/frontend/src/services/authService.ts b/frontend/src/services/authService.ts
new file mode 100644
index 0000000..f74d8de
--- /dev/null
+++ b/frontend/src/services/authService.ts
@@ -0,0 +1,37 @@
+import type { User } from '../types/user.types'
+import { MOCK_USER } from '../mocks/user.mock'
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+/**
+ * Auth service — currently mock, designed for single-file swap to real endpoints.
+ *
+ * Real implementation would call:
+ * POST /api/auth/login
+ * POST /api/auth/logout
+ * GET /api/auth/me
+ */
+export const authService = {
+ async login(_email: string, _password: string): Promise<{ user: User; token: string }> {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ const token = 'mock-jwt-token-' + Date.now()
+ localStorage.setItem('token', token)
+ return { user: MOCK_USER, token }
+ },
+
+ async logout(): Promise {
+ localStorage.removeItem('token')
+ },
+
+ getToken(): string | null {
+ return localStorage.getItem('token')
+ },
+
+ isAuthenticated(): boolean {
+ return !!localStorage.getItem('token')
+ },
+
+ async getCurrentUser(): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS / 2))
+ return MOCK_USER
+ },
+}
diff --git a/frontend/src/services/cardService.ts b/frontend/src/services/cardService.ts
new file mode 100644
index 0000000..d4eae1e
--- /dev/null
+++ b/frontend/src/services/cardService.ts
@@ -0,0 +1,19 @@
+import type { Card } from '../types/card.types'
+import { MOCK_CARDS } from '../mocks/cards.mock'
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+export const cardService = {
+ async getCards(): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return [...MOCK_CARDS]
+ },
+
+ async toggleLock(cardId: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ const card = MOCK_CARDS.find(c => c.id === cardId)
+ if (!card) throw new Error('Card not found')
+ // In mock, mutate and return (real version: PATCH /api/cards/:id/lock)
+ card.isLocked = !card.isLocked
+ return { ...card }
+ },
+}
diff --git a/frontend/src/services/riskActionService.ts b/frontend/src/services/riskActionService.ts
new file mode 100644
index 0000000..bcb0d8d
--- /dev/null
+++ b/frontend/src/services/riskActionService.ts
@@ -0,0 +1,23 @@
+import type { RiskResponse } from '../types/risk.types'
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+/**
+ * Service that evaluates user actions against the risk engine.
+ * Real implementation: POST /api/actions/evaluate
+ */
+export const riskActionService = {
+ async evaluate(
+ _triggerType: string,
+ _payload: Record
+ ): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+
+ // Mock: return approved by default
+ // In the real system, the backend risk/decision/action agents determine this
+ return {
+ decision: 'approved',
+ actionTaken: 'none',
+ message: 'Action approved',
+ }
+ },
+}
diff --git a/frontend/src/services/transactionService.ts b/frontend/src/services/transactionService.ts
new file mode 100644
index 0000000..e288db3
--- /dev/null
+++ b/frontend/src/services/transactionService.ts
@@ -0,0 +1,31 @@
+import type { Transaction, TransactionDetail } from '../types/transaction.types'
+import { MOCK_TRANSACTIONS, MOCK_TRANSACTION_DETAIL } from '../mocks/transactions.mock'
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+export const transactionService = {
+ async getTransactions(): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return MOCK_TRANSACTIONS
+ },
+
+ async getTransactionById(id: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS / 2))
+ const base = MOCK_TRANSACTIONS.find(t => t.id === id)
+ if (!base) return undefined
+
+ // For the first transaction, return full detail; others get base fields
+ if (id === 'txn_001') return MOCK_TRANSACTION_DETAIL
+ return {
+ ...base,
+ statementDescriptor: `${base.merchantName} — Statement`,
+ signals: base.riskLevel === 'high'
+ ? [
+ { type: 'unusual_location', label: 'Unusual location detected', severity: 'high' },
+ { type: 'high_amount', label: 'Significantly above your baseline', severity: 'high' },
+ ]
+ : base.riskLevel === 'medium'
+ ? [{ type: 'high_amount', label: 'Amount above your typical spending', severity: 'medium' }]
+ : [],
+ }
+ },
+}
diff --git a/frontend/src/services/verificationService.ts b/frontend/src/services/verificationService.ts
new file mode 100644
index 0000000..e896c21
--- /dev/null
+++ b/frontend/src/services/verificationService.ts
@@ -0,0 +1,22 @@
+import { MOCK_API_DELAY_MS } from '../utils/constants'
+
+/**
+ * Service for submitting step-up verification responses.
+ * Real implementation: POST /api/verify
+ */
+export const verificationService = {
+ async submitOTP(_verificationId: string, _code: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return true // Mock: always succeeds
+ },
+
+ async submitPassword(_verificationId: string, _password: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return true
+ },
+
+ async submitMFA(_verificationId: string, _code: string): Promise {
+ await new Promise(resolve => setTimeout(resolve, MOCK_API_DELAY_MS))
+ return true
+ },
+}
diff --git a/frontend/src/types/account.types.ts b/frontend/src/types/account.types.ts
new file mode 100644
index 0000000..a55a211
--- /dev/null
+++ b/frontend/src/types/account.types.ts
@@ -0,0 +1,10 @@
+export interface Account {
+ id: string
+ name: string
+ lastFour: string
+ balance: number
+ type: string
+ currency?: string
+ status?: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/types/activity.types.ts b/frontend/src/types/activity.types.ts
new file mode 100644
index 0000000..9b0dfe6
--- /dev/null
+++ b/frontend/src/types/activity.types.ts
@@ -0,0 +1,16 @@
+import type { Signal } from './transaction.types'
+
+export interface ActivityEvent {
+ id: string
+ timestamp: string
+ triggerType: string
+ triggerDescription: string
+ riskLevel?: string
+ decision: string
+ actionTaken: string
+ actionLabel: string
+ resolved: boolean
+ signals?: Signal[]
+ relatedTransactionId?: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/types/api.types.ts b/frontend/src/types/api.types.ts
new file mode 100644
index 0000000..812d308
--- /dev/null
+++ b/frontend/src/types/api.types.ts
@@ -0,0 +1,18 @@
+/** Generic API response wrapper — matches FastAPI response model pattern */
+export interface ApiResponse {
+ success: boolean
+ data?: T
+ error?: string
+ message?: string
+ meta?: {
+ total: number
+ page: number
+ limit: number
+ }
+}
+
+/** Generic paginated request params */
+export interface PaginationParams {
+ page?: number
+ limit?: number
+}
diff --git a/frontend/src/types/card.types.ts b/frontend/src/types/card.types.ts
new file mode 100644
index 0000000..c931d58
--- /dev/null
+++ b/frontend/src/types/card.types.ts
@@ -0,0 +1,8 @@
+export interface Card {
+ id: string
+ cardholderName: string
+ lastFour: string
+ isLocked: boolean
+ type?: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/types/device.types.ts b/frontend/src/types/device.types.ts
new file mode 100644
index 0000000..f70534a
--- /dev/null
+++ b/frontend/src/types/device.types.ts
@@ -0,0 +1,7 @@
+export interface Device {
+ id: string
+ name: string
+ lastSeen: string
+ trustLevel: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/types/risk.types.ts b/frontend/src/types/risk.types.ts
new file mode 100644
index 0000000..2ca51bc
--- /dev/null
+++ b/frontend/src/types/risk.types.ts
@@ -0,0 +1,28 @@
+import type { Signal } from './transaction.types'
+
+export type RiskDecision = 'approved' | 'step_up_required' | 'blocked'
+
+export type ActionTaken =
+ | 'none'
+ | 'otp_sent'
+ | 'mfa_required'
+ | 'password_required'
+ | 'biometric_required'
+ | 'blocked'
+ | 'account_frozen'
+
+export interface RiskResponse {
+ decision: RiskDecision
+ actionTaken: ActionTaken
+ signals?: Signal[]
+ verificationId?: string
+ message?: string
+}
+
+export interface VerificationRequest {
+ verificationId: string
+ method: string
+ code?: string
+ password?: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/types/transaction.types.ts b/frontend/src/types/transaction.types.ts
new file mode 100644
index 0000000..dc4c456
--- /dev/null
+++ b/frontend/src/types/transaction.types.ts
@@ -0,0 +1,35 @@
+export interface Signal {
+ type: string
+ label: string
+ severity?: string
+ [key: string]: unknown
+}
+
+export interface Transaction {
+ id: string
+ amount: number
+ currency?: string
+ merchantName: string
+ merchantCategory?: string
+ date: string
+ status: string
+ riskLevel?: string
+ riskDecision?: string
+ actionTaken?: string
+ accountId: string
+ [key: string]: unknown
+}
+
+export interface TransactionDetail extends Transaction {
+ merchantAddress?: string
+ merchantPhone?: string
+ merchantWebsite?: string
+ merchantLogo?: string
+ statementDescriptor?: string
+ cardAction?: string
+ location?: { lat: number; lng: number }
+ signals?: Signal[]
+ verificationMethod?: string
+ verifiedAt?: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/types/user.types.ts b/frontend/src/types/user.types.ts
new file mode 100644
index 0000000..4dda86a
--- /dev/null
+++ b/frontend/src/types/user.types.ts
@@ -0,0 +1,8 @@
+export interface User {
+ id: string
+ name: string
+ email: string
+ phone?: string
+ avatarUrl?: string
+ [key: string]: unknown
+}
diff --git a/frontend/src/utils/constants.ts b/frontend/src/utils/constants.ts
new file mode 100644
index 0000000..1aef238
--- /dev/null
+++ b/frontend/src/utils/constants.ts
@@ -0,0 +1,24 @@
+/** Named timing constants to avoid magic numbers */
+export const DEBOUNCE_DELAY_MS = 500
+export const MOCK_API_DELAY_MS = 800
+export const OTP_CODE_LENGTH = 6
+export const OTP_RESEND_COOLDOWN_SEC = 60
+export const MAX_RETRIES = 3
+
+/** Route paths */
+export const ROUTES = {
+ LOGIN: '/login',
+ DASHBOARD: '/dashboard',
+ ACCOUNT_DETAIL: '/accounts/:id',
+ TRANSACTION_DETAIL: '/transactions/:id',
+ SECURITY: '/security',
+ ACTIVITY: '/activity',
+ SETTINGS: '/settings',
+} as const
+
+/** Account type → CSS gradient mapping */
+export const ACCOUNT_GRADIENTS: Record = {
+ checking: 'var(--gradient-checking)',
+ savings: 'var(--gradient-savings)',
+ credit: 'var(--gradient-credit)',
+}
diff --git a/frontend/src/utils/formatCurrency.ts b/frontend/src/utils/formatCurrency.ts
new file mode 100644
index 0000000..43943e6
--- /dev/null
+++ b/frontend/src/utils/formatCurrency.ts
@@ -0,0 +1,39 @@
+const DEFAULT_CURRENCY = 'USD'
+const DEFAULT_LOCALE = 'en-US'
+
+/**
+ * Formats a number as currency.
+ *
+ * @param amount - The numeric amount
+ * @param currency - ISO 4217 currency code (default: USD)
+ * @returns Formatted string like "$1,093.07"
+ */
+export function formatCurrency(
+ amount: number,
+ currency: string = DEFAULT_CURRENCY
+): string {
+ return new Intl.NumberFormat(DEFAULT_LOCALE, {
+ style: 'currency',
+ currency,
+ minimumFractionDigits: 2,
+ maximumFractionDigits: 2,
+ }).format(amount)
+}
+
+/**
+ * Splits a formatted currency string into dollars and cents for
+ * the superscript-cents display style used in Capital One UI.
+ *
+ * @returns { whole: "$1,093", cents: "07" }
+ */
+export function splitCurrency(
+ amount: number,
+ currency: string = DEFAULT_CURRENCY
+): { whole: string; cents: string } {
+ const formatted = formatCurrency(amount, currency)
+ const parts = formatted.split('.')
+ return {
+ whole: parts[0],
+ cents: parts[1] ?? '00',
+ }
+}
diff --git a/frontend/src/utils/formatDate.ts b/frontend/src/utils/formatDate.ts
new file mode 100644
index 0000000..d47c762
--- /dev/null
+++ b/frontend/src/utils/formatDate.ts
@@ -0,0 +1,51 @@
+const DEFAULT_LOCALE = 'en-US'
+
+/** "Monday, June 3" */
+export function formatDateFull(dateString: string): string {
+ return new Date(dateString).toLocaleDateString(DEFAULT_LOCALE, {
+ weekday: 'long',
+ month: 'long',
+ day: 'numeric',
+ })
+}
+
+/** "Jun 3" */
+export function formatDateShort(dateString: string): string {
+ return new Date(dateString).toLocaleDateString(DEFAULT_LOCALE, {
+ month: 'short',
+ day: 'numeric',
+ })
+}
+
+/** "Jun 3, 2:14 PM" */
+export function formatDateTimeShort(dateString: string): string {
+ return new Date(dateString).toLocaleDateString(DEFAULT_LOCALE, {
+ month: 'short',
+ day: 'numeric',
+ hour: 'numeric',
+ minute: '2-digit',
+ })
+}
+
+/** "2:14 PM" */
+export function formatTime(dateString: string): string {
+ return new Date(dateString).toLocaleTimeString(DEFAULT_LOCALE, {
+ hour: 'numeric',
+ minute: '2-digit',
+ })
+}
+
+/** Groups items by date label, e.g. "Monday, June 3" */
+export function groupByDate(
+ items: T[]
+): Map {
+ const groups = new Map()
+
+ for (const item of items) {
+ const label = formatDateFull(item.date)
+ const existing = groups.get(label) ?? []
+ groups.set(label, [...existing, item])
+ }
+
+ return groups
+}
diff --git a/frontend/src/utils/greetingText.ts b/frontend/src/utils/greetingText.ts
new file mode 100644
index 0000000..7fb5cf0
--- /dev/null
+++ b/frontend/src/utils/greetingText.ts
@@ -0,0 +1,11 @@
+/**
+ * Returns a time-of-day aware greeting.
+ * Matches Capital One's "Good morning, Elly" pattern.
+ */
+export function getGreetingText(name: string): string {
+ const hour = new Date().getHours()
+
+ if (hour < 12) return `Good morning, ${name}`
+ if (hour < 17) return `Good afternoon, ${name}`
+ return `Good evening, ${name}`
+}
diff --git a/frontend/src/utils/riskLevel.ts b/frontend/src/utils/riskLevel.ts
new file mode 100644
index 0000000..eb0dfb7
--- /dev/null
+++ b/frontend/src/utils/riskLevel.ts
@@ -0,0 +1,80 @@
+export interface RiskDisplay {
+ label: string
+ color: string
+ bgColor: string
+ icon: string
+}
+
+const RISK_DISPLAY_MAP: Record = {
+ low: {
+ label: 'Approved',
+ color: 'var(--color-risk-low)',
+ bgColor: 'var(--color-risk-low-bg)',
+ icon: '✅',
+ },
+ medium: {
+ label: 'Verified',
+ color: 'var(--color-risk-medium)',
+ bgColor: 'var(--color-risk-medium-bg)',
+ icon: '🔐',
+ },
+ high: {
+ label: 'Blocked',
+ color: 'var(--color-risk-high)',
+ bgColor: 'var(--color-risk-high-bg)',
+ icon: '🚫',
+ },
+ critical: {
+ label: 'Frozen',
+ color: 'var(--color-risk-critical)',
+ bgColor: 'var(--color-risk-critical-bg)',
+ icon: '🔒',
+ },
+}
+
+const DEFAULT_DISPLAY: RiskDisplay = {
+ label: 'Unknown',
+ color: 'var(--text-secondary)',
+ bgColor: 'transparent',
+ icon: '❓',
+}
+
+/**
+ * Maps a risk level string to display properties.
+ * Falls back gracefully for unknown values to support open-ended backend.
+ */
+export function getRiskDisplay(riskLevel?: string): RiskDisplay {
+ if (!riskLevel) return RISK_DISPLAY_MAP.low
+ return RISK_DISPLAY_MAP[riskLevel] ?? DEFAULT_DISPLAY
+}
+
+/** Maps a decision string to a human-readable action label */
+export function getDecisionLabel(decision?: string, actionTaken?: string): string {
+ switch (decision) {
+ case 'approved':
+ return 'Approved — No issues detected'
+ case 'step_up_required':
+ return getStepUpLabel(actionTaken)
+ case 'blocked':
+ return 'Blocked — This action was stopped for your security'
+ default:
+ return 'Processing'
+ }
+}
+
+function getStepUpLabel(actionTaken?: string): string {
+ switch (actionTaken) {
+ case 'otp_sent':
+ return 'Verification required — OTP sent'
+ case 'mfa_required':
+ return 'Verification required — MFA'
+ case 'password_required':
+ return 'Re-enter password to continue'
+ case 'biometric_required':
+ return 'Biometric verification required'
+ case 'account_frozen':
+ return 'Account temporarily frozen'
+ default:
+ return 'Additional verification required'
+ }
+}
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
new file mode 100644
index 0000000..1d29c88
--- /dev/null
+++ b/frontend/tsconfig.app.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "target": "es2023",
+ "lib": ["ES2023", "DOM", "DOM.Iterable"],
+ "module": "esnext",
+ "types": ["vite/client"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src"]
+}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "files": [],
+ "references": [
+ { "path": "./tsconfig.app.json" },
+ { "path": "./tsconfig.node.json" }
+ ]
+}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
new file mode 100644
index 0000000..d3c52ea
--- /dev/null
+++ b/frontend/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "es2023",
+ "lib": ["ES2023"],
+ "module": "esnext",
+ "types": ["node"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+
+ /* Linting */
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..91a0315
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+ plugins: [react()],
+ server: {
+ port: 3000,
+ proxy: {
+ '/api': {
+ target: 'http://localhost:8000',
+ changeOrigin: true,
+ },
+ },
+ },
+})