From fdbf07c906e781c6e84f17759b70cd8aa86540be Mon Sep 17 00:00:00 2001 From: Daniela Landin Date: Fri, 10 Apr 2026 13:41:05 -0600 Subject: [PATCH 1/2] docs: added context for app --- frontend/context.md | 96 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 frontend/context.md 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 From bad97b1aef3fb5740954884efb4f8b08a7ca4a8a Mon Sep 17 00:00:00 2001 From: Daniela Landin Date: Fri, 10 Apr 2026 14:38:36 -0600 Subject: [PATCH 2/2] feat: initialize frontend project with core fraud detection UI, authentication, and service layers --- frontend/.gitignore | 24 + frontend/README.md | 73 + frontend/eslint.config.js | 23 + frontend/index.html | 18 + frontend/package-lock.json | 3078 +++++++++++++++++ frontend/package.json | 33 + frontend/public/favicon.svg | 1 + frontend/public/icons.svg | 24 + frontend/src/App.tsx | 66 + .../components/fraud/ActionBlockedOverlay.css | 50 + .../components/fraud/ActionBlockedOverlay.tsx | 50 + .../src/components/fraud/ActivityEntry.css | 64 + .../src/components/fraud/ActivityEntry.tsx | 35 + .../components/fraud/RiskDecisionBanner.css | 31 + .../components/fraud/RiskDecisionBanner.tsx | 42 + .../src/components/fraud/SignalSummary.css | 43 + .../src/components/fraud/SignalSummary.tsx | 36 + .../fraud/VerificationChallenge.css | 52 + .../fraud/VerificationChallenge.tsx | 164 + .../src/components/layout/BottomTabBar.css | 41 + .../src/components/layout/BottomTabBar.tsx | 41 + .../src/components/layout/MobileShell.css | 13 + .../src/components/layout/MobileShell.tsx | 18 + frontend/src/components/layout/PageHeader.css | 45 + frontend/src/components/layout/PageHeader.tsx | 29 + .../src/components/shared/AccountCard.css | 32 + .../src/components/shared/AccountCard.tsx | 35 + .../src/components/shared/GreetingBanner.css | 12 + .../src/components/shared/GreetingBanner.tsx | 16 + .../src/components/shared/TransactionRow.css | 67 + .../src/components/shared/TransactionRow.tsx | 43 + frontend/src/components/ui/Badge.css | 43 + frontend/src/components/ui/Badge.tsx | 16 + frontend/src/components/ui/BottomSheet.css | 45 + frontend/src/components/ui/BottomSheet.tsx | 55 + frontend/src/components/ui/Button.css | 105 + frontend/src/components/ui/Button.tsx | 32 + frontend/src/components/ui/Card.css | 33 + frontend/src/components/ui/Card.tsx | 39 + frontend/src/components/ui/Input.css | 44 + frontend/src/components/ui/Input.tsx | 17 + frontend/src/components/ui/Spinner.css | 37 + frontend/src/components/ui/Spinner.tsx | 21 + frontend/src/components/ui/Toggle.css | 38 + frontend/src/components/ui/Toggle.tsx | 23 + frontend/src/context/AuthContext.tsx | 91 + frontend/src/context/RiskContext.tsx | 55 + frontend/src/hooks/useAuth.ts | 14 + frontend/src/hooks/useDebounce.ts | 18 + frontend/src/hooks/useMutation.ts | 31 + frontend/src/hooks/useQuery.ts | 51 + frontend/src/hooks/useRiskAction.ts | 61 + frontend/src/hooks/useToggle.ts | 14 + frontend/src/index.css | 345 ++ frontend/src/main.tsx | 10 + frontend/src/mocks/accounts.mock.ts | 31 + frontend/src/mocks/activity.mock.ts | 120 + frontend/src/mocks/cards.mock.ts | 18 + frontend/src/mocks/transactions.mock.ts | 101 + frontend/src/mocks/user.mock.ts | 8 + .../AccountDetailPage/AccountDetailPage.css | 61 + .../AccountDetailPage/AccountDetailPage.tsx | 74 + .../src/pages/ActivityPage/ActivityPage.css | 74 + .../src/pages/ActivityPage/ActivityPage.tsx | 119 + .../src/pages/DashboardPage/DashboardPage.css | 42 + .../src/pages/DashboardPage/DashboardPage.tsx | 75 + frontend/src/pages/LoginPage/LoginPage.css | 77 + frontend/src/pages/LoginPage/LoginPage.tsx | 81 + .../src/pages/SecurityPage/SecurityPage.css | 62 + .../src/pages/SecurityPage/SecurityPage.tsx | 74 + .../src/pages/SettingsPage/SettingsPage.css | 87 + .../src/pages/SettingsPage/SettingsPage.tsx | 71 + .../TransactionDetailPage.css | 92 + .../TransactionDetailPage.tsx | 102 + frontend/src/services/accountService.ts | 23 + frontend/src/services/activityService.ts | 25 + frontend/src/services/apiClient.ts | 57 + frontend/src/services/authService.ts | 37 + frontend/src/services/cardService.ts | 19 + frontend/src/services/riskActionService.ts | 23 + frontend/src/services/transactionService.ts | 31 + frontend/src/services/verificationService.ts | 22 + frontend/src/types/account.types.ts | 10 + frontend/src/types/activity.types.ts | 16 + frontend/src/types/api.types.ts | 18 + frontend/src/types/card.types.ts | 8 + frontend/src/types/device.types.ts | 7 + frontend/src/types/risk.types.ts | 28 + frontend/src/types/transaction.types.ts | 35 + frontend/src/types/user.types.ts | 8 + frontend/src/utils/constants.ts | 24 + frontend/src/utils/formatCurrency.ts | 39 + frontend/src/utils/formatDate.ts | 51 + frontend/src/utils/greetingText.ts | 11 + frontend/src/utils/riskLevel.ts | 80 + frontend/tsconfig.app.json | 25 + frontend/tsconfig.json | 7 + frontend/tsconfig.node.json | 24 + frontend/vite.config.ts | 15 + 99 files changed, 7549 insertions(+) create mode 100644 frontend/.gitignore create mode 100644 frontend/README.md create mode 100644 frontend/eslint.config.js create mode 100644 frontend/index.html create mode 100644 frontend/package-lock.json create mode 100644 frontend/package.json create mode 100644 frontend/public/favicon.svg create mode 100644 frontend/public/icons.svg create mode 100644 frontend/src/App.tsx create mode 100644 frontend/src/components/fraud/ActionBlockedOverlay.css create mode 100644 frontend/src/components/fraud/ActionBlockedOverlay.tsx create mode 100644 frontend/src/components/fraud/ActivityEntry.css create mode 100644 frontend/src/components/fraud/ActivityEntry.tsx create mode 100644 frontend/src/components/fraud/RiskDecisionBanner.css create mode 100644 frontend/src/components/fraud/RiskDecisionBanner.tsx create mode 100644 frontend/src/components/fraud/SignalSummary.css create mode 100644 frontend/src/components/fraud/SignalSummary.tsx create mode 100644 frontend/src/components/fraud/VerificationChallenge.css create mode 100644 frontend/src/components/fraud/VerificationChallenge.tsx create mode 100644 frontend/src/components/layout/BottomTabBar.css create mode 100644 frontend/src/components/layout/BottomTabBar.tsx create mode 100644 frontend/src/components/layout/MobileShell.css create mode 100644 frontend/src/components/layout/MobileShell.tsx create mode 100644 frontend/src/components/layout/PageHeader.css create mode 100644 frontend/src/components/layout/PageHeader.tsx create mode 100644 frontend/src/components/shared/AccountCard.css create mode 100644 frontend/src/components/shared/AccountCard.tsx create mode 100644 frontend/src/components/shared/GreetingBanner.css create mode 100644 frontend/src/components/shared/GreetingBanner.tsx create mode 100644 frontend/src/components/shared/TransactionRow.css create mode 100644 frontend/src/components/shared/TransactionRow.tsx create mode 100644 frontend/src/components/ui/Badge.css create mode 100644 frontend/src/components/ui/Badge.tsx create mode 100644 frontend/src/components/ui/BottomSheet.css create mode 100644 frontend/src/components/ui/BottomSheet.tsx create mode 100644 frontend/src/components/ui/Button.css create mode 100644 frontend/src/components/ui/Button.tsx create mode 100644 frontend/src/components/ui/Card.css create mode 100644 frontend/src/components/ui/Card.tsx create mode 100644 frontend/src/components/ui/Input.css create mode 100644 frontend/src/components/ui/Input.tsx create mode 100644 frontend/src/components/ui/Spinner.css create mode 100644 frontend/src/components/ui/Spinner.tsx create mode 100644 frontend/src/components/ui/Toggle.css create mode 100644 frontend/src/components/ui/Toggle.tsx create mode 100644 frontend/src/context/AuthContext.tsx create mode 100644 frontend/src/context/RiskContext.tsx create mode 100644 frontend/src/hooks/useAuth.ts create mode 100644 frontend/src/hooks/useDebounce.ts create mode 100644 frontend/src/hooks/useMutation.ts create mode 100644 frontend/src/hooks/useQuery.ts create mode 100644 frontend/src/hooks/useRiskAction.ts create mode 100644 frontend/src/hooks/useToggle.ts create mode 100644 frontend/src/index.css create mode 100644 frontend/src/main.tsx create mode 100644 frontend/src/mocks/accounts.mock.ts create mode 100644 frontend/src/mocks/activity.mock.ts create mode 100644 frontend/src/mocks/cards.mock.ts create mode 100644 frontend/src/mocks/transactions.mock.ts create mode 100644 frontend/src/mocks/user.mock.ts create mode 100644 frontend/src/pages/AccountDetailPage/AccountDetailPage.css create mode 100644 frontend/src/pages/AccountDetailPage/AccountDetailPage.tsx create mode 100644 frontend/src/pages/ActivityPage/ActivityPage.css create mode 100644 frontend/src/pages/ActivityPage/ActivityPage.tsx create mode 100644 frontend/src/pages/DashboardPage/DashboardPage.css create mode 100644 frontend/src/pages/DashboardPage/DashboardPage.tsx create mode 100644 frontend/src/pages/LoginPage/LoginPage.css create mode 100644 frontend/src/pages/LoginPage/LoginPage.tsx create mode 100644 frontend/src/pages/SecurityPage/SecurityPage.css create mode 100644 frontend/src/pages/SecurityPage/SecurityPage.tsx create mode 100644 frontend/src/pages/SettingsPage/SettingsPage.css create mode 100644 frontend/src/pages/SettingsPage/SettingsPage.tsx create mode 100644 frontend/src/pages/TransactionDetailPage/TransactionDetailPage.css create mode 100644 frontend/src/pages/TransactionDetailPage/TransactionDetailPage.tsx create mode 100644 frontend/src/services/accountService.ts create mode 100644 frontend/src/services/activityService.ts create mode 100644 frontend/src/services/apiClient.ts create mode 100644 frontend/src/services/authService.ts create mode 100644 frontend/src/services/cardService.ts create mode 100644 frontend/src/services/riskActionService.ts create mode 100644 frontend/src/services/transactionService.ts create mode 100644 frontend/src/services/verificationService.ts create mode 100644 frontend/src/types/account.types.ts create mode 100644 frontend/src/types/activity.types.ts create mode 100644 frontend/src/types/api.types.ts create mode 100644 frontend/src/types/card.types.ts create mode 100644 frontend/src/types/device.types.ts create mode 100644 frontend/src/types/risk.types.ts create mode 100644 frontend/src/types/transaction.types.ts create mode 100644 frontend/src/types/user.types.ts create mode 100644 frontend/src/utils/constants.ts create mode 100644 frontend/src/utils/formatCurrency.ts create mode 100644 frontend/src/utils/formatDate.ts create mode 100644 frontend/src/utils/greetingText.ts create mode 100644 frontend/src/utils/riskLevel.ts create mode 100644 frontend/tsconfig.app.json create mode 100644 frontend/tsconfig.json create mode 100644 frontend/tsconfig.node.json create mode 100644 frontend/vite.config.ts 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/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

+
+ +
+ setEmail(e.target.value)} + autoComplete="email" + /> + setPassword(e.target.value)} + error={error} + autoComplete="current-password" + /> + + +
+
+ ) +} 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, + }, + }, + }, +})