From 52676016fbd623dd4b8346ffc0414f627e3e0799 Mon Sep 17 00:00:00 2001 From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Date: Sat, 18 Apr 2026 17:17:45 +0000 Subject: [PATCH] feat: Solace Bank Group PLC Treasury Management Portal - Web3 authentication with MetaMask, WalletConnect, Coinbase wallet options - Demo mode for testing without wallet - Overview dashboard with KPI cards, asset allocation, positions, accounts, alerts - Transaction Builder module (full IDE-style drag-and-drop canvas with 28 gap fixes) - Accounts module with multi-account/subaccount hierarchical structures - Treasury Management module with positions table and 14-day cash forecast - Financial Reporting module with IPSAS, US GAAP, IFRS compliance - Compliance & Risk module with KYC/AML/Sanctions monitoring - Settlement & Clearing module with DVP/FOP/PVP operations - Settings with role-based permissions and enterprise controls - Dark theme professional UI with Solace Bank branding - HashRouter for static hosting compatibility Co-Authored-By: Nakamoto, S --- .agents/skills/testing-transactflow/SKILL.md | 63 + eslint.config.js | 23 + index.html | 13 + package-lock.json | 3433 ++++++++++++++++ package.json | 35 + public/favicon.svg | 1 + public/icons.svg | 24 + src/App.tsx | 583 +++ src/Portal.tsx | 243 ++ src/assets/hero.png | Bin 0 -> 44919 bytes src/assets/react.svg | 1 + src/assets/vite.svg | 1 + src/components/ActivityBar.tsx | 77 + src/components/BottomPanel.tsx | 382 ++ src/components/Canvas.tsx | 353 ++ src/components/CommandPalette.tsx | 168 + src/components/LeftPanel.tsx | 334 ++ src/components/RightPanel.tsx | 370 ++ src/components/TitleBar.tsx | 166 + src/components/TransactionNode.tsx | 54 + src/components/portal/PortalLayout.tsx | 175 + src/contexts/AuthContext.tsx | 153 + src/data/components.ts | 81 + src/data/portalData.ts | 138 + src/data/sampleData.ts | 88 + src/index.css | 3853 ++++++++++++++++++ src/main.tsx | 16 + src/pages/AccountsPage.tsx | 184 + src/pages/CompliancePage.tsx | 145 + src/pages/DashboardPage.tsx | 304 ++ src/pages/LoginPage.tsx | 189 + src/pages/ReportingPage.tsx | 180 + src/pages/SettlementsPage.tsx | 148 + src/pages/TreasuryPage.tsx | 153 + src/types/index.ts | 108 + src/types/portal.ts | 143 + tsconfig.app.json | 25 + tsconfig.json | 7 + tsconfig.node.json | 24 + vite.config.ts | 7 + 40 files changed, 12445 insertions(+) create mode 100644 .agents/skills/testing-transactflow/SKILL.md create mode 100644 eslint.config.js create mode 100644 index.html create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 public/favicon.svg create mode 100644 public/icons.svg create mode 100644 src/App.tsx create mode 100644 src/Portal.tsx create mode 100644 src/assets/hero.png create mode 100644 src/assets/react.svg create mode 100644 src/assets/vite.svg create mode 100644 src/components/ActivityBar.tsx create mode 100644 src/components/BottomPanel.tsx create mode 100644 src/components/Canvas.tsx create mode 100644 src/components/CommandPalette.tsx create mode 100644 src/components/LeftPanel.tsx create mode 100644 src/components/RightPanel.tsx create mode 100644 src/components/TitleBar.tsx create mode 100644 src/components/TransactionNode.tsx create mode 100644 src/components/portal/PortalLayout.tsx create mode 100644 src/contexts/AuthContext.tsx create mode 100644 src/data/components.ts create mode 100644 src/data/portalData.ts create mode 100644 src/data/sampleData.ts create mode 100644 src/index.css create mode 100644 src/main.tsx create mode 100644 src/pages/AccountsPage.tsx create mode 100644 src/pages/CompliancePage.tsx create mode 100644 src/pages/DashboardPage.tsx create mode 100644 src/pages/LoginPage.tsx create mode 100644 src/pages/ReportingPage.tsx create mode 100644 src/pages/SettlementsPage.tsx create mode 100644 src/pages/TreasuryPage.tsx create mode 100644 src/types/index.ts create mode 100644 src/types/portal.ts create mode 100644 tsconfig.app.json create mode 100644 tsconfig.json create mode 100644 tsconfig.node.json create mode 100644 vite.config.ts diff --git a/.agents/skills/testing-transactflow/SKILL.md b/.agents/skills/testing-transactflow/SKILL.md new file mode 100644 index 0000000..e06669d --- /dev/null +++ b/.agents/skills/testing-transactflow/SKILL.md @@ -0,0 +1,63 @@ +# Testing TransactFlow IDE + +## Overview +TransactFlow is a React 18 + TypeScript + Vite app using @xyflow/react for a drag-and-drop graph editor. It deploys as a static frontend site (no backend). + +## Deployed URL +https://dist-dgoompqy.devinapps.com + +## Local Dev +```bash +cd /home/ubuntu/repos/transaction-builder +npm install +npm run dev # starts on localhost:5174 +``` + +## Testing Approach + +### Tool Selection +- **Browser tool**: Use for most UI interactions (clicking, typing, verifying DOM state via console). Works well for buttons, inputs, tabs, dropdowns. +- **Playwright CDP**: Required for drag-and-drop testing. React Flow's drag-and-drop uses native browser events that synthetic DOM events cannot replicate. Connect via `chromium.connectOverCDP('http://127.0.0.1:')`. The Chrome CDP port may be ephemeral — find it with `ss -tlnp 2>/dev/null | grep chrome`. +- **Browser console**: Use `document.querySelector`/`querySelectorAll` for DOM assertions. Returns exact counts and text content for verification. + +### Key Patterns + +#### React Controlled Inputs +React controlled inputs (``) cannot be cleared via `element.value = ''` + synthetic events. React manages the value internally. **Workaround**: Reload the page to reset state rather than fighting React's control. + +#### devinid Drift After DOM Changes +The browser tool assigns `devinid` attributes based on current DOM state. After significant DOM changes (collapsing accordions, opening modals, switching tabs), cached devinids become invalid. **Workaround**: Re-query the HTML or reload the page after major DOM mutations to get fresh devinids. + +#### Keyboard Shortcuts (Ctrl+K, Ctrl+B, etc.) +Browser automation tools may intercept `Ctrl+K` before it reaches the page. Synthetic `KeyboardEvent` dispatch on `window` also might not trigger React's state updates reliably. **Workaround**: Use the UI button that triggers the same action (e.g., Command Palette icon button instead of Ctrl+K). + +#### Command Palette +The command palette overlay renders as `.command-palette` with input `.command-palette-input` and results `.command-palette-results`. Commands are `.command-item` elements with `.command-label` text. The palette input might not have a visible devinid in truncated HTML — search the full page HTML file for `placeholder="Type a command"`. + +### Component Architecture (for test assertions) +- **TitleBar**: Mode selector (`.mode-selector` / `.mode-dropdown` / `.mode-option`), search bar, validate/simulate/execute buttons +- **ActivityBar**: 10 `.activity-btn` icon buttons +- **LeftPanel**: Search input, filter buttons (All/Favorites/Recent), `.component-category` with `.category-header` and `.category-items`, `.component-item` elements +- **Canvas**: React Flow container, `.canvas-empty-content` (shown when `nodes.length === 0`), `.canvas-inspector` with node/connection counts +- **RightPanel**: `.chat-header-agent` shows active agent name, `.agent-tab` buttons for switching, `.chat-message.user` and `.chat-message.agent` for messages, agent responses have 800ms delay +- **BottomPanel**: `.bottom-tab` buttons, `.system-800-card` (6 cards), `.settlement-table` (4 rows), `.audit-content` with `.audit-entry` elements +- **CommandPalette**: `.command-palette-overlay`, `.command-palette`, `.command-item`, `.command-label` + +### Test Data (hardcoded in source) +- Default favorites: Transfer, Swap, KYC (Set in LeftPanel.tsx) +- 7 component categories, 56 total components +- 7 agent types: Builder, Compliance, Routing, ISO-20022, Settlement, Risk, Documentation +- 6 system status cards in 800 System tab +- 4 settlement queue rows (includes TX-2024-0847) +- Audit trail contains SESSION_START and ENGINE_LOAD events +- 4 session modes: Sandbox, Simulate, Live, Compliance Review +- Builder agent responds with "Transfer" (when input doesn't contain "swap") or "Swap" (when it does) +- Compliance agent responds with "No policy violations" + +## Devin Secrets Needed +None — this is a purely frontend static site with no auth required. + +## Common Issues +- If Chrome CDP port is not 29229, the browser was launched with `--remote-debugging-port=0` (random). Restart browser via `browser(action="restart")` and find the new port. +- React Flow nodes require native browser drag events. Use Playwright's `dragTo()` method, not synthetic `DragEvent` dispatch. +- After page reload, all React state resets (nodes cleared, chat history cleared, filters reset to defaults). Plan test sequences accordingly. diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..5e6b472 --- /dev/null +++ b/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/index.html b/index.html new file mode 100644 index 0000000..8740ad4 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Solace Bank Group PLC — Treasury Management Portal + + +
+ + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..293424d --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3433 @@ +{ + "name": "transaction-builder", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "transaction-builder", + "version": "0.0.0", + "dependencies": { + "@xyflow/react": "^12.10.2", + "ethers": "^6.16.0", + "lucide-react": "^1.8.0", + "playwright": "^1.59.1", + "react": "^19.2.4", + "react-dom": "^19.2.4", + "react-router-dom": "^7.14.1" + }, + "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/@adraffy/ens-normalize": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.10.1.tgz", + "integrity": "sha512-96Z2IP3mYmF1Xg2cDm8f1gWGf/HUVedQ3FMifV4kG/PQ4yEP51xDtRAEfhVNt5f/uzpNkZHwWQuUcu6D6K+Ekw==", + "license": "MIT" + }, + "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.2", + "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz", + "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/types": "^0.15.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/node": { + "version": "0.16.8", + "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz", + "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/core": "^0.19.2", + "@humanfs/types": "^0.15.0", + "@humanwhocodes/retry": "^0.4.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/types": { + "version": "0.15.0", + "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz", + "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==", + "dev": true, + "license": "Apache-2.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.4", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz", + "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==", + "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/@noble/curves": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.2.0.tgz", + "integrity": "sha512-oYclrNgRaM9SsBUBVbb8M6DTV7ZHRTKugureoYEncY5c65HOmRzvSiTE3y5CYaPYJA/GVkrhXEoF0M3Ya9PMnw==", + "license": "MIT", + "dependencies": { + "@noble/hashes": "1.3.2" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/@noble/hashes": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.3.2.tgz", + "integrity": "sha512-MVC8EAQp7MvEcm30KWENFjgR+Mkmf+D189XJTkFIlwohU5hcBbn1ZkKq7KVTi2Hme3PMGF390DaL52beVrIihQ==", + "license": "MIT", + "engines": { + "node": ">= 16" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "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/d3-color": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz", + "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==", + "license": "MIT" + }, + "node_modules/@types/d3-drag": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz", + "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==", + "license": "MIT", + "dependencies": { + "@types/d3-selection": "*" + } + }, + "node_modules/@types/d3-interpolate": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz", + "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==", + "license": "MIT", + "dependencies": { + "@types/d3-color": "*" + } + }, + "node_modules/@types/d3-selection": { + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz", + "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==", + "license": "MIT" + }, + "node_modules/@types/d3-transition": { + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz", + "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==", + "license": "MIT", + "dependencies": { + "@types/d3-selection": "*" + } + }, + "node_modules/@types/d3-zoom": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz", + "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==", + "license": "MIT", + "dependencies": { + "@types/d3-interpolate": "*", + "@types/d3-selection": "*" + } + }, + "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==", + "devOptional": 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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.2.tgz", + "integrity": "sha512-aC2qc5thQahutKjP+cl8cgN9DWe3ZUqVko30CMSZHnFEHyhOYoZSzkGtAI2mcwZ38xeImDucI4dnqsHiOYuuCw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/regexpp": "^4.12.2", + "@typescript-eslint/scope-manager": "8.58.2", + "@typescript-eslint/type-utils": "8.58.2", + "@typescript-eslint/utils": "8.58.2", + "@typescript-eslint/visitor-keys": "8.58.2", + "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.2", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.2.tgz", + "integrity": "sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/scope-manager": "8.58.2", + "@typescript-eslint/types": "8.58.2", + "@typescript-eslint/typescript-estree": "8.58.2", + "@typescript-eslint/visitor-keys": "8.58.2", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.2.tgz", + "integrity": "sha512-Cq6UfpZZk15+r87BkIh5rDpi38W4b+Sjnb8wQCPPDDweS/LRCFjCyViEbzHk5Ck3f2QDfgmlxqSa7S7clDtlfg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/tsconfig-utils": "^8.58.2", + "@typescript-eslint/types": "^8.58.2", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.2.tgz", + "integrity": "sha512-SgmyvDPexWETQek+qzZnrG6844IaO02UVyOLhI4wpo82dpZJY9+6YZCKAMFzXb7qhx37mFK1QcPQ18tud+vo6Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.58.2", + "@typescript-eslint/visitor-keys": "8.58.2" + }, + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.2.tgz", + "integrity": "sha512-3SR+RukipDvkkKp/d0jP0dyzuls3DbGmwDpVEc5wqk5f38KFThakqAAO0XMirWAE+kT00oTauTbzMFGPoAzB0A==", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.2.tgz", + "integrity": "sha512-Z7EloNR/B389FvabdGeTo2XMs4W9TjtPiO9DAsmT0yom0bwlPyRjkJ1uCdW1DvrrrYP50AJZ9Xc3sByZA9+dcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.58.2", + "@typescript-eslint/typescript-estree": "8.58.2", + "@typescript-eslint/utils": "8.58.2", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.2.tgz", + "integrity": "sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.2.tgz", + "integrity": "sha512-ELGuoofuhhoCvNbQjFFiobFcGgcDCEm0ThWdmO4Z0UzLqPXS3KFvnEZ+SHewwOYHjM09tkzOWXNTv9u6Gqtyuw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/project-service": "8.58.2", + "@typescript-eslint/tsconfig-utils": "8.58.2", + "@typescript-eslint/types": "8.58.2", + "@typescript-eslint/visitor-keys": "8.58.2", + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.2.tgz", + "integrity": "sha512-QZfjHNEzPY8+l0+fIXMvuQ2sJlplB4zgDZvA+NmvZsZv3EQwOcc1DuIU1VJUTWZ/RKouBMhDyNaBMx4sWvrzRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.9.1", + "@typescript-eslint/scope-manager": "8.58.2", + "@typescript-eslint/types": "8.58.2", + "@typescript-eslint/typescript-estree": "8.58.2" + }, + "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.2", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.2.tgz", + "integrity": "sha512-f1WO2Lx8a9t8DARmcWAUPJbu0G20bJlj8L4z72K00TMeJAoyLr/tHhI/pzYBLrR4dXWkcxO1cWYZEOX8DKHTqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.58.2", + "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/@xyflow/react": { + "version": "12.10.2", + "resolved": "https://registry.npmjs.org/@xyflow/react/-/react-12.10.2.tgz", + "integrity": "sha512-CgIi6HwlcHXwlkTpr0fxLv/0sRVNZ8IdwKLzzeCscaYBwpvfcH1QFOCeaTCuEn1FQEs/B8CjnTSjhs8udgmBgQ==", + "license": "MIT", + "dependencies": { + "@xyflow/system": "0.0.76", + "classcat": "^5.0.3", + "zustand": "^4.4.0" + }, + "peerDependencies": { + "react": ">=17", + "react-dom": ">=17" + } + }, + "node_modules/@xyflow/system": { + "version": "0.0.76", + "resolved": "https://registry.npmjs.org/@xyflow/system/-/system-0.0.76.tgz", + "integrity": "sha512-hvwvnRS1B3REwVDlWexsq7YQaPZeG3/mKo1jv38UmnpWmxihp14bW6VtEOuHEwJX2FvzFw8k77LyKSk/wiZVNA==", + "license": "MIT", + "dependencies": { + "@types/d3-drag": "^3.0.7", + "@types/d3-interpolate": "^3.0.4", + "@types/d3-selection": "^3.0.10", + "@types/d3-transition": "^3.0.8", + "@types/d3-zoom": "^3.0.8", + "d3-drag": "^3.0.0", + "d3-interpolate": "^3.0.1", + "d3-selection": "^3.0.0", + "d3-zoom": "^3.0.0" + } + }, + "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/aes-js": { + "version": "4.0.0-beta.5", + "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-4.0.0-beta.5.tgz", + "integrity": "sha512-G965FqalsNyrPqgEGON7nIx1e/OVENSgiEIzyC63haUMuvNnwIgIjMs52hlTCKhkBny7A2ORNlfY9Zu+jmGk1Q==", + "license": "MIT" + }, + "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.19", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz", + "integrity": "sha512-qCkNLi2sfBOn8XhZQ0FXsT1Ki/Yo5P90hrkRamVFRS7/KV9hpfA4HkoWNU152+8w0zPjnxo5psx5NL3PSGgv5g==", + "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.14", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz", + "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==", + "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.30001788", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz", + "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==", + "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/classcat": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/classcat/-/classcat-5.0.5.tgz", + "integrity": "sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w==", + "license": "MIT" + }, + "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==", + "devOptional": true, + "license": "MIT" + }, + "node_modules/d3-color": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz", + "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==", + "license": "ISC", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-dispatch": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz", + "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==", + "license": "ISC", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-drag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz", + "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==", + "license": "ISC", + "dependencies": { + "d3-dispatch": "1 - 3", + "d3-selection": "3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-ease": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz", + "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==", + "license": "BSD-3-Clause", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-interpolate": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz", + "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==", + "license": "ISC", + "dependencies": { + "d3-color": "1 - 3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-selection": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz", + "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==", + "license": "ISC", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-timer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz", + "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==", + "license": "ISC", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-transition": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz", + "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==", + "license": "ISC", + "dependencies": { + "d3-color": "1 - 3", + "d3-dispatch": "1 - 3", + "d3-ease": "1 - 3", + "d3-interpolate": "1 - 3", + "d3-timer": "1 - 3" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "d3-selection": "2 - 3" + } + }, + "node_modules/d3-zoom": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz", + "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==", + "license": "ISC", + "dependencies": { + "d3-dispatch": "1 - 3", + "d3-drag": "2 - 3", + "d3-interpolate": "1 - 3", + "d3-selection": "2 - 3", + "d3-transition": "2 - 3" + }, + "engines": { + "node": ">=12" + } + }, + "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.340", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.340.tgz", + "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==", + "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.1.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz", + "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==", + "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 || ^10.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/ethers": { + "version": "6.16.0", + "resolved": "https://registry.npmjs.org/ethers/-/ethers-6.16.0.tgz", + "integrity": "sha512-U1wulmetNymijEhpSEQ7Ct/P/Jw9/e7R1j5XIbPRydgV2DjLVMsULDlNksq3RQnFgKoLlZf88ijYtWEXcPa07A==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/ethers-io/" + }, + { + "type": "individual", + "url": "https://www.buymeacoffee.com/ricmoo" + } + ], + "license": "MIT", + "dependencies": { + "@adraffy/ens-normalize": "1.10.1", + "@noble/curves": "1.2.0", + "@noble/hashes": "1.3.2", + "@types/node": "22.7.5", + "aes-js": "4.0.0-beta.5", + "tslib": "2.7.0", + "ws": "8.17.1" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/ethers/node_modules/@types/node": { + "version": "22.7.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.5.tgz", + "integrity": "sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==", + "license": "MIT", + "dependencies": { + "undici-types": "~6.19.2" + } + }, + "node_modules/ethers/node_modules/tslib": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz", + "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==", + "license": "0BSD" + }, + "node_modules/ethers/node_modules/undici-types": { + "version": "6.19.8", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz", + "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==", + "license": "MIT" + }, + "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/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.5.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-17.5.0.tgz", + "integrity": "sha512-qoV+HK2yFl/366t2/Cb3+xxPUo5BuMynomoDmiaZBIdbs+0pYbjfZU+twLhGKp4uCZ/+NbtpVepH5bGCxRyy2g==", + "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/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/playwright": { + "version": "1.59.1", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz", + "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==", + "license": "Apache-2.0", + "dependencies": { + "playwright-core": "1.59.1" + }, + "bin": { + "playwright": "cli.js" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "fsevents": "2.3.2" + } + }, + "node_modules/playwright-core": { + "version": "1.59.1", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz", + "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==", + "license": "Apache-2.0", + "bin": { + "playwright-core": "cli.js" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/playwright/node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/postcss": { + "version": "8.5.10", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz", + "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==", + "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.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.14.1.tgz", + "integrity": "sha512-5BCvFskyAAVumqhEKh/iPhLOIkfxcEUz8WqFIARCkMg8hZZzDYX9CtwxXA0e+qT8zAxmMC0x3Ckb9iMONwc5jg==", + "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.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.14.1.tgz", + "integrity": "sha512-ZkrQuwwhGibjQLqH1eCdyiZyLWglPxzxdl5tgwgKEyCSGC76vmAjleGocRe3J/MLfzMUIKwaFJWpFVJhK3d2xA==", + "license": "MIT", + "dependencies": { + "react-router": "7.14.1" + }, + "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==", + "dev": true, + "license": "0BSD", + "optional": true + }, + "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.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz", + "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/typescript-eslint": { + "version": "8.58.2", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.2.tgz", + "integrity": "sha512-V8iSng9mRbdZjl54VJ9NKr6ZB+dW0J3TzRXRGcSbLIej9jV86ZRtlYeTKDR/QLxXykocJ5icNzbsl2+5TzIvcQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/eslint-plugin": "8.58.2", + "@typescript-eslint/parser": "8.58.2", + "@typescript-eslint/typescript-estree": "8.58.2", + "@typescript-eslint/utils": "8.58.2" + }, + "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/use-sync-external-store": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz", + "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==", + "license": "MIT", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.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/ws": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz", + "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==", + "license": "MIT", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/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" + } + }, + "node_modules/zustand": { + "version": "4.5.7", + "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz", + "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==", + "license": "MIT", + "dependencies": { + "use-sync-external-store": "^1.2.2" + }, + "engines": { + "node": ">=12.7.0" + }, + "peerDependencies": { + "@types/react": ">=16.8", + "immer": ">=9.0.6", + "react": ">=16.8" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "immer": { + "optional": true + }, + "react": { + "optional": true + } + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..4432d9a --- /dev/null +++ b/package.json @@ -0,0 +1,35 @@ +{ + "name": "transaction-builder", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc -b && vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "@xyflow/react": "^12.10.2", + "ethers": "^6.16.0", + "lucide-react": "^1.8.0", + "playwright": "^1.59.1", + "react": "^19.2.4", + "react-dom": "^19.2.4", + "react-router-dom": "^7.14.1" + }, + "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/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..6893eb1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons.svg b/public/icons.svg new file mode 100644 index 0000000..e952219 --- /dev/null +++ b/public/icons.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/App.tsx b/src/App.tsx new file mode 100644 index 0000000..e10384d --- /dev/null +++ b/src/App.tsx @@ -0,0 +1,583 @@ +import { useState, useEffect, useCallback, useRef } from 'react'; +import { addEdge, applyNodeChanges, applyEdgeChanges, type Node, type Edge, type Connection, type NodeChange, type EdgeChange } from '@xyflow/react'; +import TitleBar from './components/TitleBar'; +import ActivityBar from './components/ActivityBar'; +import LeftPanel from './components/LeftPanel'; +import Canvas from './components/Canvas'; +import RightPanel from './components/RightPanel'; +import BottomPanel from './components/BottomPanel'; +import CommandPalette from './components/CommandPalette'; +import type { ActivityTab, SessionMode, ComponentItem, HistoryEntry, TransactionTab, TerminalEntry, AuditEntry, ValidationIssue } from './types'; + +const STORAGE_KEY = 'transactflow-workspace'; + +function loadWorkspace() { + try { + const raw = localStorage.getItem(STORAGE_KEY); + if (raw) return JSON.parse(raw); + } catch { /* ignore */ } + return null; +} + +function saveWorkspace(state: Record) { + try { + localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); + } catch { /* ignore */ } +} + +export default function App() { + const saved = useRef(loadWorkspace()); + + const [activityTab, setActivityTab] = useState(saved.current?.activityTab || 'builder'); + const [leftOpen, setLeftOpen] = useState(saved.current?.leftOpen ?? true); + const [rightOpen, setRightOpen] = useState(saved.current?.rightOpen ?? true); + const [bottomOpen, setBottomOpen] = useState(saved.current?.bottomOpen ?? true); + const [bottomExpanded, setBottomExpanded] = useState(false); + const [commandPaletteOpen, setCommandPaletteOpen] = useState(false); + const [mode, setMode] = useState(saved.current?.mode || 'Sandbox'); + + const [leftWidth, setLeftWidth] = useState(saved.current?.leftWidth ?? 280); + const [rightWidth, setRightWidth] = useState(saved.current?.rightWidth ?? 320); + const [bottomHeight, setBottomHeight] = useState(saved.current?.bottomHeight ?? 220); + + // Transaction tabs + const [transactionTabs, setTransactionTabs] = useState([ + { id: 'tx-1', name: 'Untitled Transaction', nodes: [], edges: [] }, + ]); + const [activeTransactionId, setActiveTransactionId] = useState('tx-1'); + + const activeTransaction = transactionTabs.find(t => t.id === activeTransactionId)!; + const nodes = activeTransaction.nodes; + const edges = activeTransaction.edges; + + const setNodes = useCallback((updater: Node[] | ((prev: Node[]) => Node[])) => { + setTransactionTabs(prev => prev.map(t => { + if (t.id !== activeTransactionId) return t; + const newNodes = typeof updater === 'function' ? updater(t.nodes) : updater; + return { ...t, nodes: newNodes }; + })); + }, [activeTransactionId]); + + const setEdges = useCallback((updater: Edge[] | ((prev: Edge[]) => Edge[])) => { + setTransactionTabs(prev => prev.map(t => { + if (t.id !== activeTransactionId) return t; + const newEdges = typeof updater === 'function' ? updater(t.edges) : updater; + return { ...t, edges: newEdges }; + })); + }, [activeTransactionId]); + + // Undo/redo + const [history, setHistory] = useState([{ nodes: [], edges: [] }]); + const [historyIndex, setHistoryIndex] = useState(0); + const skipHistoryRef = useRef(false); + + const pushHistory = useCallback((n: Node[], e: Edge[]) => { + if (skipHistoryRef.current) { skipHistoryRef.current = false; return; } + setHistory(prev => { + const trimmed = prev.slice(0, historyIndex + 1); + const entry = { nodes: JSON.parse(JSON.stringify(n)), edges: JSON.parse(JSON.stringify(e)) }; + const next = [...trimmed, entry]; + if (next.length > 50) next.shift(); + return next; + }); + setHistoryIndex(prev => Math.min(prev + 1, 50)); + }, [historyIndex]); + + const undo = useCallback(() => { + if (historyIndex <= 0) return; + const newIndex = historyIndex - 1; + const entry = history[newIndex]; + if (!entry) return; + skipHistoryRef.current = true; + setHistoryIndex(newIndex); + setNodes(JSON.parse(JSON.stringify(entry.nodes))); + setEdges(JSON.parse(JSON.stringify(entry.edges))); + }, [historyIndex, history, setNodes, setEdges]); + + const redo = useCallback(() => { + if (historyIndex >= history.length - 1) return; + const newIndex = historyIndex + 1; + const entry = history[newIndex]; + if (!entry) return; + skipHistoryRef.current = true; + setHistoryIndex(newIndex); + setNodes(JSON.parse(JSON.stringify(entry.nodes))); + setEdges(JSON.parse(JSON.stringify(entry.edges))); + }, [historyIndex, history, setNodes, setEdges]); + + // Selected nodes + const [selectedNodeIds, setSelectedNodeIds] = useState>(new Set()); + const selectedNodes = nodes.filter(n => selectedNodeIds.has(n.id)); + + // Recent components + const [recentComponents, setRecentComponents] = useState([]); + const addRecentComponent = useCallback((id: string) => { + setRecentComponents(prev => { + const next = [id, ...prev.filter(x => x !== id)]; + return next.slice(0, 20); + }); + }, []); + + // Terminal log entries (live) + const [terminalEntries, setTerminalEntries] = useState([]); + const addTerminalEntry = useCallback((level: TerminalEntry['level'], source: string, message: string) => { + setTerminalEntries(prev => [...prev, { + id: Date.now().toString(), + timestamp: new Date(), + level, + source, + message, + }]); + }, []); + + // Audit entries (live) + const [auditEntries, setAuditEntries] = useState([]); + const addAuditEntry = useCallback((action: string, detail: string) => { + setAuditEntries(prev => [...prev, { + id: Date.now().toString(), + timestamp: new Date(), + user: 'user', + action, + detail, + }]); + }, []); + + // Validation state + const [validationIssues, setValidationIssues] = useState([]); + const [isSimulating, setIsSimulating] = useState(false); + const [simulationResults, setSimulationResults] = useState(null); + + // Split view + const [splitView, setSplitView] = useState(false); + + // Resizable panels + const resizing = useRef<{ side: 'left' | 'right' | 'bottom'; startPos: number; startSize: number } | null>(null); + + useEffect(() => { + const onMouseMove = (e: MouseEvent) => { + if (!resizing.current) return; + const { side, startPos, startSize } = resizing.current; + if (side === 'left') { + const delta = e.clientX - startPos; + setLeftWidth(Math.max(200, Math.min(500, startSize + delta))); + } else if (side === 'right') { + const delta = startPos - e.clientX; + setRightWidth(Math.max(240, Math.min(600, startSize + delta))); + } else if (side === 'bottom') { + const delta = startPos - e.clientY; + setBottomHeight(Math.max(120, Math.min(500, startSize + delta))); + } + }; + const onMouseUp = () => { resizing.current = null; document.body.style.cursor = ''; document.body.style.userSelect = ''; }; + window.addEventListener('mousemove', onMouseMove); + window.addEventListener('mouseup', onMouseUp); + return () => { window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', onMouseUp); }; + }, []); + + const startResize = useCallback((side: 'left' | 'right' | 'bottom', e: React.MouseEvent) => { + resizing.current = { + side, + startPos: side === 'bottom' ? e.clientY : e.clientX, + startSize: side === 'left' ? leftWidth : side === 'right' ? rightWidth : bottomHeight, + }; + document.body.style.cursor = side === 'bottom' ? 'row-resize' : 'col-resize'; + document.body.style.userSelect = 'none'; + }, [leftWidth, rightWidth, bottomHeight]); + + // Persist workspace + useEffect(() => { + saveWorkspace({ leftOpen, rightOpen, bottomOpen, leftWidth, rightWidth, bottomHeight, mode, activityTab }); + }, [leftOpen, rightOpen, bottomOpen, leftWidth, rightWidth, bottomHeight, mode, activityTab]); + + // Toggles + const toggleLeft = useCallback(() => setLeftOpen((p: boolean) => !p), []); + const toggleRight = useCallback(() => setRightOpen((p: boolean) => !p), []); + const toggleBottom = useCallback(() => setBottomOpen((p: boolean) => !p), []); + const toggleCommandPalette = useCallback(() => setCommandPaletteOpen((p: boolean) => !p), []); + + // Node operations + const nodeIdCounter = useRef(0); + + const onDropComponent = useCallback((item: ComponentItem, position: { x: number; y: number }) => { + const newNode: Node = { + id: `node_${nodeIdCounter.current++}`, + type: 'transactionNode', + position, + data: { label: item.label, category: item.category, icon: item.icon, color: item.color, status: undefined }, + }; + setNodes(prev => { + const next = [...prev, newNode]; + pushHistory(next, edges); + return next; + }); + addRecentComponent(item.id); + addTerminalEntry('info', 'canvas', `Node added: ${item.label}`); + addAuditEntry('NODE_ADD', `Added ${item.label} node to canvas`); + }, [setNodes, edges, pushHistory, addRecentComponent, addTerminalEntry, addAuditEntry]); + + const onConnect = useCallback((params: Connection) => { + setEdges(prev => { + const next = addEdge({ ...params, animated: true, style: { stroke: '#3b82f6', strokeWidth: 2 } }, prev); + pushHistory(nodes, next); + return next; + }); + addTerminalEntry('info', 'canvas', `Edge connected: ${params.source} → ${params.target}`); + addAuditEntry('EDGE_CREATE', `Connection created`); + }, [setEdges, nodes, pushHistory, addTerminalEntry, addAuditEntry]); + + const onNodesChange = useCallback((changes: NodeChange[]) => { + setNodes((prev: Node[]) => applyNodeChanges(changes, prev)); + }, [setNodes]); + + const onEdgesChange = useCallback((changes: EdgeChange[]) => { + setEdges((prev: Edge[]) => applyEdgeChanges(changes, prev)); + }, [setEdges]); + + const onSelectionChange = useCallback(({ nodes: selectedNodes }: { nodes: Node[] }) => { + setSelectedNodeIds(new Set(selectedNodes.map(n => n.id))); + }, []); + + const deleteSelectedNodes = useCallback(() => { + if (selectedNodeIds.size === 0) return; + setNodes(prev => { + const next = prev.filter(n => !selectedNodeIds.has(n.id)); + pushHistory(next, edges.filter(e => !selectedNodeIds.has(e.source) && !selectedNodeIds.has(e.target))); + return next; + }); + setEdges(prev => prev.filter(e => !selectedNodeIds.has(e.source) && !selectedNodeIds.has(e.target))); + addTerminalEntry('info', 'canvas', `Deleted ${selectedNodeIds.size} node(s)`); + addAuditEntry('NODE_DELETE', `Removed ${selectedNodeIds.size} node(s)`); + setSelectedNodeIds(new Set()); + }, [selectedNodeIds, setNodes, setEdges, edges, pushHistory, addTerminalEntry, addAuditEntry]); + + const duplicateSelectedNodes = useCallback(() => { + if (selectedNodeIds.size === 0) return; + const selected = nodes.filter(n => selectedNodeIds.has(n.id)); + const newNodes = selected.map(n => ({ + ...n, + id: `node_${nodeIdCounter.current++}`, + position: { x: n.position.x + 40, y: n.position.y + 40 }, + selected: false, + })); + setNodes(prev => { + const next = [...prev, ...newNodes]; + pushHistory(next, edges); + return next; + }); + addTerminalEntry('info', 'canvas', `Duplicated ${selected.length} node(s)`); + addAuditEntry('NODE_DUPLICATE', `Duplicated ${selected.length} node(s)`); + }, [selectedNodeIds, nodes, setNodes, edges, pushHistory, addTerminalEntry, addAuditEntry]); + + // Validate + const runValidation = useCallback(() => { + const issues: ValidationIssue[] = []; + if (nodes.length === 0) { + issues.push({ id: 'v1', severity: 'info', message: 'Graph is empty. Add components to begin validation.' }); + } else { + const disconnected = nodes.filter(n => !edges.some(e => e.source === n.id || e.target === n.id)); + disconnected.forEach(n => { + const d = n.data as Record; + issues.push({ id: `v-disc-${n.id}`, severity: 'warning', node: (d.label as string) || n.id, message: 'Node is not connected to any other node' }); + }); + const hasCompliance = nodes.some(n => (n.data as Record).category === 'compliance'); + if (!hasCompliance) { + issues.push({ id: 'v-no-compliance', severity: 'warning', message: 'No compliance node in graph. Consider adding KYC/AML checks.' }); + } + const sources = nodes.filter(n => !edges.some(e => e.target === n.id)); + const sinks = nodes.filter(n => !edges.some(e => e.source === n.id)); + if (sources.length === 0) issues.push({ id: 'v-no-source', severity: 'error', message: 'No source node found (node with no incoming edges)' }); + if (sinks.length === 0) issues.push({ id: 'v-no-sink', severity: 'error', message: 'No terminal node found (node with no outgoing edges)' }); + if (issues.filter(i => i.severity === 'error').length === 0) { + issues.push({ id: 'v-ok', severity: 'info', message: `Validation passed. ${nodes.length} nodes, ${edges.length} connections verified.` }); + } + } + setValidationIssues(issues); + const errs = issues.filter(i => i.severity === 'error').length; + const warns = issues.filter(i => i.severity === 'warning').length; + addTerminalEntry(errs > 0 ? 'error' : warns > 0 ? 'warn' : 'success', 'validation', `Validation complete: ${errs} errors, ${warns} warnings`); + addAuditEntry('VALIDATION_RUN', `Validation: ${errs} errors, ${warns} warnings`); + + // Update node statuses + setNodes(prev => prev.map(n => { + const nodeIssues = issues.filter(i => i.node === ((n.data as Record).label as string)); + const hasError = nodeIssues.some(i => i.severity === 'error'); + const hasWarning = nodeIssues.some(i => i.severity === 'warning'); + return { + ...n, + data: { ...n.data, status: hasError ? 'error' : hasWarning ? 'warning' : (nodes.length > 0 ? 'valid' : undefined) }, + }; + })); + return issues; + }, [nodes, edges, addTerminalEntry, addAuditEntry, setNodes]); + + // Simulate + const runSimulation = useCallback(() => { + if (nodes.length === 0) { + addTerminalEntry('warn', 'simulation', 'Cannot simulate empty graph'); + return; + } + setIsSimulating(true); + addTerminalEntry('info', 'simulation', 'Starting transaction simulation...'); + addAuditEntry('SIMULATION_START', 'Simulation initiated'); + + setTimeout(() => { + const hasCompliance = nodes.some(n => (n.data as Record).category === 'compliance'); + const routingNodes = nodes.filter(n => (n.data as Record).category === 'routing'); + const fee = (Math.random() * 0.1).toFixed(4); + const results = [ + `Simulation complete for ${nodes.length} nodes, ${edges.length} edges`, + `Estimated fees: $${fee}%`, + `Settlement window: T+${routingNodes.length > 0 ? '1' : '2'}`, + `Compliance: ${hasCompliance ? 'All checks passed' : 'WARNING - No compliance checks in flow'}`, + `Routing: ${routingNodes.length} venue(s) evaluated`, + `Status: ${hasCompliance ? 'READY FOR EXECUTION' : 'REVIEW REQUIRED'}`, + ].join('\n'); + setSimulationResults(results); + setIsSimulating(false); + addTerminalEntry('success', 'simulation', 'Simulation completed successfully'); + addAuditEntry('SIMULATION_COMPLETE', `Simulation: ${nodes.length} nodes processed`); + }, 1500); + }, [nodes, edges, addTerminalEntry, addAuditEntry]); + + // Execute + const runExecution = useCallback(() => { + if (nodes.length === 0) { + addTerminalEntry('warn', 'execution', 'Cannot execute empty graph'); + return; + } + if (mode !== 'Live') { + addTerminalEntry('info', 'execution', `Transaction submitted in ${mode} mode`); + } else { + addTerminalEntry('warn', 'execution', 'Live execution initiated — awaiting confirmation'); + } + addAuditEntry('EXECUTE', `Transaction submitted in ${mode} mode`); + addTerminalEntry('success', 'execution', `Transaction ${activeTransaction.name} dispatched to settlement queue`); + }, [nodes, mode, activeTransaction.name, addTerminalEntry, addAuditEntry]); + + // Transaction tab management + const addTransactionTab = useCallback(() => { + const id = `tx-${Date.now()}`; + setTransactionTabs(prev => [...prev, { id, name: `Transaction ${prev.length + 1}`, nodes: [], edges: [] }]); + setActiveTransactionId(id); + setHistory([{ nodes: [], edges: [] }]); + setHistoryIndex(0); + addTerminalEntry('info', 'system', 'New transaction tab created'); + }, [addTerminalEntry]); + + const closeTransactionTab = useCallback((id: string) => { + if (transactionTabs.length <= 1) return; + setTransactionTabs(prev => prev.filter(t => t.id !== id)); + if (activeTransactionId === id) { + const remaining = transactionTabs.filter(t => t.id !== id); + setActiveTransactionId(remaining[0].id); + } + }, [transactionTabs, activeTransactionId]); + + const renameTransaction = useCallback((name: string) => { + setTransactionTabs(prev => prev.map(t => t.id === activeTransactionId ? { ...t, name } : t)); + }, [activeTransactionId]); + + // Keyboard shortcuts + useEffect(() => { + const handler = (e: KeyboardEvent) => { + const ctrl = e.ctrlKey || e.metaKey; + if (ctrl && e.key === 'k') { e.preventDefault(); toggleCommandPalette(); } + if (ctrl && e.key === 'b') { e.preventDefault(); toggleLeft(); } + if (ctrl && e.key === 'j') { e.preventDefault(); toggleRight(); } + if (ctrl && e.key === '`') { e.preventDefault(); toggleBottom(); } + if (ctrl && e.shiftKey && e.key === 'V') { e.preventDefault(); runValidation(); } + if (ctrl && e.shiftKey && e.key === 'S') { e.preventDefault(); runSimulation(); } + if (ctrl && e.shiftKey && e.key === 'E') { e.preventDefault(); runExecution(); } + if (ctrl && e.key === 'z' && !e.shiftKey) { e.preventDefault(); undo(); } + if (ctrl && (e.key === 'y' || (e.shiftKey && e.key === 'Z'))) { e.preventDefault(); redo(); } + if (ctrl && e.key === 'd') { e.preventDefault(); duplicateSelectedNodes(); } + if (e.key === 'Delete' || e.key === 'Backspace') { + if (document.activeElement?.tagName === 'INPUT' || document.activeElement?.tagName === 'TEXTAREA') return; + if (selectedNodeIds.size > 0) { e.preventDefault(); deleteSelectedNodes(); } + } + if (e.key === 'Escape' && commandPaletteOpen) { setCommandPaletteOpen(false); } + }; + window.addEventListener('keydown', handler); + return () => window.removeEventListener('keydown', handler); + }, [commandPaletteOpen, toggleCommandPalette, toggleLeft, toggleRight, toggleBottom, runValidation, runSimulation, runExecution, undo, redo, duplicateSelectedNodes, deleteSelectedNodes, selectedNodeIds]); + + // Focus chat + const chatInputRef = useRef(null); + const focusChat = useCallback(() => { setRightOpen(true); setTimeout(() => chatInputRef.current?.focus(), 100); }, []); + const focusTerminal = useCallback(() => { setBottomOpen(true); }, []); + + return ( +
+ + +
+ + +
+
+ {leftOpen && ( + + )} + {leftOpen && ( +
startResize('left', e)} + /> + )} + +
+ setSimulationResults(null)} + mode={mode} + canUndo={historyIndex > 0} + canRedo={historyIndex < history.length - 1} + onUndo={undo} + onRedo={redo} + selectedNodeIds={selectedNodeIds} + onDeleteSelected={deleteSelectedNodes} + onDuplicateSelected={duplicateSelectedNodes} + transactionTabs={transactionTabs} + activeTransactionId={activeTransactionId} + onSwitchTab={setActiveTransactionId} + onAddTab={addTransactionTab} + onCloseTab={closeTransactionTab} + splitView={splitView} + onToggleSplitView={() => setSplitView(p => !p)} + pushHistory={pushHistory} + /> +
+ + {rightOpen && ( +
startResize('right', e)} + /> + )} + {rightOpen && ( + { + addTerminalEntry('info', 'routing', 'Route optimization started...'); + setTimeout(() => addTerminalEntry('success', 'routing', 'Optimal route found: Banking Rail → SWIFT Gateway (0.02% fee)'), 800); + }} + onRunCompliance={() => { + addTerminalEntry('info', 'compliance', 'Running compliance pass...'); + const hasCompliance = nodes.some(n => (n.data as Record).category === 'compliance'); + setTimeout(() => addTerminalEntry(hasCompliance ? 'success' : 'warn', 'compliance', hasCompliance ? 'All compliance checks passed' : 'No compliance nodes found in graph'), 600); + }} + onGenerateSettlement={() => { + addTerminalEntry('info', 'settlement', 'Generating settlement message...'); + setTimeout(() => addTerminalEntry('success', 'settlement', 'Settlement instruction generated: pacs.008 message ready'), 700); + }} + /> + )} +
+ + {bottomOpen && ( +
startResize('bottom', e)} + /> + )} + {bottomOpen && ( + setBottomExpanded(p => !p)} + terminalEntries={terminalEntries} + auditEntries={auditEntries} + validationIssues={validationIssues} + /> + )} +
+
+ +
+
+ + Connected + + {mode} + Multi-Jurisdiction +
+
+ Compliance: Active + ISO-20022: Ready + Routing: 12 venues + + Ctrl+K Command Palette + +
+
+ + setCommandPaletteOpen(false)} + onToggleLeft={toggleLeft} + onToggleRight={toggleRight} + onToggleBottom={toggleBottom} + onValidate={runValidation} + onSimulate={runSimulation} + onExecute={runExecution} + onNewTransaction={addTransactionTab} + onFocusChat={focusChat} + onFocusTerminal={focusTerminal} + onRunCompliance={() => { + addTerminalEntry('info', 'compliance', 'Running compliance pass...'); + setTimeout(() => addTerminalEntry('success', 'compliance', 'Compliance pass completed'), 600); + }} + onOptimizeRoute={() => { + addTerminalEntry('info', 'routing', 'Optimizing routes...'); + setTimeout(() => addTerminalEntry('success', 'routing', 'Routes optimized'), 600); + }} + onGenerateISO={() => { + addTerminalEntry('info', 'iso20022', 'Generating ISO-20022 message...'); + setTimeout(() => addTerminalEntry('success', 'iso20022', 'pain.001 message generated'), 700); + }} + onExportAudit={() => { + addTerminalEntry('info', 'audit', 'Exporting audit summary...'); + setTimeout(() => addTerminalEntry('success', 'audit', 'Audit summary exported'), 500); + }} + onSearchComponents={() => { setLeftOpen(true); setActivityTab('builder'); }} + /> +
+ ); +} diff --git a/src/Portal.tsx b/src/Portal.tsx new file mode 100644 index 0000000..4c614f4 --- /dev/null +++ b/src/Portal.tsx @@ -0,0 +1,243 @@ +import { Routes, Route, Navigate } from 'react-router-dom'; +import { useAuth } from './contexts/AuthContext'; +import LoginPage from './pages/LoginPage'; +import DashboardPage from './pages/DashboardPage'; +import AccountsPage from './pages/AccountsPage'; +import TreasuryPage from './pages/TreasuryPage'; +import ReportingPage from './pages/ReportingPage'; +import CompliancePage from './pages/CompliancePage'; +import SettlementsPage from './pages/SettlementsPage'; +import PortalLayout from './components/portal/PortalLayout'; +import App from './App'; + +function ProtectedRoute({ children }: { children: React.ReactNode }) { + const { isAuthenticated, loading } = useAuth(); + + if (loading) { + return ( +
+
+ Initializing secure session... +
+ ); + } + + if (!isAuthenticated) { + return ; + } + + return <>{children}; +} + +export default function Portal() { + const { isAuthenticated, loading } = useAuth(); + + if (loading) { + return ( +
+
+ Initializing secure session... +
+ ); + } + + return ( + + : } + /> + + + + + + + } + /> + + + +
+ +
+ + + } + /> + + + + + + + } + /> + + + + + + + } + /> + + + + + + + } + /> + + + + + + + } + /> + + + + + + + } + /> + + + + + + + } + /> + + } /> + + ); +} + +function SettingsPage() { + const { user, wallet } = useAuth(); + return ( +
+
+

Settings

+

Portal configuration and user preferences

+
+
+
+

Profile

+
+
+ Display Name + {user?.displayName || '—'} +
+
+ Role + {user?.role?.replace('_', ' ') || '—'} +
+
+ Institution + {user?.institution || '—'} +
+
+ Department + {user?.department || '—'} +
+
+ Wallet Address + {wallet?.address || '—'} +
+
+ Chain ID + {wallet?.chainId || '—'} +
+
+
+
+

Permissions

+
+
+ {user?.permissions?.map(p => ( + {p} + )) || No permissions} +
+
+
+
+

Reporting Preferences

+
+
+ Default Standard + IFRS +
+
+ Base Currency + USD +
+
+ Fiscal Year End + December 31 +
+
+ Auto-generate Reports + Monthly +
+
+
+
+

Enterprise Controls

+
+
+ Multi-signature Required + Yes (2-of-3) +
+
+ Transaction Limit + $10,000,000 +
+
+ Approval Workflow + Dual Authorization +
+
+ Session Timeout + 30 minutes +
+
+ Audit Logging + Enabled (Full) +
+
+
+
+
+ ); +} diff --git a/src/assets/hero.png b/src/assets/hero.png new file mode 100644 index 0000000000000000000000000000000000000000..cc51a3d20ad4bc961b596a6adfd686685cd84bb0 GIT binary patch literal 44919 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 JPDHLkV1myZcL)Fg literal 0 HcmV?d00001 diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/vite.svg b/src/assets/vite.svg new file mode 100644 index 0000000..5101b67 --- /dev/null +++ b/src/assets/vite.svg @@ -0,0 +1 @@ +Vite diff --git a/src/components/ActivityBar.tsx b/src/components/ActivityBar.tsx new file mode 100644 index 0000000..8927c9c --- /dev/null +++ b/src/components/ActivityBar.tsx @@ -0,0 +1,77 @@ +import { + Blocks, Coins, LayoutTemplate, ShieldCheck, Route, Globe, + Bot, Terminal, History, Settings +} from 'lucide-react'; +import type { ActivityTab } from '../types'; + +const tabs: { id: ActivityTab; icon: typeof Blocks; label: string }[] = [ + { id: 'builder', icon: Blocks, label: 'Builder' }, + { id: 'assets', icon: Coins, label: 'Assets' }, + { id: 'templates', icon: LayoutTemplate, label: 'Templates' }, + { id: 'compliance', icon: ShieldCheck, label: 'Compliance' }, + { id: 'routes', icon: Route, label: 'Routes' }, + { id: 'protocols', icon: Globe, label: 'Protocols' }, + { id: 'agents', icon: Bot, label: 'Agents' }, + { id: 'terminal', icon: Terminal, label: 'Terminal' }, + { id: 'audit', icon: History, label: 'Audit' }, + { id: 'settings', icon: Settings, label: 'Settings' }, +]; + +interface ActivityBarProps { + activeTab: ActivityTab; + onTabChange: (tab: ActivityTab) => void; + leftPanelOpen: boolean; + onToggleLeftPanel: () => void; +} + +export default function ActivityBar({ activeTab, onTabChange, leftPanelOpen, onToggleLeftPanel }: ActivityBarProps) { + return ( +
+
+ {tabs.slice(0, 7).map(tab => { + const Icon = tab.icon; + const isActive = activeTab === tab.id; + return ( + + ); + })} +
+
+ {tabs.slice(7).map(tab => { + const Icon = tab.icon; + return ( + + ); + })} +
+
+ ); +} diff --git a/src/components/BottomPanel.tsx b/src/components/BottomPanel.tsx new file mode 100644 index 0000000..051aa3f --- /dev/null +++ b/src/components/BottomPanel.tsx @@ -0,0 +1,382 @@ +import { useState } from 'react'; +import { + Terminal, ShieldCheck, Radio, History, Mail, Activity, Maximize2, Minimize2, + Search, Download, Filter, AlertOctagon, GitCompare +} from 'lucide-react'; +import type { BottomTab, TerminalEntry, AuditEntry, ValidationIssue } from '../types'; +import { sampleTerminal, sampleValidation, sampleAudit, sampleSettlement, sampleReconciliation, sampleExceptions, sampleMessageQueue, sampleEvents } from '../data/sampleData'; + +const tabs: { id: BottomTab; icon: typeof Terminal; label: string }[] = [ + { id: 'terminal', icon: Terminal, label: 'Terminal' }, + { id: 'validation', icon: ShieldCheck, label: 'Validation' }, + { id: '800system', icon: Radio, label: '800 System' }, + { id: 'settlement', icon: Activity, label: 'Settlement Queue' }, + { id: 'audit', icon: History, label: 'Audit Trail' }, + { id: 'messages', icon: Mail, label: 'Messages' }, + { id: 'events', icon: Activity, label: 'Events' }, + { id: 'reconciliation', icon: GitCompare, label: 'Reconciliation' }, + { id: 'exceptions', icon: AlertOctagon, label: 'Exceptions' }, +]; + +interface BottomPanelProps { + height: number; + isExpanded: boolean; + onToggleExpand: () => void; + terminalEntries: TerminalEntry[]; + auditEntries: AuditEntry[]; + validationIssues: ValidationIssue[]; +} + +const statusColors: Record = { + settled: '#22c55e', + pending: '#eab308', + in_review: '#3b82f6', + awaiting_approval: '#f97316', + dispatched: '#3b82f6', + partially_settled: '#a855f7', + failed: '#ef4444', +}; + +const levelColors: Record = { + info: '#6b7280', + warn: '#eab308', + error: '#ef4444', + success: '#22c55e', +}; + +export default function BottomPanel({ height, isExpanded, onToggleExpand, terminalEntries, auditEntries, validationIssues }: BottomPanelProps) { + const [activeTab, setActiveTab] = useState('terminal'); + const [terminalFilter, setTerminalFilter] = useState(''); + const [bottomSearch, setBottomSearch] = useState(''); + const [showSearchBar, setShowSearchBar] = useState(false); + const [showFilterBar, setShowFilterBar] = useState(false); + const [levelFilter, setLevelFilter] = useState('all'); + + const allTerminal = [...sampleTerminal, ...terminalEntries]; + const filteredTerminal = allTerminal.filter(e => { + const matchesText = e.message.toLowerCase().includes(terminalFilter.toLowerCase()) || + e.source.toLowerCase().includes(terminalFilter.toLowerCase()); + const matchesLevel = levelFilter === 'all' || e.level === levelFilter; + return matchesText && matchesLevel; + }); + + const allAudit = [...sampleAudit, ...auditEntries]; + const allValidation = validationIssues.length > 0 ? validationIssues : sampleValidation; + + const handleExport = () => { + let content = ''; + if (activeTab === 'terminal') { + content = allTerminal.map(e => `[${e.timestamp.toISOString()}] [${e.level}] [${e.source}] ${e.message}`).join('\n'); + } else if (activeTab === 'audit') { + content = allAudit.map(e => `[${e.timestamp.toISOString()}] ${e.user} ${e.action}: ${e.detail}`).join('\n'); + } else if (activeTab === 'validation') { + content = allValidation.map(e => `[${e.severity}] ${e.node ? e.node + ': ' : ''}${e.message}`).join('\n'); + } else { + content = `Export of ${activeTab} tab data`; + } + const blob = new Blob([content], { type: 'text/plain' }); + const url = URL.createObjectURL(blob); + const a = document.createElement('a'); + a.href = url; + a.download = `transactflow-${activeTab}-${new Date().toISOString().slice(0, 10)}.txt`; + a.click(); + URL.revokeObjectURL(url); + }; + + return ( +
+
+
+ {tabs.map(tab => { + const Icon = tab.icon; + return ( + + ); + })} +
+
+ + + + +
+
+ + {showSearchBar && ( +
+ + setBottomSearch(e.target.value)} + autoFocus + /> +
+ )} + + {showFilterBar && activeTab === 'terminal' && ( +
+ {['all', 'info', 'warn', 'error', 'success'].map(level => ( + + ))} +
+ )} + +
+ {activeTab === 'terminal' && ( +
+
+ + setTerminalFilter(e.target.value)} + /> +
+
+ {filteredTerminal.map(entry => ( +
+ + {entry.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })} + + + [{entry.level.toUpperCase()}] + + [{entry.source}] + {entry.message} +
+ ))} +
+ ▌ +
+
+
+ )} + + {activeTab === 'validation' && ( +
+ {allValidation.map(issue => ( +
+ {issue.severity.toUpperCase()} + {issue.node && {issue.node}} + {issue.message} +
+ ))} +
+ )} + + {activeTab === '800system' && ( +
+
+
+
Message Queue
+
0 pending
+
Healthy
+
+
+
Core Banking
+
Connected
+
Online
+
+
+
Ledger Feed
+
0 postings/s
+
Idle
+
+
+
SWIFT Gateway
+
Ready
+
Online
+
+
+
ISO-20022 Engine
+
3 schemas
+
Loaded
+
+
+
Retry Queue
+
0 items
+
Clear
+
+
+
+ )} + + {activeTab === 'settlement' && ( +
+ + + + + + + + + + + + + {sampleSettlement.map(item => ( + + + + + + + + + ))} + +
TX IDStatusAmountAssetCounterpartyTime
{item.txId} + + {item.status.replace(/_/g, ' ')} + + {item.amount}{item.asset}{item.counterparty}{item.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+
+ )} + + {activeTab === 'audit' && ( +
+ {allAudit.map(entry => ( +
+ + {entry.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })} + + {entry.user} + {entry.action} + {entry.detail} +
+ ))} +
+ )} + + {activeTab === 'messages' && ( +
+ + + + + + + + + + + + {sampleMessageQueue.map(msg => ( + + + + + + + + ))} + +
TypeDirectionCounterpartyStatusTime
{msg.msgType} + + {msg.direction === 'inbound' ? '← IN' : '→ OUT'} + + {msg.counterparty} + + {msg.status} + + {msg.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+
+ )} + + {activeTab === 'events' && ( +
+ {sampleEvents.map(evt => ( +
+ + {evt.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })} + + {evt.type} + {evt.detail} +
+ ))} +
+ )} + + {activeTab === 'reconciliation' && ( +
+ + + + + + + + + + + + + {sampleReconciliation.map(item => ( + + + + + + + + + ))} + +
TX IDInternal RefExternal RefStatusAmountAsset
{item.txId}{item.internalRef}{item.externalRef} + + {item.status} + + {item.amount}{item.asset}
+
+ )} + + {activeTab === 'exceptions' && ( +
+ {sampleExceptions.map(exc => ( +
+ {exc.severity.toUpperCase()} + {exc.txId} + {exc.type} + {exc.message} +
+ ))} +
+ )} +
+
+ ); +} diff --git a/src/components/Canvas.tsx b/src/components/Canvas.tsx new file mode 100644 index 0000000..03c61e8 --- /dev/null +++ b/src/components/Canvas.tsx @@ -0,0 +1,353 @@ +import { useCallback, useRef, useState, type DragEvent } from 'react'; +import { + ReactFlow, + Background, + Controls, + MiniMap, + type Connection, + type Node, + type Edge, + BackgroundVariant, + type OnNodesChange, + type OnEdgesChange, + useReactFlow, + ReactFlowProvider, +} from '@xyflow/react'; +import '@xyflow/react/dist/style.css'; +import TransactionNodeComponent from './TransactionNode'; +import { + Save, GitBranch, ShieldCheck, FlaskConical, Play, + AlertTriangle, CheckCircle2, DollarSign, Clock, Globe, + Undo2, Redo2, Copy, Trash2, Plus, X, SplitSquareHorizontal, + ZoomIn, ZoomOut, Maximize +} from 'lucide-react'; +import type { ComponentItem, TransactionTab, SessionMode } from '../types'; + +const nodeTypes = { transactionNode: TransactionNodeComponent }; + +interface CanvasProps { + nodes: Node[]; + edges: Edge[]; + setNodes: (updater: Node[] | ((prev: Node[]) => Node[])) => void; + setEdges: (updater: Edge[] | ((prev: Edge[]) => Edge[])) => void; + onNodesChange: OnNodesChange; + onEdgesChange: OnEdgesChange; + onConnect: (params: Connection) => void; + onSelectionChange: (params: { nodes: Node[] }) => void; + onDropComponent: (item: ComponentItem, position: { x: number; y: number }) => void; + onValidate: () => void; + onSimulate: () => void; + onExecute: () => void; + transactionName: string; + onRenameTransaction: (name: string) => void; + isSimulating: boolean; + simulationResults: string | null; + onDismissSimulation: () => void; + mode: SessionMode; + canUndo: boolean; + canRedo: boolean; + onUndo: () => void; + onRedo: () => void; + selectedNodeIds: Set; + onDeleteSelected: () => void; + onDuplicateSelected: () => void; + transactionTabs: TransactionTab[]; + activeTransactionId: string; + onSwitchTab: (id: string) => void; + onAddTab: () => void; + onCloseTab: (id: string) => void; + splitView: boolean; + onToggleSplitView: () => void; + pushHistory: (nodes: Node[], edges: Edge[]) => void; +} + +function CanvasInner({ + nodes, edges, + onNodesChange, onEdgesChange, onConnect, onSelectionChange, onDropComponent, + onValidate, onSimulate, onExecute, + transactionName, onRenameTransaction, + isSimulating, simulationResults, onDismissSimulation, + mode, canUndo, canRedo, onUndo, onRedo, + selectedNodeIds, onDeleteSelected, onDuplicateSelected, + transactionTabs, activeTransactionId, onSwitchTab, onAddTab, onCloseTab, + splitView, onToggleSplitView, +}: CanvasProps) { + const reactFlowWrapper = useRef(null); + const [isEditingName, setIsEditingName] = useState(false); + const [editName, setEditName] = useState(transactionName); + const [zoomLevel, setZoomLevel] = useState(100); + const reactFlowInstance = useReactFlow(); + + const onDragOver = useCallback((event: DragEvent) => { + event.preventDefault(); + event.dataTransfer.dropEffect = 'move'; + }, []); + + const onDrop = useCallback( + (event: DragEvent) => { + event.preventDefault(); + const data = event.dataTransfer.getData('application/transactflow-component'); + if (!data) return; + const item: ComponentItem = JSON.parse(data); + const wrapperBounds = reactFlowWrapper.current?.getBoundingClientRect(); + if (!wrapperBounds) return; + const position = reactFlowInstance.screenToFlowPosition({ + x: event.clientX, + y: event.clientY, + }); + onDropComponent(item, position); + }, + [onDropComponent, reactFlowInstance] + ); + + const onMoveEnd = useCallback(() => { + const zoom = reactFlowInstance.getZoom(); + setZoomLevel(Math.round(zoom * 100)); + }, [reactFlowInstance]); + + const handleZoomIn = () => { reactFlowInstance.zoomIn(); setZoomLevel(Math.round(reactFlowInstance.getZoom() * 100)); }; + const handleZoomOut = () => { reactFlowInstance.zoomOut(); setZoomLevel(Math.round(reactFlowInstance.getZoom() * 100)); }; + const handleFitView = () => { reactFlowInstance.fitView(); setTimeout(() => setZoomLevel(Math.round(reactFlowInstance.getZoom() * 100)), 100); }; + + const errorCount = nodes.filter(n => (n.data as Record).status === 'error').length; + const warningCount = nodes.filter(n => (n.data as Record).status === 'warning').length; + + const commitName = () => { + setIsEditingName(false); + if (editName.trim()) onRenameTransaction(editName.trim()); + else setEditName(transactionName); + }; + + return ( +
+ {/* Transaction tabs */} +
+ {transactionTabs.map(tab => ( +
onSwitchTab(tab.id)} + > + {tab.name} + {transactionTabs.length > 1 && ( + + )} +
+ ))} + +
+ +
+
+ {isEditingName ? ( + setEditName(e.target.value)} + onBlur={commitName} + onKeyDown={e => { if (e.key === 'Enter') commitName(); if (e.key === 'Escape') { setEditName(transactionName); setIsEditingName(false); } }} + autoFocus + /> + ) : ( + { setIsEditingName(true); setEditName(transactionName); }} + title="Click to rename" + > + {transactionName} + + )} + v1.0 + + Saved + +
+ + +
+ + +
+ +
+
+ +
+
+ + + +
+
+ +
+
+
+ + + + + + + + + { + const d = n.data as Record; + return (d?.color as string) || '#3b82f6'; + }} + maskColor="rgba(0,0,0,0.7)" + /> + +
+ + {splitView && ( + <> +
+
+
+ +

Comparison View

+

Select a saved version or branch to compare

+
+
+ + )} +
+ + {nodes.length === 0 && !splitView && ( +
+
+
⚡
+

Start Building

+

Drag components from the left panel onto the canvas to compose your transaction flow

+

or press Ctrl+K to search components

+
+
+ )} + + {/* Simulation overlay */} + {isSimulating && ( +
+
+ Running simulation... +
+ )} + + {simulationResults && ( +
+
+
+ + Simulation Results + +
+ 
{simulationResults}
+
+
+ )} +
+ +
+
+ + {nodes.length} nodes +
+
+ {edges.length} connections +
+
+
+ 0 ? '#ef4444' : '#555'} /> + {errorCount} errors +
+
+ 0 ? '#eab308' : '#555'} /> + {warningCount} warnings +
+
+
+ + Est. fees: {nodes.length > 0 ? '$0.02%' : '—'} +
+
+ + Settlement: {nodes.length > 0 ? 'T+1' : '—'} +
+
+ + Jurisdictions: {nodes.length > 0 ? 'Multi' : '—'} +
+ {selectedNodeIds.size > 0 && ( + <> +
+
+ {selectedNodeIds.size} selected +
+ + )} +
+
+ ); +} + +export default function Canvas(props: CanvasProps) { + return ( + + + + ); +} diff --git a/src/components/CommandPalette.tsx b/src/components/CommandPalette.tsx new file mode 100644 index 0000000..fd47e3f --- /dev/null +++ b/src/components/CommandPalette.tsx @@ -0,0 +1,168 @@ +import { useState, useEffect, useRef } from 'react'; +import { Search, ArrowRight } from 'lucide-react'; + +interface Command { + id: string; + label: string; + category: string; + shortcut?: string; +} + +const commands: Command[] = [ + { id: 'validate', label: 'Run Validation', category: 'Actions', shortcut: 'Ctrl+Shift+V' }, + { id: 'simulate', label: 'Run Simulation', category: 'Actions', shortcut: 'Ctrl+Shift+S' }, + { id: 'execute', label: 'Execute Transaction', category: 'Actions', shortcut: 'Ctrl+Shift+E' }, + { id: 'toggle-left', label: 'Toggle Left Panel', category: 'View', shortcut: 'Ctrl+B' }, + { id: 'toggle-right', label: 'Toggle Right Panel', category: 'View', shortcut: 'Ctrl+J' }, + { id: 'toggle-bottom', label: 'Toggle Bottom Panel', category: 'View', shortcut: 'Ctrl+`' }, + { id: 'search-components', label: 'Search Components', category: 'Navigation' }, + { id: 'new-transaction', label: 'New Transaction', category: 'File', shortcut: 'Ctrl+N' }, + { id: 'save', label: 'Save Transaction', category: 'File', shortcut: 'Ctrl+S' }, + { id: 'export', label: 'Export Transaction', category: 'File' }, + { id: 'import-template', label: 'Import Template', category: 'File' }, + { id: 'focus-chat', label: 'Focus Chat Panel', category: 'Navigation', shortcut: 'Ctrl+/' }, + { id: 'focus-terminal', label: 'Focus Terminal', category: 'Navigation' }, + { id: 'compliance-pass', label: 'Run Compliance Pass', category: 'Compliance' }, + { id: 'optimize-route', label: 'Optimize Routes', category: 'Routing' }, + { id: 'gen-iso', label: 'Generate ISO-20022 Message', category: 'Messaging' }, + { id: 'audit-export', label: 'Export Audit Summary', category: 'Audit' }, +]; + +interface CommandPaletteProps { + isOpen: boolean; + onClose: () => void; + onToggleLeft: () => void; + onToggleRight: () => void; + onToggleBottom: () => void; + onValidate: () => void; + onSimulate: () => void; + onExecute: () => void; + onNewTransaction: () => void; + onFocusChat: () => void; + onFocusTerminal: () => void; + onRunCompliance: () => void; + onOptimizeRoute: () => void; + onGenerateISO: () => void; + onExportAudit: () => void; + onSearchComponents: () => void; +} + +export default function CommandPalette({ + isOpen, onClose, + onToggleLeft, onToggleRight, onToggleBottom, + onValidate, onSimulate, onExecute, + onNewTransaction, onFocusChat, onFocusTerminal, + onRunCompliance, onOptimizeRoute, onGenerateISO, onExportAudit, + onSearchComponents, +}: CommandPaletteProps) { + const [query, setQuery] = useState(''); + const [selectedIndex, setSelectedIndex] = useState(0); + const inputRef = useRef(null); + + useEffect(() => { + if (isOpen) { + setQuery(''); + setSelectedIndex(0); + setTimeout(() => inputRef.current?.focus(), 50); + } + }, [isOpen]); + + if (!isOpen) return null; + + const filtered = commands.filter(c => + c.label.toLowerCase().includes(query.toLowerCase()) || + c.category.toLowerCase().includes(query.toLowerCase()) + ); + + const grouped = filtered.reduce>((acc, cmd) => { + if (!acc[cmd.category]) acc[cmd.category] = []; + acc[cmd.category].push(cmd); + return acc; + }, {}); + + const flatList = Object.values(grouped).flat(); + + const executeCommand = (id: string) => { + switch (id) { + case 'toggle-left': onToggleLeft(); break; + case 'toggle-right': onToggleRight(); break; + case 'toggle-bottom': onToggleBottom(); break; + case 'validate': onValidate(); break; + case 'simulate': onSimulate(); break; + case 'execute': onExecute(); break; + case 'new-transaction': onNewTransaction(); break; + case 'focus-chat': onFocusChat(); break; + case 'focus-terminal': onFocusTerminal(); break; + case 'compliance-pass': onRunCompliance(); break; + case 'optimize-route': onOptimizeRoute(); break; + case 'gen-iso': onGenerateISO(); break; + case 'audit-export': onExportAudit(); break; + case 'search-components': onSearchComponents(); break; + case 'save': /* already auto-saved */ break; + case 'export': /* export handled */ break; + case 'import-template': /* import handled */ break; + } + onClose(); + }; + + const handleKeyDown = (e: React.KeyboardEvent) => { + if (e.key === 'Escape') { onClose(); return; } + if (e.key === 'Enter' && flatList.length > 0) { + executeCommand(flatList[selectedIndex]?.id || flatList[0].id); + return; + } + if (e.key === 'ArrowDown') { + e.preventDefault(); + setSelectedIndex(prev => Math.min(prev + 1, flatList.length - 1)); + } + if (e.key === 'ArrowUp') { + e.preventDefault(); + setSelectedIndex(prev => Math.max(prev - 1, 0)); + } + }; + + let runningIndex = 0; + + return ( +
+
e.stopPropagation()}> +
+ + { setQuery(e.target.value); setSelectedIndex(0); }} + onKeyDown={handleKeyDown} + /> +
+
+ {Object.entries(grouped).map(([category, cmds]) => ( +
+
{category}
+ {cmds.map(cmd => { + const idx = runningIndex++; + return ( +
executeCommand(cmd.id)} + onMouseEnter={() => setSelectedIndex(idx)} + > + + {cmd.label} + {cmd.shortcut && {cmd.shortcut}} +
+ ); + })} +
+ ))} + {filtered.length === 0 && ( +
No commands found
+ )} +
+
+
+ ); +} diff --git a/src/components/LeftPanel.tsx b/src/components/LeftPanel.tsx new file mode 100644 index 0000000..d13d787 --- /dev/null +++ b/src/components/LeftPanel.tsx @@ -0,0 +1,334 @@ +import { useState, type DragEvent } from 'react'; +import { Search, Star, Clock, ChevronRight, ChevronDown, GripVertical } from 'lucide-react'; +import { componentCategories, componentItems } from '../data/components'; +import type { ComponentItem, ActivityTab } from '../types'; + +interface LeftPanelProps { + width: number; + activityTab: ActivityTab; + recentComponents: string[]; +} + +const activityTabLabels: Record = { + builder: 'Components', + assets: 'Assets', + templates: 'Templates', + compliance: 'Compliance', + routes: 'Routes', + protocols: 'Protocols', + agents: 'Agents', + terminal: 'Terminal', + audit: 'Audit', + settings: 'Settings', +}; + +const activityTabCategories: Partial> = { + assets: ['assets'], + templates: ['templates'], + compliance: ['compliance'], + routes: ['routing'], + protocols: ['messaging'], +}; + +export default function LeftPanel({ width, activityTab, recentComponents }: LeftPanelProps) { + const [search, setSearch] = useState(''); + const [expandedCategories, setExpandedCategories] = useState>( + new Set(componentCategories.map(c => c.id)) + ); + const [favorites, setFavorites] = useState>(new Set(['transfer', 'swap', 'kyc'])); + const [activeFilter, setActiveFilter] = useState<'all' | 'favorites' | 'recent'>('all'); + const [tooltipItem, setTooltipItem] = useState(null); + const [tooltipPos, setTooltipPos] = useState({ x: 0, y: 0 }); + + const toggleCategory = (id: string) => { + const next = new Set(expandedCategories); + if (next.has(id)) next.delete(id); else next.add(id); + setExpandedCategories(next); + }; + + const toggleFavorite = (id: string, e: React.MouseEvent) => { + e.stopPropagation(); + const next = new Set(favorites); + if (next.has(id)) next.delete(id); else next.add(id); + setFavorites(next); + }; + + const onDragStart = (e: DragEvent, item: ComponentItem) => { + e.dataTransfer.setData('application/transactflow-component', JSON.stringify(item)); + e.dataTransfer.effectAllowed = 'move'; + + // Create drag preview + const preview = document.createElement('div'); + preview.className = 'drag-preview'; + preview.innerHTML = `${item.icon} ${item.label}`; + preview.style.cssText = 'position:fixed;top:-100px;left:-100px;background:#1a1a20;border:1px solid #3b82f6;border-radius:6px;padding:6px 12px;color:#e4e4e8;font-size:12px;display:flex;align-items:center;gap:6px;z-index:10000;pointer-events:none;'; + document.body.appendChild(preview); + e.dataTransfer.setDragImage(preview, 0, 0); + setTimeout(() => document.body.removeChild(preview), 0); + }; + + const showTooltip = (item: ComponentItem, e: React.MouseEvent) => { + setTooltipItem(item); + setTooltipPos({ x: e.clientX + 12, y: e.clientY - 10 }); + }; + + const hideTooltip = () => setTooltipItem(null); + + // For non-builder tabs, show filtered content + if (activityTab !== 'builder') { + const categoryFilter = activityTabCategories[activityTab]; + + if (activityTab === 'settings') { + return ( +
+
{activityTabLabels[activityTab]}
+
+
+
+
Workspace
+
ThemeDark
+
Font Size13px
+
Snap to GridEnabled
+
Grid Size16px
+
+
+
Canvas
+
Auto-saveOn
+
MinimapVisible
+
AnimationsEnabled
+
+
+
Compliance
+
Auto-validateOff
+
JurisdictionMulti
+
+
+
+
+ ); + } + + if (activityTab === 'terminal' || activityTab === 'audit') { + return ( +
+
{activityTabLabels[activityTab]}
+
+
+

{activityTab === 'terminal' ? 'Terminal output is shown in the bottom panel.' : 'Audit trail is shown in the bottom panel.'}

+

Use Ctrl+` to toggle the bottom panel.

+
+
+
+ ); + } + + if (activityTab === 'agents') { + const agentList = [ + { name: 'Builder Agent', desc: 'Helps construct transaction flows', color: '#3b82f6' }, + { name: 'Compliance Agent', desc: 'Monitors policy violations', color: '#22c55e' }, + { name: 'Routing Agent', desc: 'Optimizes execution paths', color: '#f97316' }, + { name: 'ISO-20022 Agent', desc: 'Generates messaging payloads', color: '#a855f7' }, + { name: 'Settlement Agent', desc: 'Manages settlement instructions', color: '#eab308' }, + { name: 'Risk Agent', desc: 'Evaluates transaction risk', color: '#ef4444' }, + { name: 'Documentation Agent', desc: 'Generates deal memos', color: '#6b7280' }, + ]; + return ( +
+
Agents
+
+ {agentList.map(a => ( +
+
+
+
{a.name}
+
{a.desc}
+
+
+ ))} +
+
+ ); + } + + // For assets, templates, compliance, routes, protocols: show filtered components + const filteredItems = categoryFilter + ? componentItems.filter(i => categoryFilter.includes(i.category)) + : componentItems; + + const searchFiltered = filteredItems.filter(item => + item.label.toLowerCase().includes(search.toLowerCase()) || + item.description.toLowerCase().includes(search.toLowerCase()) + ); + + return ( +
+
{activityTabLabels[activityTab]}
+
+ + setSearch(e.target.value)} + /> +
+
+
+ {searchFiltered.map(item => ( +
onDragStart(e, item)} + onMouseEnter={e => showTooltip(item, e)} + onMouseLeave={hideTooltip} + > + + {item.icon} + {item.label} + +
+ ))} + {searchFiltered.length === 0 &&
No items found
} +
+
+ {tooltipItem && ( +
+
{tooltipItem.icon} {tooltipItem.label}
+
{tooltipItem.description}
+
+ + {componentCategories.find(c => c.id === tooltipItem.category)?.label} + +
+ {tooltipItem.inputs &&
Inputs: {tooltipItem.inputs.join(', ')}
} + {tooltipItem.outputs &&
Outputs: {tooltipItem.outputs.join(', ')}
} +
+ )} +
+ ); + } + + // Builder tab: full component library + const filtered = componentItems.filter(item => + item.label.toLowerCase().includes(search.toLowerCase()) || + item.description.toLowerCase().includes(search.toLowerCase()) + ); + + const displayItems = activeFilter === 'favorites' + ? filtered.filter(i => favorites.has(i.id)) + : activeFilter === 'recent' + ? filtered.filter(i => recentComponents.includes(i.id)).sort((a, b) => recentComponents.indexOf(a.id) - recentComponents.indexOf(b.id)) + : filtered; + + return ( +
+
+ Components +
+ +
+ + setSearch(e.target.value)} + /> +
+ +
+ + + +
+ +
+ {activeFilter === 'all' && !search ? ( + componentCategories.map(cat => { + const catItems = displayItems.filter(i => i.category === cat.id); + if (catItems.length === 0) return null; + const isExpanded = expandedCategories.has(cat.id); + return ( +
+
toggleCategory(cat.id)}> + {isExpanded ? : } + {cat.icon} + {cat.label} + {catItems.length} +
+ {isExpanded && ( +
+ {catItems.map(item => ( +
onDragStart(e, item)} + onMouseEnter={e => showTooltip(item, e)} + onMouseLeave={hideTooltip} + > + + {item.icon} + {item.label} + +
+ ))} +
+ )} +
+ ); + }) + ) : ( +
+ {displayItems.map(item => ( +
onDragStart(e, item)} + onMouseEnter={e => showTooltip(item, e)} + onMouseLeave={hideTooltip} + > + + {item.icon} + {item.label} + + {componentCategories.find(c => c.id === item.category)?.label} + + +
+ ))} + {displayItems.length === 0 && ( +
+ {activeFilter === 'recent' ? 'No recently used components. Drag a component to the canvas to see it here.' : 'No matching components found.'} +
+ )} +
+ )} +
+ + {tooltipItem && ( +
+
{tooltipItem.icon} {tooltipItem.label}
+
{tooltipItem.description}
+
+ + {componentCategories.find(c => c.id === tooltipItem.category)?.label} + +
+
+ )} +
+ ); +} diff --git a/src/components/RightPanel.tsx b/src/components/RightPanel.tsx new file mode 100644 index 0000000..06e01f4 --- /dev/null +++ b/src/components/RightPanel.tsx @@ -0,0 +1,370 @@ +import { useState, useRef, useEffect } from 'react'; +import { + Send, Sparkles, Wrench, ShieldCheck, Route, FileText, + Landmark, AlertTriangle, BookOpen, ChevronDown, Plus, + Zap, RefreshCw, FileOutput, MessageSquare, + History, Target +} from 'lucide-react'; +import type { Agent, ChatMessage, ConversationScope, ComponentItem } from '../types'; +import { sampleMessages, sampleThreads } from '../data/sampleData'; +import { componentItems } from '../data/components'; +import type { Node, Edge } from '@xyflow/react'; + +const agents: { id: Agent; icon: typeof Sparkles; color: string }[] = [ + { id: 'Builder', icon: Sparkles, color: '#3b82f6' }, + { id: 'Compliance', icon: ShieldCheck, color: '#22c55e' }, + { id: 'Routing', icon: Route, color: '#f97316' }, + { id: 'ISO-20022', icon: FileText, color: '#a855f7' }, + { id: 'Settlement', icon: Landmark, color: '#eab308' }, + { id: 'Risk', icon: AlertTriangle, color: '#ef4444' }, + { id: 'Documentation', icon: BookOpen, color: '#6b7280' }, +]; + +interface RightPanelProps { + width: number; + nodes: Node[]; + edges: Edge[]; + selectedNodes: Node[]; + chatInputRef: React.RefObject; + onInsertBlock: (item: ComponentItem, position: { x: number; y: number }) => void; + onRunValidation: () => void; + onOptimizeRoute: () => void; + onRunCompliance: () => void; + onGenerateSettlement: () => void; +} + +export default function RightPanel({ + width, nodes, edges, selectedNodes, chatInputRef, + onInsertBlock, onRunValidation, onOptimizeRoute, onRunCompliance, onGenerateSettlement, +}: RightPanelProps) { + const [activeAgent, setActiveAgent] = useState('Builder'); + const [messages, setMessages] = useState(sampleMessages); + const [input, setInput] = useState(''); + const [showAgentMenu, setShowAgentMenu] = useState(false); + const [showContext, setShowContext] = useState(false); + const [showThreads, setShowThreads] = useState(false); + const [scope, setScope] = useState('full-transaction'); + const [showScopeMenu, setShowScopeMenu] = useState(false); + const messagesEnd = useRef(null); + + useEffect(() => { + messagesEnd.current?.scrollIntoView({ behavior: 'smooth' }); + }, [messages]); + + const getCanvasContext = () => { + const nodeLabels = nodes.map(n => (n.data as Record).label as string); + const categories = [...new Set(nodes.map(n => (n.data as Record).category as string))]; + const hasCompliance = categories.includes('compliance'); + const hasRouting = categories.includes('routing'); + const disconnected = nodes.filter(n => !edges.some(e => e.source === n.id || e.target === n.id)); + const selectedLabels = selectedNodes.map(n => (n.data as Record).label as string); + return { nodeLabels, categories, hasCompliance, hasRouting, disconnected, selectedLabels, nodeCount: nodes.length, edgeCount: edges.length }; + }; + + const sendMessage = () => { + if (!input.trim()) return; + const userMsg: ChatMessage = { + id: Date.now().toString(), + agent: 'User', + content: input, + timestamp: new Date(), + type: 'user', + }; + setMessages(prev => [...prev, userMsg]); + const capturedInput = input; + setInput(''); + + setTimeout(() => { + const ctx = getCanvasContext(); + const buildResponse = (): string => { + const lowerInput = capturedInput.toLowerCase(); + + switch (activeAgent) { + case 'Builder': { + if (selectedNodes.length > 0) { + const sel = (selectedNodes[0].data as Record).label as string; + if (lowerInput.includes('explain')) return `The "${sel}" block ${getBlockExplanation(sel)}. It currently has ${edges.filter(e => e.source === selectedNodes[0].id || e.target === selectedNodes[0].id).length} connection(s).`; + if (lowerInput.includes('next') || lowerInput.includes('suggest')) return `After "${sel}", I recommend adding a ${suggestNextBlock(sel)}. This would complete the ${(selectedNodes[0].data as Record).category} flow.`; + } + if (lowerInput.includes('build') || lowerInput.includes('create') || lowerInput.includes('set up') || lowerInput.includes('payment')) { + if (ctx.nodeCount === 0) return `To build a transaction flow, start by dragging a "Fiat Account" or "Stablecoin Wallet" from the left panel as your source. Then add a "${capturedInput.includes('swap') ? 'Swap' : 'Transfer'}" action and connect them.`; + return `Your graph has ${ctx.nodeCount} nodes. Try dragging a "${capturedInput.includes('swap') ? 'Swap' : 'Transfer'}" block onto the canvas and connecting it to your source.`; + } + if (ctx.disconnected.length > 0) return `I notice ${ctx.disconnected.length} disconnected node(s) in your graph: ${ctx.disconnected.map(n => (n.data as Record).label).join(', ')}. Connect them to complete the flow.`; + return `I can help you build that flow. Try dragging a "${capturedInput.includes('swap') ? 'Swap' : 'Transfer'}" block onto the canvas and connecting it to your source. Your graph currently has ${ctx.nodeCount} nodes and ${ctx.edgeCount} connections.`; + } + case 'Compliance': { + if (lowerInput.includes('check') || lowerInput.includes('compliance') || lowerInput.includes('review')) { + if (!ctx.hasCompliance && ctx.nodeCount > 0) return `WARNING: Your transaction graph has ${ctx.nodeCount} nodes but no compliance checks. I recommend adding KYC and AML nodes before the settlement step. This is required for cross-border transactions.`; + if (ctx.hasCompliance) return `Running compliance check on the current graph. No policy violations detected for the selected jurisdiction. ${ctx.nodeCount} nodes verified against 47 compliance rules.`; + return `Running compliance check on the current graph. No policy violations detected for the selected jurisdiction.`; + } + if (lowerInput.includes('violation') || lowerInput.includes('failure')) return `Scanning graph for policy violations... ${ctx.hasCompliance ? 'All compliance nodes are properly configured. No violations found.' : 'No compliance nodes found in graph. Consider adding KYC/AML checks.'}`; + return `Running compliance check on the current graph. No policy violations detected for the selected jurisdiction.`; + } + case 'Routing': { + if (ctx.hasRouting) return `Analyzing ${ctx.nodeCount} nodes with routing configuration. Found optimal path via ${ctx.nodeLabels.find(l => l.includes('Route') || l.includes('Router')) || 'Banking Rail'}. Estimated fee: 0.02%, latency: 230ms.`; + return `Analyzing optimal routes... Found 3 execution paths. The best route via Banking Rail offers lowest fees at 0.02%. Your graph has ${ctx.nodeCount} nodes across ${ctx.edgeCount} connections.`; + } + case 'ISO-20022': { + if (ctx.nodeCount > 0) return `Based on your graph with ${ctx.nodeCount} nodes, I can generate a pain.001 message. The required fields from your current configuration: debtor (${ctx.nodeLabels[0] || 'source'}), creditor (${ctx.nodeLabels[ctx.nodeLabels.length - 1] || 'destination'}), amount, and currency.`; + return `I can generate a pain.001 message for this transfer. The required fields based on your current graph are: debtor, creditor, amount, and currency.`; + } + case 'Settlement': { + return `Current settlement window for this transaction type is T+1. ${ctx.nodeCount > 0 ? `Your graph has ${ctx.nodeCount} nodes ready for settlement processing.` : 'I recommend adding a settlement instruction block to specify your preferred CSD.'}`; + } + case 'Risk': { + if (ctx.nodeCount > 0) { + const riskLevel = ctx.hasCompliance ? 'LOW' : 'MEDIUM'; + return `Risk assessment: ${riskLevel}. ${ctx.nodeCount} nodes evaluated. ${ctx.hasCompliance ? 'Compliance checks present.' : 'No compliance nodes — risk elevated.'} ${ctx.disconnected.length > 0 ? `${ctx.disconnected.length} disconnected node(s) detected.` : 'All nodes connected.'}`; + } + return `Risk assessment: LOW. Transaction amount is within normal parameters. No counterparty risk flags detected.`; + } + case 'Documentation': { + if (ctx.nodeCount > 0) return `Generating deal memo for "${ctx.nodeLabels[0]}" flow with ${ctx.nodeCount} nodes. Categories: ${ctx.categories.join(', ')}. ${ctx.edgeCount} connections mapped. ${ctx.hasCompliance ? 'Compliance: verified.' : 'Compliance: not yet added.'}`; + return `I'll generate a deal memo for this transaction. It will include the execution path, compliance checks, and settlement instructions.`; + } + default: + return 'How can I assist you?'; + } + }; + + const reply: ChatMessage = { + id: (Date.now() + 1).toString(), + agent: activeAgent, + content: buildResponse(), + timestamp: new Date(), + type: 'agent', + }; + setMessages(prev => [...prev, reply]); + }, 800); + }; + + const currentAgentDef = agents.find(a => a.id === activeAgent)!; + const CurrentIcon = currentAgentDef.icon; + + const scopeLabels: Record = { + 'current-node': 'Current Node', + 'current-flow': 'Current Flow', + 'full-transaction': 'Full Transaction', + 'terminal': 'Terminal', + 'compliance': 'Compliance Only', + }; + + // Context from canvas + const ctx = getCanvasContext(); + + const handleInsertBlock = () => { + const suggestions = ['transfer', 'kyc', 'banking-rail']; + const item = componentItems.find(c => c.id === suggestions[Math.floor(Math.random() * suggestions.length)]); + if (item) onInsertBlock(item, { x: 250 + Math.random() * 200, y: 150 + Math.random() * 200 }); + }; + + return ( +
+
+
setShowAgentMenu(!showAgentMenu)}> + + {activeAgent} Agent + + {showAgentMenu && ( +
+ {agents.map(a => { + const Icon = a.icon; + return ( +
{ e.stopPropagation(); setActiveAgent(a.id); setShowAgentMenu(false); }} + > + + {a.id} +
+ ); + })} +
+ )} +
+
+
setShowScopeMenu(!showScopeMenu)}> + + {scopeLabels[scope]} + + {showScopeMenu && ( +
+ {(Object.keys(scopeLabels) as ConversationScope[]).map(s => ( +
{ e.stopPropagation(); setScope(s); setShowScopeMenu(false); }} + > + {scopeLabels[s]} +
+ ))} +
+ )} +
+ + +
+
+ +
+ {agents.map(a => { + const Icon = a.icon; + return ( + + ); + })} +
+ + {showThreads && ( +
+
Thread History
+ {sampleThreads.map(t => ( +
setShowThreads(false)}> + a.id === t.agent)?.color} /> +
+ {t.title} + {t.agent} · {t.messageCount} messages +
+
+ ))} +
+ )} + + {showContext && ( +
+
+ Selected + {ctx.selectedLabels.length > 0 ? ctx.selectedLabels.join(', ') : 'None'} +
+
+ Nodes + {ctx.nodeCount} +
+
+ Connections + {ctx.edgeCount} +
+
+ Jurisdiction + Multi +
+
+ Counterparties + {ctx.nodeCount > 0 ? Math.max(1, Math.floor(ctx.nodeCount / 3)) : 0} +
+
+ Compliance + 0 ? 'warn' : '')}`}> + {ctx.hasCompliance ? 'Pass' : (ctx.nodeCount > 0 ? 'Missing' : 'N/A')} + +
+
+ Categories + {ctx.categories.length > 0 ? ctx.categories.join(', ') : '—'} +
+
+ Est. Fees + {ctx.nodeCount > 0 ? '$0.02%' : '—'} +
+
+ )} + +
+ {messages.map(msg => ( +
+
+ {msg.agent} + + {msg.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} + +
+
{msg.content}
+
+ ))} +
+
+ +
+ + + + + + +
+ +
+ setInput(e.target.value)} + onKeyDown={e => e.key === 'Enter' && sendMessage()} + /> + +
+
+ ); +} + +function getBlockExplanation(label: string): string { + const explanations: Record = { + 'Fiat Account': 'represents a traditional fiat currency account, typically used as a source or destination for fund transfers', + 'Transfer': 'moves value from one account to another along a defined path', + 'KYC': 'performs Know Your Customer verification before allowing the transaction to proceed', + 'AML': 'runs Anti-Money Laundering screening against watchlists', + 'Swap': 'exchanges one asset type for another at the current market rate', + 'Banking Rail': 'routes the transaction through traditional banking infrastructure', + }; + return explanations[label] || 'is a transaction primitive used in flow composition'; +} + +function suggestNextBlock(label: string): string { + const suggestions: Record = { + 'Fiat Account': 'Transfer or Convert block', + 'Transfer': 'KYC compliance check', + 'KYC': 'AML screening node', + 'AML': 'Banking Rail or DEX Route', + 'Swap': 'Settlement instruction', + 'Banking Rail': 'Settlement instruction', + }; + return suggestions[label] || 'compliance or routing node'; +} diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx new file mode 100644 index 0000000..ca57392 --- /dev/null +++ b/src/components/TitleBar.tsx @@ -0,0 +1,166 @@ +import { useState } from 'react'; +import { + Search, Bell, ChevronDown, Play, FlaskConical, ShieldCheck, Zap, + Command, User, LogOut, Settings, Shield +} from 'lucide-react'; +import type { SessionMode } from '../types'; +import { sampleNotifications } from '../data/sampleData'; + +const modeColors: Record = { + Sandbox: '#eab308', + Simulate: '#3b82f6', + Live: '#22c55e', + 'Compliance Review': '#a855f7', +}; + +interface TitleBarProps { + mode: SessionMode; + onModeChange: (mode: SessionMode) => void; + onToggleCommandPalette: () => void; + onValidate: () => void; + onSimulate: () => void; + onExecute: () => void; +} + +export default function TitleBar({ mode, onModeChange, onToggleCommandPalette, onValidate, onSimulate, onExecute }: TitleBarProps) { + const [showModeMenu, setShowModeMenu] = useState(false); + const [showNotifications, setShowNotifications] = useState(false); + const [showUserMenu, setShowUserMenu] = useState(false); + const [notifications, setNotifications] = useState(sampleNotifications); + + const modes: SessionMode[] = ['Sandbox', 'Simulate', 'Live', 'Compliance Review']; + const unreadCount = notifications.filter(n => !n.read).length; + + const markAllRead = () => { + setNotifications(prev => prev.map(n => ({ ...n, read: true }))); + }; + + const notifTypeColors: Record = { + info: '#3b82f6', + success: '#22c55e', + warning: '#eab308', + error: '#ef4444', + }; + + return ( +
+
+
+ + TransactFlow +
+
+ Institutional Workspace +
+
setShowModeMenu(!showModeMenu)}> +
+ {mode} + + {showModeMenu && ( +
+ {modes.map(m => ( +
{ e.stopPropagation(); onModeChange(m); setShowModeMenu(false); }} + > +
+ {m} +
+ ))} +
+ )} +
+
+ +
+ +
+ +
+ + + +
+ + {/* Notification bell with dropdown */} +
+ + {showNotifications && ( +
+
+ Notifications + {unreadCount > 0 && ( + + )} +
+ {notifications.map(n => ( +
setNotifications(prev => prev.map(x => x.id === n.id ? { ...x, read: true } : x))}> +
+
+ {n.title} + {n.message} + {n.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} +
+
+ ))} +
+ )} +
+ + + + {/* User menu with dropdown */} +
+ + {showUserMenu && ( +
+
+
JD
+
+
Jane Doe
+
Admin · Compliance Officer
+
+
+
+
+ Profile +
+
+ Settings +
+
+ Permissions + Admin +
+
+
+ Sign Out +
+
+ )} +
+
+
+ ); +} diff --git a/src/components/TransactionNode.tsx b/src/components/TransactionNode.tsx new file mode 100644 index 0000000..6107871 --- /dev/null +++ b/src/components/TransactionNode.tsx @@ -0,0 +1,54 @@ +import { memo } from 'react'; +import { Handle, Position, type NodeProps } from '@xyflow/react'; +import { AlertTriangle, CheckCircle2, XCircle, Shield } from 'lucide-react'; + +type TransactionNodeData = { + label: string; + category: string; + icon: string; + color: string; + status?: 'valid' | 'warning' | 'error'; +}; + +const complianceCategories = ['compliance']; +const routingCategories = ['routing']; + +function TransactionNodeComponent({ data, selected }: NodeProps) { + const nodeData = data as unknown as TransactionNodeData; + const statusIcon = nodeData.status === 'valid' ? : + nodeData.status === 'warning' ? : + nodeData.status === 'error' ? : null; + + const isCompliance = complianceCategories.includes(nodeData.category); + const isRouting = routingCategories.includes(nodeData.category); + + return ( +
+ +
+ {nodeData.icon} + {nodeData.label} +
+ {isCompliance && ( + + + + )} + {isRouting && ( + + 🔀 + + )} + {statusIcon && {statusIcon}} +
+
+
+ {nodeData.category} +
+ +
+ ); +} + +export default memo(TransactionNodeComponent); diff --git a/src/components/portal/PortalLayout.tsx b/src/components/portal/PortalLayout.tsx new file mode 100644 index 0000000..d3da643 --- /dev/null +++ b/src/components/portal/PortalLayout.tsx @@ -0,0 +1,175 @@ +import { useState } from 'react'; +import { useNavigate, useLocation } from 'react-router-dom'; +import { useAuth } from '../../contexts/AuthContext'; +import { + LayoutDashboard, Zap, Building2, Landmark, FileText, Shield, CheckSquare, + Settings, LogOut, ChevronLeft, ChevronRight, Bell, User, Copy, + ExternalLink, ChevronDown +} from 'lucide-react'; + +const navItems = [ + { id: 'dashboard', label: 'Overview', icon: LayoutDashboard, path: '/dashboard' }, + { id: 'transaction-builder', label: 'Transaction Builder', icon: Zap, path: '/transaction-builder' }, + { id: 'accounts', label: 'Accounts', icon: Building2, path: '/accounts' }, + { id: 'treasury', label: 'Treasury', icon: Landmark, path: '/treasury' }, + { id: 'reporting', label: 'Reporting', icon: FileText, path: '/reporting' }, + { id: 'compliance', label: 'Compliance & Risk', icon: Shield, path: '/compliance' }, + { id: 'settlements', label: 'Settlements', icon: CheckSquare, path: '/settlements' }, +]; + +interface PortalLayoutProps { + children: React.ReactNode; +} + +export default function PortalLayout({ children }: PortalLayoutProps) { + const { user, wallet, disconnect } = useAuth(); + const navigate = useNavigate(); + const location = useLocation(); + const [collapsed, setCollapsed] = useState(false); + const [showUserMenu, setShowUserMenu] = useState(false); + const [showNotifications, setShowNotifications] = useState(false); + + const currentPath = location.pathname; + + const copyAddress = () => { + if (wallet?.address) { + navigator.clipboard.writeText(wallet.address); + } + }; + + return ( +
+
+
+
navigate('/dashboard')}> + + {!collapsed && ( +
+ Solace Bank Group + PLC +
+ )} +
+
+ +
+
+ + Production +
+
+ +
+
+ + {showNotifications && ( +
+
Notifications
+
+ +
+
AML Alert
+
Unusual pattern on ACC-001
+
+
+
+ +
+
Settlement Confirmed
+
TX-2024-0847 settled
+
+
+
+ +
+
Report Ready
+
Q4 IFRS Balance Sheet
+
+
+
+ )} +
+ +
+ + {showUserMenu && ( +
+
Account
+
+
+ {wallet?.address ? `${wallet.address.slice(0, 8)}...${wallet.address.slice(-6)}` : '—'} + +
+
+ {wallet?.balance ? `${parseFloat(wallet.balance).toFixed(4)} ETH` : '—'} + Chain {wallet?.chainId || 1} +
+
+
+ + +
+ +
+ )} +
+
+
+ +
+ + +
+ {children} +
+
+
+ ); +} diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx new file mode 100644 index 0000000..cd9c877 --- /dev/null +++ b/src/contexts/AuthContext.tsx @@ -0,0 +1,153 @@ +import { createContext, useContext, useState, useCallback, useEffect, type ReactNode } from 'react'; +import { BrowserProvider, formatEther } from 'ethers'; +import type { AuthState, WalletInfo, PortalUser, UserRole, Permission } from '../types/portal'; + +interface AuthContextType extends AuthState { + connectWallet: (provider: 'metamask' | 'walletconnect' | 'coinbase') => Promise; + disconnect: () => void; + error: string | null; +} + +const AuthContext = createContext(null); + +const ROLE_PERMISSIONS: Record = { + admin: [ + 'accounts.view', 'accounts.manage', 'accounts.create', + 'transactions.view', 'transactions.create', 'transactions.approve', 'transactions.execute', + 'treasury.view', 'treasury.manage', 'treasury.rebalance', + 'compliance.view', 'compliance.manage', 'compliance.override', + 'reports.view', 'reports.generate', 'reports.export', + 'settlements.view', 'settlements.approve', + 'admin.users', 'admin.settings', 'admin.audit', + ], + treasurer: [ + 'accounts.view', 'accounts.manage', + 'transactions.view', 'transactions.create', 'transactions.approve', + 'treasury.view', 'treasury.manage', 'treasury.rebalance', + 'reports.view', 'reports.generate', 'reports.export', + 'settlements.view', 'settlements.approve', + ], + analyst: [ + 'accounts.view', 'transactions.view', 'treasury.view', + 'reports.view', 'reports.generate', 'settlements.view', + ], + compliance_officer: [ + 'accounts.view', 'transactions.view', 'treasury.view', + 'compliance.view', 'compliance.manage', + 'reports.view', 'reports.generate', 'reports.export', + 'settlements.view', + ], + auditor: [ + 'accounts.view', 'transactions.view', 'treasury.view', + 'compliance.view', 'reports.view', 'reports.export', + 'settlements.view', 'admin.audit', + ], + viewer: ['accounts.view', 'transactions.view', 'treasury.view', 'reports.view', 'settlements.view'], +}; + +const AUTH_STORAGE_KEY = 'solace-auth'; + +function generateUser(address: string): PortalUser { + return { + id: `usr-${address.slice(2, 10)}`, + displayName: `${address.slice(0, 6)}...${address.slice(-4)}`, + role: 'admin', + permissions: ROLE_PERMISSIONS['admin'], + institution: 'Solace Bank Group PLC', + department: 'Treasury Operations', + lastLogin: new Date(), + walletAddress: address, + }; +} + +export function AuthProvider({ children }: { children: ReactNode }) { + const [state, setState] = useState({ + isAuthenticated: false, + wallet: null, + user: null, + loading: true, + }); + const [error, setError] = useState(null); + + useEffect(() => { + const saved = localStorage.getItem(AUTH_STORAGE_KEY); + if (saved) { + try { + const parsed = JSON.parse(saved); + setState({ + isAuthenticated: true, + wallet: parsed.wallet, + user: { ...parsed.user, lastLogin: new Date(parsed.user.lastLogin) }, + loading: false, + }); + return; + } catch { /* ignore */ } + } + setState(prev => ({ ...prev, loading: false })); + }, []); + + const connectWallet = useCallback(async (providerType: 'metamask' | 'walletconnect' | 'coinbase') => { + setError(null); + setState(prev => ({ ...prev, loading: true })); + + try { + let address: string; + let chainId: number; + let balance: string; + + const ethereum = (window as unknown as Record).ethereum as { + request: (args: { method: string; params?: unknown[] }) => Promise; + isMetaMask?: boolean; + isCoinbaseWallet?: boolean; + chainId?: string; + } | undefined; + + if (ethereum && (providerType === 'metamask' || providerType === 'coinbase')) { + const accounts = await ethereum.request({ method: 'eth_requestAccounts' }) as string[]; + if (!accounts || accounts.length === 0) throw new Error('No accounts returned'); + + const provider = new BrowserProvider(ethereum as never); + const signer = await provider.getSigner(); + address = await signer.getAddress(); + const network = await provider.getNetwork(); + chainId = Number(network.chainId); + const bal = await provider.getBalance(address); + balance = formatEther(bal); + } else { + // Demo mode — simulate wallet connection for environments without MetaMask + await new Promise(resolve => setTimeout(resolve, 1200)); + address = '0x' + Array.from({ length: 40 }, () => Math.floor(Math.random() * 16).toString(16)).join(''); + chainId = 1; + balance = (Math.random() * 100).toFixed(4); + } + + const wallet: WalletInfo = { address, chainId, balance, provider: providerType }; + const user = generateUser(address); + + const newState: AuthState = { isAuthenticated: true, wallet, user, loading: false }; + setState(newState); + localStorage.setItem(AUTH_STORAGE_KEY, JSON.stringify({ wallet, user })); + } catch (err) { + const msg = err instanceof Error ? err.message : 'Failed to connect wallet'; + setError(msg); + setState(prev => ({ ...prev, loading: false })); + } + }, []); + + const disconnect = useCallback(() => { + setState({ isAuthenticated: false, wallet: null, user: null, loading: false }); + localStorage.removeItem(AUTH_STORAGE_KEY); + }, []); + + return ( + + {children} + + ); +} + +export function useAuth() { + const ctx = useContext(AuthContext); + if (!ctx) throw new Error('useAuth must be used within AuthProvider'); + return ctx; +} diff --git a/src/data/components.ts b/src/data/components.ts new file mode 100644 index 0000000..9653567 --- /dev/null +++ b/src/data/components.ts @@ -0,0 +1,81 @@ +import type { ComponentItem } from '../types'; + +export const componentCategories = [ + { id: 'assets', label: 'Asset Primitives', icon: '💰' }, + { id: 'actions', label: 'Transaction Actions', icon: '⚡' }, + { id: 'routing', label: 'Routing Components', icon: '🔀' }, + { id: 'compliance', label: 'Compliance Components', icon: '🛡️' }, + { id: 'messaging', label: 'ISO-20022 / Messaging', icon: '📨' }, + { id: 'logic', label: 'Logic / Control', icon: '🔧' }, + { id: 'templates', label: 'Templates', icon: '📋' }, +]; + +export const componentItems: ComponentItem[] = [ + // Asset Primitives + { id: 'fiat-account', label: 'Fiat Account', category: 'assets', icon: '🏦', description: 'Traditional fiat currency account', color: '#22c55e' }, + { id: 'bank-ledger', label: 'Bank Ledger', category: 'assets', icon: '📒', description: 'Core banking ledger entry', color: '#22c55e' }, + { id: 'stablecoin-wallet', label: 'Stablecoin Wallet', category: 'assets', icon: '🪙', description: 'Stablecoin holding wallet', color: '#3b82f6' }, + { id: 'tokenized-security', label: 'Tokenized Security', category: 'assets', icon: '📊', description: 'Tokenized securities instrument', color: '#a855f7' }, + { id: 'commodity-instrument', label: 'Commodity Instrument', category: 'assets', icon: '🛢️', description: 'Physical or digital commodity', color: '#f97316' }, + { id: 'cash-position', label: 'Cash Position', category: 'assets', icon: '💵', description: 'Cash balance position', color: '#22c55e' }, + { id: 'custody-account', label: 'Custody Account', category: 'assets', icon: '🔐', description: 'Custodial holding account', color: '#3b82f6' }, + { id: 'treasury-source', label: 'Treasury Source', category: 'assets', icon: '🏛️', description: 'Treasury management source', color: '#22c55e' }, + + // Transaction Actions + { id: 'transfer', label: 'Transfer', category: 'actions', icon: '➡️', description: 'Transfer value between accounts', color: '#3b82f6' }, + { id: 'swap', label: 'Swap', category: 'actions', icon: '🔄', description: 'Swap between asset types', color: '#3b82f6' }, + { id: 'convert', label: 'Convert', category: 'actions', icon: '💱', description: 'FX or asset conversion', color: '#3b82f6' }, + { id: 'split', label: 'Split', category: 'actions', icon: '✂️', description: 'Split value into multiple paths', color: '#3b82f6' }, + { id: 'merge', label: 'Merge', category: 'actions', icon: '🔗', description: 'Merge multiple inputs', color: '#3b82f6' }, + { id: 'lock-unlock', label: 'Lock / Unlock', category: 'actions', icon: '🔒', description: 'Lock or unlock assets', color: '#eab308' }, + { id: 'escrow', label: 'Escrow', category: 'actions', icon: '⏳', description: 'Escrow hold mechanism', color: '#eab308' }, + { id: 'mint-burn', label: 'Mint / Burn', category: 'actions', icon: '🔥', description: 'Mint or burn tokens', color: '#ef4444' }, + { id: 'allocate', label: 'Allocate', category: 'actions', icon: '📤', description: 'Allocate to destinations', color: '#3b82f6' }, + { id: 'rebalance', label: 'Rebalance', category: 'actions', icon: '⚖️', description: 'Portfolio rebalancing', color: '#3b82f6' }, + + // Routing Components + { id: 'dex-route', label: 'DEX Route', category: 'routing', icon: '🌐', description: 'Decentralized exchange routing', color: '#a855f7' }, + { id: 'cex-route', label: 'CEX Route', category: 'routing', icon: '🏢', description: 'Centralized exchange routing', color: '#3b82f6' }, + { id: 'otc-desk', label: 'OTC Desk Route', category: 'routing', icon: '🤝', description: 'Over-the-counter desk', color: '#3b82f6' }, + { id: 'banking-rail', label: 'Banking Rail', category: 'routing', icon: '🏦', description: 'Traditional banking rail', color: '#22c55e' }, + { id: 'securities-clearing', label: 'Securities Clearing', category: 'routing', icon: '📋', description: 'Securities clearing route', color: '#a855f7' }, + { id: 'commodity-venue', label: 'Commodity Venue', category: 'routing', icon: '🏭', description: 'Commodity trading venue', color: '#f97316' }, + { id: 'best-execution', label: 'Best Execution Router', category: 'routing', icon: '🎯', description: 'Optimal execution path finder', color: '#22c55e' }, + { id: 'failover-router', label: 'Failover Router', category: 'routing', icon: '🔁', description: 'Fallback routing handler', color: '#eab308' }, + + // Compliance Components + { id: 'kyc', label: 'KYC', category: 'compliance', icon: '👤', description: 'Know Your Customer check', color: '#22c55e' }, + { id: 'aml', label: 'AML', category: 'compliance', icon: '🔍', description: 'Anti-Money Laundering screen', color: '#22c55e' }, + { id: 'sanctions', label: 'Sanctions Screening', category: 'compliance', icon: '🚫', description: 'Sanctions list screening', color: '#ef4444' }, + { id: 'jurisdiction', label: 'Jurisdiction Filter', category: 'compliance', icon: '🌍', description: 'Jurisdiction-based filtering', color: '#eab308' }, + { id: 'suitability', label: 'Suitability Check', category: 'compliance', icon: '✅', description: 'Investment suitability assessment', color: '#22c55e' }, + { id: 'travel-rule', label: 'Travel Rule Handler', category: 'compliance', icon: '✈️', description: 'FATF Travel Rule compliance', color: '#3b82f6' }, + { id: 'threshold-alert', label: 'Threshold Alert', category: 'compliance', icon: '⚠️', description: 'Amount threshold monitoring', color: '#eab308' }, + { id: 'approval-gate', label: 'Approval Gate', category: 'compliance', icon: '🚪', description: 'Manual approval checkpoint', color: '#eab308' }, + + // ISO-20022 / Messaging + { id: 'pain001', label: 'pain.001', category: 'messaging', icon: '📄', description: 'Customer Credit Transfer Initiation', color: '#a855f7' }, + { id: 'pacs008', label: 'pacs.008', category: 'messaging', icon: '📄', description: 'FI to FI Customer Credit Transfer', color: '#a855f7' }, + { id: 'camt-messages', label: 'camt Messages', category: 'messaging', icon: '📄', description: 'Cash Management messages', color: '#a855f7' }, + { id: 'mapping-transformer', label: 'Mapping Transformer', category: 'messaging', icon: '🔀', description: 'Message format transformer', color: '#a855f7' }, + { id: 'message-validator', label: 'Message Validator', category: 'messaging', icon: '✔️', description: 'ISO-20022 message validation', color: '#a855f7' }, + { id: 'ack-recon', label: 'Ack / Reconciliation', category: 'messaging', icon: '🔄', description: 'Acknowledgement & reconciliation', color: '#a855f7' }, + + // Logic / Control + { id: 'if-else', label: 'If / Else', category: 'logic', icon: '🔀', description: 'Conditional branching', color: '#3b82f6' }, + { id: 'branch-jurisdiction', label: 'Branch by Jurisdiction', category: 'logic', icon: '🌍', description: 'Route by legal jurisdiction', color: '#eab308' }, + { id: 'branch-asset', label: 'Branch by Asset Class', category: 'logic', icon: '📊', description: 'Route by asset classification', color: '#3b82f6' }, + { id: 'time-lock', label: 'Time Lock', category: 'logic', icon: '⏰', description: 'Time-based lock condition', color: '#eab308' }, + { id: 'amount-threshold', label: 'Amount Threshold', category: 'logic', icon: '📏', description: 'Amount-based branching', color: '#eab308' }, + { id: 'risk-score', label: 'Risk Score Gate', category: 'logic', icon: '📈', description: 'Risk score evaluation gate', color: '#ef4444' }, + { id: 'manual-approval', label: 'Manual Approval', category: 'logic', icon: '✋', description: 'Human approval step', color: '#eab308' }, + { id: 'retry-policy', label: 'Retry Policy', category: 'logic', icon: '🔁', description: 'Failure retry configuration', color: '#3b82f6' }, + + // Templates + { id: 'tpl-cross-border', label: 'Cross-Border Payment', category: 'templates', icon: '🌐', description: 'Multi-jurisdiction payment template', color: '#22c55e' }, + { id: 'tpl-commodity-settlement', label: 'Commodity Settlement', category: 'templates', icon: '🛢️', description: 'Commodity-backed settlement flow', color: '#f97316' }, + { id: 'tpl-stablecoin-offramp', label: 'Stablecoin Off-Ramp', category: 'templates', icon: '🪙', description: 'Stablecoin to fiat off-ramp', color: '#3b82f6' }, + { id: 'tpl-securities-collateral', label: 'Securities Collateral', category: 'templates', icon: '📊', description: 'Securities collateral transfer', color: '#a855f7' }, + { id: 'tpl-treasury-rebalance', label: 'Treasury Rebalancing', category: 'templates', icon: '⚖️', description: 'Treasury position rebalancing', color: '#22c55e' }, + { id: 'tpl-custody-movement', label: 'Custody Movement', category: 'templates', icon: '🔐', description: 'Institutional custody transfer', color: '#3b82f6' }, +]; diff --git a/src/data/portalData.ts b/src/data/portalData.ts new file mode 100644 index 0000000..625f70a --- /dev/null +++ b/src/data/portalData.ts @@ -0,0 +1,138 @@ +import type { Account, FinancialSummary, TreasuryPosition, CashForecast, ReportConfig, ComplianceAlert, SettlementRecord, PortalModule } from '../types/portal'; + +export const portalModules: PortalModule[] = [ + { id: 'dashboard', name: 'Overview', icon: '📊', description: 'Consolidated financial dashboard with real-time portfolio metrics', path: '/dashboard', requiredPermission: 'accounts.view', status: 'active' }, + { id: 'transaction-builder', name: 'Transaction Builder', icon: '⚡', description: 'IDE-style drag-and-drop transaction composition workspace', path: '/transaction-builder', requiredPermission: 'transactions.create', status: 'active' }, + { id: 'accounts', name: 'Accounts', icon: '🏦', description: 'Multi-account and subaccount management with consolidated views', path: '/accounts', requiredPermission: 'accounts.view', status: 'active' }, + { id: 'treasury', name: 'Treasury', icon: '💎', description: 'Treasury operations, cash management, and position monitoring', path: '/treasury', requiredPermission: 'treasury.view', status: 'active' }, + { id: 'reporting', name: 'Reporting', icon: '📋', description: 'IPSAS, US GAAP, and IFRS compliant financial reporting', path: '/reporting', requiredPermission: 'reports.view', status: 'active' }, + { id: 'compliance', name: 'Compliance & Risk', icon: '🛡️', description: 'Regulatory compliance monitoring and risk management', path: '/compliance', requiredPermission: 'compliance.view', status: 'active' }, + { id: 'settlements', name: 'Settlements', icon: '✅', description: 'Settlement lifecycle tracking and clearing operations', path: '/settlements', requiredPermission: 'settlements.view', status: 'active' }, +]; + +export const sampleAccounts: Account[] = [ + { + id: 'acc-001', name: 'Main Operating Account', type: 'operating', currency: 'USD', + balance: 45_250_000.00, availableBalance: 44_800_000.00, status: 'active', + institution: 'Solace Bank Group PLC', iban: 'GB82 SLCE 0099 7100 0012 34', + swift: 'SLCEGB2L', lastActivity: new Date(Date.now() - 300000), + subaccounts: [ + { id: 'acc-001a', name: 'Payroll Sub-Account', type: 'operating', currency: 'USD', balance: 2_100_000, availableBalance: 2_100_000, status: 'active', parentId: 'acc-001', institution: 'Solace Bank Group PLC', lastActivity: new Date(Date.now() - 600000) }, + { id: 'acc-001b', name: 'Vendor Payments', type: 'operating', currency: 'USD', balance: 3_500_000, availableBalance: 3_200_000, status: 'active', parentId: 'acc-001', institution: 'Solace Bank Group PLC', lastActivity: new Date(Date.now() - 900000) }, + ], + }, + { + id: 'acc-002', name: 'EUR Treasury Account', type: 'treasury', currency: 'EUR', + balance: 18_750_000.00, availableBalance: 18_500_000.00, status: 'active', + institution: 'Solace Bank Group PLC', iban: 'GB45 SLCE 0099 7200 0056 78', + swift: 'SLCEGB2L', lastActivity: new Date(Date.now() - 1200000), + }, + { + id: 'acc-003', name: 'Digital Asset Custody', type: 'custody', currency: 'BTC', + balance: 125.5, availableBalance: 120.0, status: 'active', + institution: 'Solace Bank Group PLC', walletAddress: '0x742d35Cc6634C0532925a3b844Bc9e7595f2bD38', + lastActivity: new Date(Date.now() - 1800000), + }, + { + id: 'acc-004', name: 'Stablecoin Reserve', type: 'stablecoin', currency: 'USDC', + balance: 12_000_000.00, availableBalance: 11_950_000.00, status: 'active', + institution: 'Solace Bank Group PLC', walletAddress: '0x1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b', + lastActivity: new Date(Date.now() - 2400000), + }, + { + id: 'acc-005', name: 'Nostro - Deutsche Bank', type: 'nostro', currency: 'EUR', + balance: 5_200_000.00, availableBalance: 5_200_000.00, status: 'active', + institution: 'Deutsche Bank AG', swift: 'DEUTDEFF', + lastActivity: new Date(Date.now() - 3600000), + }, + { + id: 'acc-006', name: 'Collateral Account', type: 'collateral', currency: 'USD', + balance: 8_000_000.00, availableBalance: 0, status: 'active', + institution: 'Solace Bank Group PLC', lastActivity: new Date(Date.now() - 7200000), + }, + { + id: 'acc-007', name: 'GBP Settlement Account', type: 'settlement', currency: 'GBP', + balance: 3_400_000.00, availableBalance: 3_150_000.00, status: 'active', + institution: 'Solace Bank Group PLC', iban: 'GB12 SLCE 0099 7300 0098 76', + swift: 'SLCEGB2L', lastActivity: new Date(Date.now() - 5400000), + }, + { + id: 'acc-008', name: 'Escrow - Project Alpha', type: 'escrow', currency: 'USD', + balance: 15_000_000.00, availableBalance: 0, status: 'frozen', + institution: 'Solace Bank Group PLC', lastActivity: new Date(Date.now() - 86400000), + }, +]; + +export const financialSummary: FinancialSummary = { + totalAssets: 892_450_000, + totalLiabilities: 654_200_000, + netPosition: 238_250_000, + unrealizedPnL: 4_125_000, + realizedPnL: 12_680_000, + pendingSettlements: 28_500_000, + dailyVolume: 156_000_000, + currency: 'USD', +}; + +export const treasuryPositions: TreasuryPosition[] = [ + { id: 'pos-1', assetClass: 'Fixed Income', instrument: 'US Treasury 10Y', quantity: 50_000_000, marketValue: 49_250_000, costBasis: 48_500_000, unrealizedPnL: 750_000, currency: 'USD', custodian: 'State Street', maturityDate: new Date('2034-11-15') }, + { id: 'pos-2', assetClass: 'Fixed Income', instrument: 'UK Gilt 5Y', quantity: 20_000_000, marketValue: 19_800_000, costBasis: 20_100_000, unrealizedPnL: -300_000, currency: 'GBP', custodian: 'Euroclear' }, + { id: 'pos-3', assetClass: 'Digital Assets', instrument: 'Bitcoin (BTC)', quantity: 125.5, marketValue: 8_425_000, costBasis: 6_275_000, unrealizedPnL: 2_150_000, currency: 'USD', custodian: 'BitGo' }, + { id: 'pos-4', assetClass: 'Digital Assets', instrument: 'USDC Stablecoin', quantity: 12_000_000, marketValue: 12_000_000, costBasis: 12_000_000, unrealizedPnL: 0, currency: 'USD', custodian: 'Circle' }, + { id: 'pos-5', assetClass: 'FX', instrument: 'EUR/USD Spot', quantity: 18_750_000, marketValue: 20_250_000, costBasis: 19_875_000, unrealizedPnL: 375_000, currency: 'USD', custodian: 'Solace Bank' }, + { id: 'pos-6', assetClass: 'Commodities', instrument: 'Gold (XAU)', quantity: 5_000, marketValue: 11_500_000, costBasis: 9_750_000, unrealizedPnL: 1_750_000, currency: 'USD', custodian: 'HSBC Vault' }, + { id: 'pos-7', assetClass: 'Equities', instrument: 'S&P 500 ETF', quantity: 100_000, marketValue: 45_200_000, costBasis: 42_000_000, unrealizedPnL: 3_200_000, currency: 'USD', custodian: 'State Street' }, + { id: 'pos-8', assetClass: 'Fixed Income', instrument: 'Corporate Bond AAA', quantity: 15_000_000, marketValue: 14_850_000, costBasis: 15_000_000, unrealizedPnL: -150_000, currency: 'USD', custodian: 'JP Morgan', maturityDate: new Date('2028-06-30') }, +]; + +export const cashForecasts: CashForecast[] = Array.from({ length: 30 }, (_, i) => { + const date = new Date(); + date.setDate(date.getDate() + i); + const base = 45_250_000 + Math.sin(i * 0.3) * 5_000_000; + return { + date, + projected: Math.round(base + (Math.random() - 0.5) * 2_000_000), + actual: i < 3 ? Math.round(base + (Math.random() - 0.5) * 1_000_000) : undefined, + currency: 'USD', + }; +}); + +export const reportConfigs: ReportConfig[] = [ + { id: 'rpt-1', name: 'Balance Sheet - IFRS', standard: 'IFRS', type: 'balance_sheet', period: 'quarterly', status: 'published', generatedAt: new Date(Date.now() - 86400000 * 5), generatedBy: 'J. Thompson' }, + { id: 'rpt-2', name: 'Income Statement - US GAAP', standard: 'US_GAAP', type: 'income_statement', period: 'monthly', status: 'reviewed', generatedAt: new Date(Date.now() - 86400000 * 2), generatedBy: 'M. Chen' }, + { id: 'rpt-3', name: 'Cash Flow Statement - IPSAS', standard: 'IPSAS', type: 'cash_flow', period: 'quarterly', status: 'generated', generatedAt: new Date(Date.now() - 86400000), generatedBy: 'System' }, + { id: 'rpt-4', name: 'Trial Balance - IFRS', standard: 'IFRS', type: 'trial_balance', period: 'monthly', status: 'published', generatedAt: new Date(Date.now() - 86400000 * 3), generatedBy: 'A. Patel' }, + { id: 'rpt-5', name: 'Regulatory Report - US GAAP', standard: 'US_GAAP', type: 'regulatory', period: 'quarterly', status: 'draft', generatedBy: 'System' }, + { id: 'rpt-6', name: 'Position Summary - IFRS', standard: 'IFRS', type: 'position_summary', period: 'daily', status: 'published', generatedAt: new Date(Date.now() - 3600000), generatedBy: 'System' }, + { id: 'rpt-7', name: 'Risk Exposure - IPSAS', standard: 'IPSAS', type: 'risk_exposure', period: 'weekly', status: 'generated', generatedAt: new Date(Date.now() - 86400000 * 1), generatedBy: 'R. Kumar' }, + { id: 'rpt-8', name: 'Compliance Summary - US GAAP', standard: 'US_GAAP', type: 'compliance_summary', period: 'monthly', status: 'reviewed', generatedAt: new Date(Date.now() - 86400000 * 4), generatedBy: 'L. Wright' }, +]; + +export const complianceAlerts: ComplianceAlert[] = [ + { id: 'ca-1', severity: 'critical', category: 'AML', message: 'Unusual transaction pattern detected on ACC-001: 15 transactions exceeding $500K in 24h', timestamp: new Date(Date.now() - 1800000), status: 'open' }, + { id: 'ca-2', severity: 'high', category: 'KYC', message: 'KYC documentation expiring for 3 institutional counterparties within 30 days', timestamp: new Date(Date.now() - 3600000), status: 'acknowledged', assignedTo: 'Compliance Team' }, + { id: 'ca-3', severity: 'medium', category: 'Sanctions', message: 'New OFAC SDN list update — 12 new entries require screening', timestamp: new Date(Date.now() - 7200000), status: 'open' }, + { id: 'ca-4', severity: 'high', category: 'Travel Rule', message: 'Travel rule compliance gap: 2 outbound transfers missing originator data', timestamp: new Date(Date.now() - 10800000), status: 'open' }, + { id: 'ca-5', severity: 'low', category: 'Reporting', message: 'Q4 IPSAS regulatory filing due in 14 days', timestamp: new Date(Date.now() - 14400000), status: 'acknowledged', assignedTo: 'Finance Team' }, + { id: 'ca-6', severity: 'medium', category: 'Risk', message: 'Counterparty credit rating downgrade: Acme Corp (BBB → BB+)', timestamp: new Date(Date.now() - 21600000), status: 'resolved' }, +]; + +export const settlementRecords: SettlementRecord[] = [ + { id: 'stl-1', txId: 'TX-2024-0851', type: 'DVP', status: 'pending', amount: 5_000_000, currency: 'USD', counterparty: 'Goldman Sachs', settlementDate: new Date(Date.now() + 86400000), valueDate: new Date(Date.now() + 86400000), csd: 'DTCC' }, + { id: 'stl-2', txId: 'TX-2024-0852', type: 'PVP', status: 'matched', amount: 12_500_000, currency: 'EUR', counterparty: 'Deutsche Bank', settlementDate: new Date(Date.now() + 172800000), valueDate: new Date(Date.now() + 172800000), csd: 'Euroclear' }, + { id: 'stl-3', txId: 'TX-2024-0853', type: 'FOP', status: 'affirmed', amount: 2_000_000, currency: 'GBP', counterparty: 'Barclays', settlementDate: new Date(), valueDate: new Date(), csd: 'CREST' }, + { id: 'stl-4', txId: 'TX-2024-0854', type: 'internal', status: 'settled', amount: 8_000_000, currency: 'USD', counterparty: 'Internal Transfer', settlementDate: new Date(Date.now() - 86400000), valueDate: new Date(Date.now() - 86400000) }, + { id: 'stl-5', txId: 'TX-2024-0855', type: 'DVP', status: 'failed', amount: 3_250_000, currency: 'USD', counterparty: 'Morgan Stanley', settlementDate: new Date(Date.now() - 172800000), valueDate: new Date(Date.now() - 172800000), csd: 'DTCC' }, + { id: 'stl-6', txId: 'TX-2024-0856', type: 'PVP', status: 'pending', amount: 15_000_000, currency: 'JPY', counterparty: 'Nomura', settlementDate: new Date(Date.now() + 259200000), valueDate: new Date(Date.now() + 259200000) }, +]; + +export const recentActivity = [ + { id: 'ra-1', action: 'Transfer Executed', detail: '$2.5M USD → EUR Treasury Account', timestamp: new Date(Date.now() - 300000), status: 'success' as const }, + { id: 'ra-2', action: 'Settlement Confirmed', detail: 'TX-2024-0847 settled via SWIFT', timestamp: new Date(Date.now() - 1200000), status: 'success' as const }, + { id: 'ra-3', action: 'Compliance Alert', detail: 'AML threshold exceeded on ACC-001', timestamp: new Date(Date.now() - 1800000), status: 'warning' as const }, + { id: 'ra-4', action: 'Report Generated', detail: 'Q4 Balance Sheet (IFRS)', timestamp: new Date(Date.now() - 3600000), status: 'info' as const }, + { id: 'ra-5', action: 'Position Rebalanced', detail: 'Treasury portfolio rebalanced per policy', timestamp: new Date(Date.now() - 5400000), status: 'success' as const }, + { id: 'ra-6', action: 'Settlement Failed', detail: 'TX-2024-0855 DVP failed — counterparty mismatch', timestamp: new Date(Date.now() - 7200000), status: 'error' as const }, + { id: 'ra-7', action: 'New Account Created', detail: 'GBP Settlement Account activated', timestamp: new Date(Date.now() - 10800000), status: 'info' as const }, + { id: 'ra-8', action: 'KYC Review', detail: 'Counterparty due diligence completed for Barclays', timestamp: new Date(Date.now() - 14400000), status: 'success' as const }, +]; diff --git a/src/data/sampleData.ts b/src/data/sampleData.ts new file mode 100644 index 0000000..874b21b --- /dev/null +++ b/src/data/sampleData.ts @@ -0,0 +1,88 @@ +import type { ChatMessage, TerminalEntry, ValidationIssue, AuditEntry, SettlementItem, Notification, ThreadEntry } from '../types'; + +export const sampleMessages: ChatMessage[] = [ + { + id: '1', + agent: 'Builder', + content: 'Transaction graph initialized. Drop components from the left panel to begin building your flow.', + timestamp: new Date(Date.now() - 300000), + type: 'agent', + }, + { + id: '2', + agent: 'Compliance', + content: 'Compliance engine ready. I\'ll monitor your graph for policy violations as you build.', + timestamp: new Date(Date.now() - 240000), + type: 'agent', + }, + { + id: '3', + agent: 'System', + content: 'Environment: Sandbox | Region: Multi-jurisdiction | Protocol: ISO-20022 enabled', + timestamp: new Date(Date.now() - 180000), + type: 'system', + }, +]; + +export const sampleTerminal: TerminalEntry[] = [ + { id: '1', timestamp: new Date(Date.now() - 60000), level: 'info', source: 'system', message: 'Transaction builder initialized' }, + { id: '2', timestamp: new Date(Date.now() - 55000), level: 'info', source: 'compliance', message: 'Compliance engine v3.2.1 loaded' }, + { id: '3', timestamp: new Date(Date.now() - 50000), level: 'success', source: 'routing', message: 'Route optimizer connected to 12 venues' }, + { id: '4', timestamp: new Date(Date.now() - 45000), level: 'info', source: 'iso20022', message: 'Message schemas loaded: pain.001, pacs.008, camt.053' }, + { id: '5', timestamp: new Date(Date.now() - 40000), level: 'warn', source: 'market', message: 'EUR/USD spread widened to 2.3bps' }, + { id: '6', timestamp: new Date(Date.now() - 30000), level: 'info', source: 'system', message: 'Sandbox environment ready' }, +]; + +export const sampleValidation: ValidationIssue[] = [ + { id: '1', severity: 'info', message: 'Graph contains 0 nodes. Add components to begin validation.' }, +]; + +export const sampleAudit: AuditEntry[] = [ + { id: '1', timestamp: new Date(Date.now() - 120000), user: 'system', action: 'SESSION_START', detail: 'Sandbox session initialized' }, + { id: '2', timestamp: new Date(Date.now() - 110000), user: 'system', action: 'ENGINE_LOAD', detail: 'Compliance matrices loaded (47 rules)' }, + { id: '3', timestamp: new Date(Date.now() - 100000), user: 'system', action: 'ENGINE_LOAD', detail: 'Routing engine initialized with 12 venues' }, +]; + +export const sampleSettlement: SettlementItem[] = [ + { id: '1', txId: 'TX-2024-0847', status: 'settled', amount: '1,250,000.00', asset: 'USD', counterparty: 'Acme Corp', timestamp: new Date(Date.now() - 3600000) }, + { id: '2', txId: 'TX-2024-0848', status: 'pending', amount: '500,000.00', asset: 'EUR', counterparty: 'Deutsche Bank', timestamp: new Date(Date.now() - 1800000) }, + { id: '3', txId: 'TX-2024-0849', status: 'in_review', amount: '2,000.00', asset: 'BTC', counterparty: 'BitGo Custody', timestamp: new Date(Date.now() - 900000) }, + { id: '4', txId: 'TX-2024-0850', status: 'awaiting_approval', amount: '750,000.00', asset: 'GBP', counterparty: 'Barclays', timestamp: new Date(Date.now() - 600000) }, +]; + +export const sampleNotifications: Notification[] = [ + { id: '1', title: 'Compliance Update', message: 'New FATF travel rule requirements effective in your jurisdiction', type: 'warning', timestamp: new Date(Date.now() - 600000), read: false }, + { id: '2', title: 'Route Optimization', message: 'New liquidity venue added: Coinbase Prime', type: 'info', timestamp: new Date(Date.now() - 1200000), read: false }, + { id: '3', title: 'Settlement Complete', message: 'TX-2024-0847 settled successfully via SWIFT', type: 'success', timestamp: new Date(Date.now() - 3600000), read: true }, +]; + +export const sampleThreads: ThreadEntry[] = [ + { id: 'thread-1', title: 'Cross-border payment setup', agent: 'Builder', timestamp: new Date(Date.now() - 86400000), messageCount: 12 }, + { id: 'thread-2', title: 'AML compliance review', agent: 'Compliance', timestamp: new Date(Date.now() - 172800000), messageCount: 8 }, + { id: 'thread-3', title: 'SWIFT message generation', agent: 'ISO-20022', timestamp: new Date(Date.now() - 259200000), messageCount: 5 }, +]; + +export const sampleReconciliation = [ + { id: '1', txId: 'TX-2024-0847', internalRef: 'INT-00847', externalRef: 'EXT-SW-4821', status: 'matched', amount: '1,250,000.00', asset: 'USD', timestamp: new Date(Date.now() - 3600000) }, + { id: '2', txId: 'TX-2024-0845', internalRef: 'INT-00845', externalRef: 'EXT-SW-4819', status: 'unmatched', amount: '320,000.00', asset: 'EUR', timestamp: new Date(Date.now() - 7200000) }, + { id: '3', txId: 'TX-2024-0843', internalRef: 'INT-00843', externalRef: 'EXT-CB-1102', status: 'matched', amount: '15.5', asset: 'BTC', timestamp: new Date(Date.now() - 10800000) }, +]; + +export const sampleExceptions = [ + { id: '1', txId: 'TX-2024-0846', type: 'timeout', message: 'Settlement acknowledgement not received within SLA (T+2)', severity: 'error' as const, timestamp: new Date(Date.now() - 5400000) }, + { id: '2', txId: 'TX-2024-0844', type: 'mismatch', message: 'Amount mismatch: expected 500,000.00 EUR, received 499,998.50 EUR', severity: 'warning' as const, timestamp: new Date(Date.now() - 9000000) }, + { id: '3', txId: 'TX-2024-0842', type: 'rejected', message: 'Counterparty rejected: sanctions screening flag on beneficiary', severity: 'error' as const, timestamp: new Date(Date.now() - 14400000) }, +]; + +export const sampleMessageQueue = [ + { id: '1', msgType: 'pain.001', direction: 'outbound' as const, counterparty: 'Deutsche Bank', status: 'sent', timestamp: new Date(Date.now() - 1800000) }, + { id: '2', msgType: 'pacs.008', direction: 'inbound' as const, counterparty: 'Barclays', status: 'received', timestamp: new Date(Date.now() - 2400000) }, + { id: '3', msgType: 'camt.053', direction: 'inbound' as const, counterparty: 'SWIFT', status: 'processing', timestamp: new Date(Date.now() - 3000000) }, +]; + +export const sampleEvents = [ + { id: '1', type: 'NODE_ADDED', detail: 'Fiat Account node added to canvas', timestamp: new Date(Date.now() - 60000) }, + { id: '2', type: 'EDGE_CREATED', detail: 'Connection established: Fiat Account → Transfer', timestamp: new Date(Date.now() - 55000) }, + { id: '3', type: 'VALIDATION_RUN', detail: 'Graph validation completed — 0 errors, 1 warning', timestamp: new Date(Date.now() - 50000) }, + { id: '4', type: 'AGENT_INVOKED', detail: 'Builder Agent queried for routing suggestion', timestamp: new Date(Date.now() - 45000) }, +]; diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..857f633 --- /dev/null +++ b/src/index.css @@ -0,0 +1,3853 @@ +/* ═══════════════════════════════════════════════════════════════ + TransactFlow — IDE-Style Transaction Builder + Dark theme professional workspace + ═══════════════════════════════════════════════════════════════ */ + +:root { + --bg-base: #0e0e10; + --bg-surface: #141418; + --bg-elevated: #1a1a20; + --bg-hover: #22222a; + --bg-active: #2a2a34; + --bg-input: #18181e; + --border: #2a2a32; + --border-subtle: #222228; + --text-primary: #e4e4e8; + --text-secondary: #9898a4; + --text-muted: #5c5c68; + --accent-blue: #3b82f6; + --accent-green: #22c55e; + --accent-yellow: #eab308; + --accent-red: #ef4444; + --accent-purple: #a855f7; + --accent-orange: #f97316; + --title-bar-height: 40px; + --activity-bar-width: 48px; + --status-bar-height: 24px; + --font-mono: 'SF Mono', 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace; + --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif; + --radius-sm: 4px; + --radius-md: 6px; + --radius-lg: 8px; +} + +*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } + +html, body, #root { + height: 100%; + width: 100%; + overflow: hidden; + font-family: var(--font-sans); + font-size: 13px; + color: var(--text-primary); + background: var(--bg-base); + -webkit-font-smoothing: antialiased; +} + +/* Scrollbar */ +::-webkit-scrollbar { width: 6px; height: 6px; } +::-webkit-scrollbar-track { background: transparent; } +::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; } +::-webkit-scrollbar-thumb:hover { background: #444; } + +/* ─── APP SHELL ─────────────────────────────────────────────── */ +.app-shell { + display: flex; + flex-direction: column; + height: 100vh; + width: 100vw; + overflow: hidden; +} + +.app-body { + display: flex; + flex: 1; + min-height: 0; + overflow: hidden; +} + +/* ─── TITLE BAR ─────────────────────────────────────────────── */ +.title-bar { + height: var(--title-bar-height); + background: var(--bg-surface); + border-bottom: 1px solid var(--border); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 12px; + gap: 12px; + -webkit-app-region: drag; + user-select: none; + flex-shrink: 0; +} + +.title-bar-left, .title-bar-right { + display: flex; + align-items: center; + gap: 8px; + flex-shrink: 0; +} + +.title-bar-center { + flex: 1; + display: flex; + justify-content: center; + max-width: 480px; + margin: 0 auto; +} + +.title-bar-logo { + display: flex; + align-items: center; + gap: 6px; +} + +.title-bar-name { + font-weight: 700; + font-size: 13px; + color: var(--text-primary); + letter-spacing: -0.3px; +} + +.title-bar-workspace { + font-size: 12px; + color: var(--text-secondary); +} + +.title-bar-separator { + width: 1px; + height: 16px; + background: var(--border); +} + +.title-bar-search { + display: flex; + align-items: center; + gap: 8px; + background: var(--bg-input); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 5px 12px; + color: var(--text-muted); + font-size: 12px; + cursor: pointer; + width: 100%; + transition: border-color 0.15s; +} + +.title-bar-search:hover { + border-color: var(--text-muted); +} + +.title-bar-search kbd { + margin-left: auto; + font-size: 10px; + font-family: var(--font-mono); + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 3px; + padding: 1px 5px; + color: var(--text-muted); +} + +.mode-selector { + display: flex; + align-items: center; + gap: 6px; + padding: 3px 10px; + border-radius: var(--radius-sm); + cursor: pointer; + font-size: 12px; + color: var(--text-secondary); + position: relative; + transition: background 0.15s; +} + +.mode-selector:hover { background: var(--bg-hover); } + +.mode-dot { + width: 7px; + height: 7px; + border-radius: 50%; + flex-shrink: 0; +} + +.mode-dropdown { + position: absolute; + top: 100%; + left: 0; + margin-top: 4px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 4px; + z-index: 100; + min-width: 160px; + box-shadow: 0 8px 24px rgba(0,0,0,0.4); +} + +.mode-option { + display: flex; + align-items: center; + gap: 8px; + padding: 6px 10px; + border-radius: var(--radius-sm); + cursor: pointer; + font-size: 12px; + color: var(--text-secondary); + transition: background 0.1s; +} + +.mode-option:hover { background: var(--bg-hover); color: var(--text-primary); } +.mode-option.active { background: var(--bg-active); color: var(--text-primary); } + +.title-bar-action { + display: flex; + align-items: center; + gap: 5px; + padding: 4px 12px; + border-radius: var(--radius-sm); + border: 1px solid transparent; + font-size: 12px; + font-weight: 500; + cursor: pointer; + transition: all 0.15s; + background: transparent; + color: var(--text-secondary); +} + +.title-bar-action.validate { + color: var(--accent-green); + border-color: var(--accent-green)30; +} +.title-bar-action.validate:hover { background: rgba(34,197,94,0.1); } + +.title-bar-action.simulate { + color: var(--accent-blue); + border-color: var(--accent-blue)30; +} +.title-bar-action.simulate:hover { background: rgba(59,130,246,0.1); } + +.title-bar-action.execute { + color: #fff; + background: var(--accent-blue); + border-color: var(--accent-blue); +} +.title-bar-action.execute:hover { background: #2563eb; } + +.icon-btn { + display: flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: var(--radius-sm); + border: none; + background: transparent; + color: var(--text-secondary); + cursor: pointer; + position: relative; + transition: all 0.15s; +} + +.icon-btn:hover { background: var(--bg-hover); color: var(--text-primary); } + +.notification-badge { + position: absolute; + top: 2px; + right: 2px; + width: 14px; + height: 14px; + background: var(--accent-red); + color: #fff; + border-radius: 50%; + font-size: 9px; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; +} + +/* ─── ACTIVITY BAR ──────────────────────────────────────────── */ +.activity-bar { + width: var(--activity-bar-width); + background: var(--bg-surface); + border-right: 1px solid var(--border); + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 4px 0; + flex-shrink: 0; +} + +.activity-bar-top, .activity-bar-bottom { + display: flex; + flex-direction: column; + align-items: center; + gap: 2px; +} + +.activity-btn { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: var(--radius-md); + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + position: relative; + transition: all 0.15s; +} + +.activity-btn:hover { color: var(--text-secondary); background: var(--bg-hover); } +.activity-btn.active { + color: var(--text-primary); + background: var(--bg-active); +} +.activity-btn.active::before { + content: ''; + position: absolute; + left: -4px; + top: 8px; + bottom: 8px; + width: 2px; + background: var(--accent-blue); + border-radius: 1px; +} + +/* ─── WORKSPACE ─────────────────────────────────────────────── */ +.workspace { + flex: 1; + display: flex; + flex-direction: column; + min-width: 0; + min-height: 0; + overflow: hidden; +} + +.workspace-upper { + flex: 1; + display: flex; + min-height: 0; + overflow: hidden; +} + +.panel-divider.vertical { + width: 1px; + background: var(--border); + cursor: col-resize; + flex-shrink: 0; + transition: background 0.15s; +} + +.panel-divider.vertical:hover { background: var(--accent-blue); } + +.panel-divider.horizontal { + height: 1px; + background: var(--border); + cursor: row-resize; + flex-shrink: 0; + transition: background 0.15s; +} + +.panel-divider.horizontal:hover { background: var(--accent-blue); } + +/* ─── LEFT PANEL ────────────────────────────────────────────── */ +.left-panel { + background: var(--bg-surface); + display: flex; + flex-direction: column; + min-width: 0; + flex-shrink: 0; + overflow: hidden; +} + +.panel-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 12px; + border-bottom: 1px solid var(--border-subtle); + flex-shrink: 0; +} + +.panel-title { + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + color: var(--text-secondary); +} + +.left-panel-search { + padding: 8px 12px; + position: relative; + flex-shrink: 0; +} + +.left-panel-search .search-icon { + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + color: var(--text-muted); +} + +.left-panel-search input { + width: 100%; + background: var(--bg-input); + border: 1px solid var(--border); + border-radius: var(--radius-sm); + padding: 6px 8px 6px 30px; + font-size: 12px; + color: var(--text-primary); + outline: none; + transition: border-color 0.15s; +} + +.left-panel-search input:focus { border-color: var(--accent-blue); } +.left-panel-search input::placeholder { color: var(--text-muted); } + +.left-panel-filters { + display: flex; + gap: 2px; + padding: 0 12px 8px; + flex-shrink: 0; +} + +.filter-btn { + display: flex; + align-items: center; + gap: 4px; + padding: 3px 8px; + border-radius: var(--radius-sm); + border: none; + background: transparent; + color: var(--text-muted); + font-size: 11px; + cursor: pointer; + transition: all 0.15s; +} + +.filter-btn:hover { background: var(--bg-hover); color: var(--text-secondary); } +.filter-btn.active { background: var(--bg-active); color: var(--text-primary); } + +.left-panel-content { + flex: 1; + overflow-y: auto; + padding-bottom: 8px; +} + +.component-category { margin-bottom: 2px; } + +.category-header { + display: flex; + align-items: center; + gap: 6px; + padding: 6px 12px; + cursor: pointer; + color: var(--text-secondary); + font-size: 12px; + font-weight: 500; + transition: background 0.1s; + user-select: none; +} + +.category-header:hover { background: var(--bg-hover); } + +.category-icon { font-size: 13px; } + +.category-label { flex: 1; } + +.category-count { + font-size: 10px; + color: var(--text-muted); + background: var(--bg-active); + padding: 1px 6px; + border-radius: 8px; +} + +.category-items { padding: 2px 0; } +.category-items.flat { padding: 2px 0; } + +.component-item { + display: flex; + align-items: center; + gap: 6px; + padding: 5px 12px 5px 24px; + cursor: grab; + color: var(--text-secondary); + font-size: 12px; + transition: all 0.1s; + user-select: none; +} + +.component-item:hover { + background: var(--bg-hover); + color: var(--text-primary); +} + +.component-item:active { cursor: grabbing; } + +.drag-handle { + color: var(--text-muted); + flex-shrink: 0; + opacity: 0; + transition: opacity 0.15s; +} + +.component-item:hover .drag-handle { opacity: 1; } + +.component-icon { font-size: 14px; flex-shrink: 0; } +.component-label { flex: 1; } + +.component-category-badge { + font-size: 10px; + opacity: 0.7; +} + +.fav-btn { + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + padding: 2px; + border-radius: 2px; + opacity: 0; + transition: all 0.15s; + display: flex; + align-items: center; +} + +.component-item:hover .fav-btn { opacity: 1; } +.fav-btn.active { opacity: 1; color: var(--accent-yellow); } +.fav-btn:hover { color: var(--accent-yellow); } + +.empty-state { + padding: 24px; + text-align: center; + color: var(--text-muted); + font-size: 12px; +} + +/* ─── CANVAS ────────────────────────────────────────────────── */ +.canvas-container { + display: flex; + flex-direction: column; + height: 100%; + width: 100%; +} + +.canvas-region { + flex: 1; + min-width: 0; + min-height: 0; + position: relative; +} + +.canvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 6px 14px; + background: var(--bg-surface); + border-bottom: 1px solid var(--border-subtle); + flex-shrink: 0; + gap: 12px; +} + +.canvas-header-left, .canvas-header-right, .canvas-header-center { + display: flex; + align-items: center; + gap: 8px; +} + +.canvas-tx-name { + font-weight: 600; + font-size: 13px; + color: var(--text-primary); +} + +.canvas-version { + font-size: 11px; + color: var(--text-muted); + background: var(--bg-active); + padding: 1px 6px; + border-radius: var(--radius-sm); +} + +.canvas-save-state { + display: flex; + align-items: center; + gap: 4px; + font-size: 11px; + color: var(--text-muted); +} + +.canvas-env-btn { + display: flex; + align-items: center; + gap: 5px; + padding: 3px 10px; + border-radius: var(--radius-sm); + border: 1px solid var(--border); + background: transparent; + color: var(--text-secondary); + font-size: 12px; + cursor: pointer; + transition: all 0.15s; +} + +.canvas-env-btn:hover { background: var(--bg-hover); border-color: var(--text-muted); } + +.canvas-action-btn { + display: flex; + align-items: center; + gap: 4px; + padding: 4px 10px; + border-radius: var(--radius-sm); + border: none; + font-size: 12px; + font-weight: 500; + cursor: pointer; + transition: all 0.15s; + background: transparent; +} + +.canvas-action-btn.validate { color: var(--accent-green); } +.canvas-action-btn.validate:hover { background: rgba(34,197,94,0.1); } +.canvas-action-btn.simulate { color: var(--accent-blue); } +.canvas-action-btn.simulate:hover { background: rgba(59,130,246,0.1); } +.canvas-action-btn.execute { + color: #fff; + background: var(--accent-blue); +} +.canvas-action-btn.execute:hover { background: #2563eb; } + +.canvas-body { + flex: 1; + background: var(--bg-base); + position: relative; + min-height: 0; +} + +.canvas-empty { + position: absolute; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + pointer-events: none; + z-index: 5; +} + +.canvas-empty-content { + text-align: center; + color: var(--text-muted); +} + +.canvas-empty-icon { + font-size: 48px; + margin-bottom: 16px; + opacity: 0.3; +} + +.canvas-empty-content h3 { + font-size: 16px; + font-weight: 600; + color: var(--text-secondary); + margin-bottom: 8px; +} + +.canvas-empty-content p { + font-size: 13px; + margin-bottom: 4px; +} + +.canvas-empty-hint { + font-size: 12px; + margin-top: 8px !important; +} + +.canvas-empty-hint kbd { + font-family: var(--font-mono); + font-size: 11px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 3px; + padding: 1px 5px; +} + +.canvas-inspector { + display: flex; + align-items: center; + gap: 12px; + padding: 4px 14px; + background: var(--bg-surface); + border-top: 1px solid var(--border-subtle); + font-size: 11px; + color: var(--text-muted); + flex-shrink: 0; +} + +.inspector-item { + display: flex; + align-items: center; + gap: 4px; +} + +.inspector-separator { + width: 1px; + height: 12px; + background: var(--border); +} + +/* React Flow overrides */ +.canvas-body .react-flow__background { background: var(--bg-base) !important; } +.canvas-body .react-flow__controls { + background: var(--bg-elevated) !important; + border: 1px solid var(--border) !important; + border-radius: var(--radius-md) !important; + box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; +} +.canvas-body .react-flow__controls-button { + background: transparent !important; + border-bottom: 1px solid var(--border) !important; + fill: var(--text-secondary) !important; + color: var(--text-secondary) !important; +} +.canvas-body .react-flow__controls-button:hover { + background: var(--bg-hover) !important; +} +.canvas-body .react-flow__controls-button svg { fill: var(--text-secondary) !important; } + +.canvas-minimap { + background: var(--bg-elevated) !important; + border: 1px solid var(--border) !important; + border-radius: var(--radius-md) !important; +} + +/* ─── TRANSACTION NODE ──────────────────────────────────────── */ +.transaction-node { + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-lg); + min-width: 160px; + box-shadow: 0 2px 8px rgba(0,0,0,0.3); + transition: all 0.15s; +} + +.transaction-node:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.4); } +.transaction-node.selected { border-color: var(--accent-blue) !important; box-shadow: 0 0 0 1px var(--accent-blue), 0 4px 16px rgba(59,130,246,0.2); } + +.node-header { + display: flex; + align-items: center; + gap: 6px; + padding: 8px 10px 6px; + border-bottom: 1px solid var(--border-subtle); +} + +.node-icon { font-size: 15px; } +.node-label { font-size: 12px; font-weight: 600; color: var(--text-primary); flex: 1; } +.node-status { display: flex; align-items: center; } + +.node-body { + padding: 4px 10px 8px; +} + +.node-category { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.5px; + font-weight: 500; +} + +.node-handle { + width: 8px !important; + height: 8px !important; + background: var(--bg-active) !important; + border: 2px solid var(--accent-blue) !important; +} + +.node-handle:hover { background: var(--accent-blue) !important; } + +/* ─── RIGHT PANEL ───────────────────────────────────────────── */ +.right-panel { + background: var(--bg-surface); + display: flex; + flex-direction: column; + flex-shrink: 0; + min-width: 0; + overflow: hidden; +} + +.chat-header-agent { + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + padding: 2px 6px; + border-radius: var(--radius-sm); + font-size: 12px; + font-weight: 600; + color: var(--text-primary); + position: relative; + transition: background 0.15s; +} + +.chat-header-agent:hover { background: var(--bg-hover); } + +.agent-dropdown { + position: absolute; + top: 100%; + left: 0; + margin-top: 4px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 4px; + z-index: 100; + min-width: 180px; + box-shadow: 0 8px 24px rgba(0,0,0,0.4); +} + +.agent-option { + display: flex; + align-items: center; + gap: 8px; + padding: 6px 10px; + border-radius: var(--radius-sm); + cursor: pointer; + font-size: 12px; + font-weight: 400; + color: var(--text-secondary); + transition: background 0.1s; +} + +.agent-option:hover { background: var(--bg-hover); color: var(--text-primary); } +.agent-option.active { background: var(--bg-active); color: var(--text-primary); } + +.context-toggle { + font-size: 11px; + padding: 2px 8px; + border-radius: var(--radius-sm); + border: 1px solid var(--border); + background: transparent; + color: var(--text-muted); + cursor: pointer; + transition: all 0.15s; +} + +.context-toggle:hover { background: var(--bg-hover); color: var(--text-secondary); } +.context-toggle.active { background: var(--bg-active); color: var(--text-primary); border-color: var(--accent-blue); } + +.agent-tabs { + display: flex; + border-bottom: 1px solid var(--border-subtle); + padding: 0 8px; + flex-shrink: 0; +} + +.agent-tab { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + padding: 8px 4px; + border: none; + border-bottom: 2px solid transparent; + background: transparent; + cursor: pointer; + transition: all 0.15s; +} + +.agent-tab:hover { background: var(--bg-hover); } +.agent-tab.active { border-bottom-width: 2px; } + +.context-panel { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1px; + background: var(--border-subtle); + border-bottom: 1px solid var(--border-subtle); + flex-shrink: 0; +} + +.context-section { + padding: 6px 10px; + background: var(--bg-surface); +} + +.context-label { + font-size: 10px; + color: var(--text-muted); + text-transform: uppercase; + letter-spacing: 0.3px; + display: block; + margin-bottom: 2px; +} + +.context-value { + font-size: 12px; + color: var(--text-secondary); + font-weight: 500; +} + +.context-value.pass { color: var(--accent-green); } +.context-value.fail { color: var(--accent-red); } + +.chat-messages { + flex: 1; + overflow-y: auto; + padding: 8px; + display: flex; + flex-direction: column; + gap: 8px; +} + +.chat-message { + padding: 8px 10px; + border-radius: var(--radius-md); + font-size: 12px; + line-height: 1.5; +} + +.chat-message.agent { + background: var(--bg-elevated); + border: 1px solid var(--border-subtle); +} + +.chat-message.user { + background: rgba(59,130,246,0.1); + border: 1px solid rgba(59,130,246,0.2); +} + +.chat-message.system { + background: var(--bg-input); + border: 1px solid var(--border-subtle); + color: var(--text-muted); + font-family: var(--font-mono); + font-size: 11px; +} + +.message-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 4px; +} + +.message-agent { + font-weight: 600; + font-size: 11px; + color: var(--text-secondary); +} + +.message-time { + font-size: 10px; + color: var(--text-muted); + font-family: var(--font-mono); +} + +.message-content { + color: var(--text-primary); +} + +.action-tray { + display: flex; + gap: 4px; + padding: 6px 8px; + border-top: 1px solid var(--border-subtle); + border-bottom: 1px solid var(--border-subtle); + flex-wrap: wrap; + flex-shrink: 0; +} + +.action-tray-btn { + display: flex; + align-items: center; + gap: 3px; + padding: 3px 7px; + border-radius: var(--radius-sm); + border: 1px solid var(--border); + background: transparent; + color: var(--text-muted); + font-size: 10px; + cursor: pointer; + transition: all 0.15s; + white-space: nowrap; +} + +.action-tray-btn:hover { background: var(--bg-hover); color: var(--text-secondary); border-color: var(--text-muted); } + +.chat-input-area { + display: flex; + gap: 6px; + padding: 8px; + flex-shrink: 0; +} + +.chat-input-area input { + flex: 1; + background: var(--bg-input); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 7px 10px; + font-size: 12px; + color: var(--text-primary); + outline: none; + transition: border-color 0.15s; +} + +.chat-input-area input:focus { border-color: var(--accent-blue); } +.chat-input-area input::placeholder { color: var(--text-muted); } + +.send-btn { + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: var(--radius-md); + border: none; + background: var(--accent-blue); + color: #fff; + cursor: pointer; + transition: background 0.15s; + flex-shrink: 0; +} + +.send-btn:hover { background: #2563eb; } +.send-btn:disabled { background: var(--bg-active); color: var(--text-muted); cursor: default; } + +/* ─── BOTTOM PANEL ──────────────────────────────────────────── */ +.bottom-panel { + background: var(--bg-surface); + display: flex; + flex-direction: column; + flex-shrink: 0; + overflow: hidden; +} + +.bottom-panel-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 8px; + border-bottom: 1px solid var(--border-subtle); + flex-shrink: 0; +} + +.bottom-panel-tabs { + display: flex; + gap: 0; + overflow-x: auto; +} + +.bottom-tab { + display: flex; + align-items: center; + gap: 5px; + padding: 7px 12px; + border: none; + border-bottom: 2px solid transparent; + background: transparent; + color: var(--text-muted); + font-size: 11px; + cursor: pointer; + transition: all 0.15s; + white-space: nowrap; +} + +.bottom-tab:hover { color: var(--text-secondary); background: var(--bg-hover); } +.bottom-tab.active { color: var(--text-primary); border-bottom-color: var(--accent-blue); } + +.tab-badge { + font-size: 9px; + padding: 0 5px; + border-radius: 8px; + font-weight: 600; +} + +.tab-badge.info { background: rgba(59,130,246,0.2); color: var(--accent-blue); } +.tab-badge.warn { background: rgba(234,179,8,0.2); color: var(--accent-yellow); } +.tab-badge.error { background: rgba(239,68,68,0.2); color: var(--accent-red); } + +.bottom-panel-actions { + display: flex; + gap: 2px; +} + +.icon-btn-sm { + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: var(--radius-sm); + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + transition: all 0.15s; +} + +.icon-btn-sm:hover { background: var(--bg-hover); color: var(--text-secondary); } + +.bottom-panel-content { + flex: 1; + overflow: auto; + min-height: 0; +} + +/* Terminal */ +.terminal-content { + font-family: var(--font-mono); + font-size: 12px; + height: 100%; + display: flex; + flex-direction: column; +} + +.terminal-filter { + display: flex; + align-items: center; + gap: 6px; + padding: 4px 10px; + border-bottom: 1px solid var(--border-subtle); + color: var(--text-muted); + flex-shrink: 0; +} + +.terminal-filter input { + flex: 1; + background: transparent; + border: none; + color: var(--text-secondary); + font-family: var(--font-mono); + font-size: 11px; + outline: none; +} + +.terminal-filter input::placeholder { color: var(--text-muted); } + +.terminal-entries { + padding: 4px 10px; + flex: 1; + overflow-y: auto; +} + +.terminal-entry { + display: flex; + gap: 8px; + padding: 2px 0; + line-height: 1.6; +} + +.terminal-time { color: var(--text-muted); flex-shrink: 0; } +.terminal-level { font-weight: 600; flex-shrink: 0; min-width: 50px; } +.terminal-source { color: var(--accent-blue); flex-shrink: 0; } +.terminal-msg { color: var(--text-primary); } + +.terminal-cursor { padding: 2px 0; } + +.cursor-blink { + color: var(--accent-blue); + animation: blink 1s step-end infinite; +} + +@keyframes blink { + 50% { opacity: 0; } +} + +/* Validation */ +.validation-content { padding: 4px 10px; } + +.validation-entry { + display: flex; + gap: 8px; + padding: 4px 0; + font-size: 12px; + align-items: baseline; +} + +.validation-severity { + font-size: 10px; + font-weight: 600; + font-family: var(--font-mono); + padding: 1px 6px; + border-radius: var(--radius-sm); + flex-shrink: 0; +} + +.validation-entry.error .validation-severity { background: rgba(239,68,68,0.15); color: var(--accent-red); } +.validation-entry.warning .validation-severity { background: rgba(234,179,8,0.15); color: var(--accent-yellow); } +.validation-entry.info .validation-severity { background: rgba(59,130,246,0.15); color: var(--accent-blue); } + +.validation-node { + font-family: var(--font-mono); + color: var(--accent-purple); + font-size: 11px; +} + +.validation-msg { color: var(--text-secondary); } + +/* 800 System */ +.system-800-content { padding: 10px; } + +.system-800-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); + gap: 8px; +} + +.system-800-card { + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 10px; +} + +.system-800-card-header { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.3px; + color: var(--text-muted); + margin-bottom: 4px; +} + +.system-800-card-value { + font-size: 13px; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 4px; +} + +.system-800-card-status { + font-size: 10px; + font-weight: 600; +} + +.system-800-card-status.healthy { color: var(--accent-green); } +.system-800-card-status.idle { color: var(--text-muted); } +.system-800-card-status.error { color: var(--accent-red); } + +/* Settlement table */ +.settlement-content { overflow-x: auto; } + +.settlement-table { + width: 100%; + border-collapse: collapse; + font-size: 12px; +} + +.settlement-table th { + text-align: left; + padding: 6px 12px; + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.3px; + color: var(--text-muted); + border-bottom: 1px solid var(--border); + font-weight: 600; + position: sticky; + top: 0; + background: var(--bg-surface); +} + +.settlement-table td { + padding: 6px 12px; + color: var(--text-secondary); + border-bottom: 1px solid var(--border-subtle); +} + +.settlement-table tr:hover td { background: var(--bg-hover); } + +.mono { font-family: var(--font-mono); font-size: 11px; } + +.status-badge { + font-size: 10px; + font-weight: 600; + padding: 2px 8px; + border-radius: 10px; + border: 1px solid; + text-transform: capitalize; + white-space: nowrap; +} + +/* Audit */ +.audit-content { padding: 4px 10px; } + +.audit-entry { + display: flex; + gap: 8px; + padding: 3px 0; + font-size: 12px; + align-items: baseline; +} + +.audit-time { + font-family: var(--font-mono); + font-size: 11px; + color: var(--text-muted); + flex-shrink: 0; +} + +.audit-user { + color: var(--accent-blue); + font-weight: 500; + flex-shrink: 0; +} + +.audit-action { + font-family: var(--font-mono); + font-size: 11px; + color: var(--accent-purple); + flex-shrink: 0; +} + +.audit-detail { color: var(--text-secondary); } + +/* Empty tab */ +.empty-tab-content { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100%; + gap: 8px; + color: var(--text-muted); + font-size: 12px; +} + +/* ─── STATUS BAR ────────────────────────────────────────────── */ +.status-bar { + height: var(--status-bar-height); + background: var(--accent-blue); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 12px; + font-size: 11px; + color: rgba(255,255,255,0.9); + flex-shrink: 0; +} + +.status-bar-left, .status-bar-right { + display: flex; + align-items: center; + gap: 12px; +} + +.status-item { + display: flex; + align-items: center; + gap: 4px; + white-space: nowrap; +} + +.status-dot { + width: 6px; + height: 6px; + border-radius: 50%; +} + +.status-dot.green { background: #4ade80; } +.status-dot.red { background: #f87171; } + +.status-kbd { + font-family: var(--font-mono); + font-size: 10px; + background: rgba(255,255,255,0.15); + border-radius: 3px; + padding: 0 4px; +} + +/* ─── COMMAND PALETTE ───────────────────────────────────────── */ +.command-palette-overlay { + position: fixed; + inset: 0; + background: rgba(0,0,0,0.5); + display: flex; + justify-content: center; + padding-top: 80px; + z-index: 1000; + backdrop-filter: blur(2px); +} + +.command-palette { + width: 520px; + max-height: 400px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-lg); + box-shadow: 0 16px 48px rgba(0,0,0,0.5); + display: flex; + flex-direction: column; + overflow: hidden; +} + +.command-palette-input { + display: flex; + align-items: center; + gap: 10px; + padding: 12px 16px; + border-bottom: 1px solid var(--border); + color: var(--text-muted); +} + +.command-palette-input input { + flex: 1; + background: transparent; + border: none; + font-size: 14px; + color: var(--text-primary); + outline: none; +} + +.command-palette-input input::placeholder { color: var(--text-muted); } + +.command-palette-results { + flex: 1; + overflow-y: auto; + padding: 4px; +} + +.command-group-header { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.5px; + color: var(--text-muted); + padding: 8px 12px 4px; + font-weight: 600; +} + +.command-item { + display: flex; + align-items: center; + gap: 8px; + padding: 7px 12px; + border-radius: var(--radius-sm); + cursor: pointer; + color: var(--text-secondary); + transition: all 0.1s; +} + +.command-item:hover { background: var(--bg-hover); color: var(--text-primary); } + +.command-label { flex: 1; font-size: 13px; } + +.command-shortcut { + font-family: var(--font-mono); + font-size: 10px; + background: var(--bg-active); + border: 1px solid var(--border); + border-radius: 3px; + padding: 1px 6px; + color: var(--text-muted); +} + +.command-empty { + padding: 24px; + text-align: center; + color: var(--text-muted); + font-size: 13px; +} + +.command-item.selected { + background: var(--bg-active); + color: var(--text-primary); +} + +/* ─── TRANSACTION TABS ──────────────────────────────────────── */ +.transaction-tabs { + display: flex; + align-items: center; + background: var(--bg-base); + border-bottom: 1px solid var(--border-subtle); + padding: 0; + flex-shrink: 0; + overflow-x: auto; +} + +.transaction-tab { + display: flex; + align-items: center; + gap: 6px; + padding: 6px 14px; + font-size: 12px; + color: var(--text-muted); + cursor: pointer; + border-right: 1px solid var(--border-subtle); + white-space: nowrap; + transition: all 0.15s; + user-select: none; +} + +.transaction-tab:hover { background: var(--bg-hover); color: var(--text-secondary); } +.transaction-tab.active { background: var(--bg-surface); color: var(--text-primary); } + +.tab-close { + display: flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + border-radius: 2px; + opacity: 0; + transition: all 0.15s; +} + +.transaction-tab:hover .tab-close { opacity: 1; } +.tab-close:hover { background: var(--bg-active); color: var(--text-primary); } + +.transaction-tab-add { + display: flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + transition: all 0.15s; +} + +.transaction-tab-add:hover { color: var(--text-secondary); background: var(--bg-hover); } + +/* ─── CANVAS TOOLBAR ────────────────────────────────────────── */ +.canvas-toolbar-separator { + width: 1px; + height: 16px; + background: var(--border); + margin: 0 2px; +} + +.canvas-toolbar-btn { + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + border-radius: var(--radius-sm); + transition: all 0.15s; +} + +.canvas-toolbar-btn:hover { background: var(--bg-hover); color: var(--text-primary); } +.canvas-toolbar-btn:disabled { opacity: 0.3; cursor: default; } +.canvas-toolbar-btn:disabled:hover { background: transparent; color: var(--text-muted); } + +.canvas-tx-name { + font-weight: 600; + font-size: 13px; + color: var(--text-primary); + cursor: pointer; + padding: 1px 4px; + border-radius: var(--radius-sm); + transition: background 0.15s; +} + +.canvas-tx-name:hover { background: var(--bg-hover); } + +.canvas-tx-name-input { + font-weight: 600; + font-size: 13px; + color: var(--text-primary); + background: var(--bg-input); + border: 1px solid var(--accent-blue); + border-radius: var(--radius-sm); + padding: 1px 6px; + outline: none; + width: 200px; +} + +.zoom-display { + font-size: 10px !important; + font-family: var(--font-mono) !important; + min-width: 36px; + cursor: default !important; +} + +/* ─── SIMULATION OVERLAY ────────────────────────────────────── */ +.simulation-overlay { + position: absolute; + inset: 0; + background: rgba(14, 14, 16, 0.8); + display: flex; + align-items: center; + justify-content: center; + gap: 12px; + color: var(--accent-blue); + font-size: 14px; + font-weight: 500; + z-index: 10; +} + +.simulation-spinner { + width: 20px; + height: 20px; + border: 2px solid var(--border); + border-top-color: var(--accent-blue); + border-radius: 50%; + animation: spin 0.8s linear infinite; +} + +@keyframes spin { to { transform: rotate(360deg); } } + +.simulation-results-overlay { + position: absolute; + bottom: 16px; + right: 16px; + z-index: 10; +} + +.simulation-results-card { + background: var(--bg-elevated); + border: 1px solid var(--accent-green); + border-radius: var(--radius-lg); + box-shadow: 0 8px 24px rgba(0,0,0,0.4); + max-width: 400px; + overflow: hidden; +} + +.simulation-results-header { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 12px; + border-bottom: 1px solid var(--border-subtle); + font-size: 12px; + font-weight: 600; + color: var(--text-primary); +} + +.simulation-dismiss { + margin-left: auto; + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + padding: 2px; +} + +.simulation-dismiss:hover { color: var(--text-primary); } + +.simulation-results-body { + padding: 10px 12px; + font-family: var(--font-mono); + font-size: 11px; + color: var(--text-secondary); + line-height: 1.6; + white-space: pre-wrap; + margin: 0; +} + +.selected-info { color: var(--accent-blue); font-weight: 500; } + +/* ─── NODE BADGES ───────────────────────────────────────────── */ +.node-badges { + display: flex; + align-items: center; + gap: 4px; + flex-shrink: 0; +} + +.node-badge { + display: flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + border-radius: 50%; + font-size: 8px; +} + +.node-badge.compliance { background: rgba(34, 197, 94, 0.2); color: var(--accent-green); } +.node-badge.routing { background: rgba(249, 115, 22, 0.2); font-size: 7px; } + +.transaction-node.status-valid { border-color: var(--accent-green) !important; } +.transaction-node.status-warning { border-color: var(--accent-yellow) !important; } +.transaction-node.status-error { border-color: var(--accent-red) !important; } + +/* ─── NOTIFICATION DROPDOWN ─────────────────────────────────── */ +.notification-wrapper, .user-menu-wrapper { + position: relative; +} + +.notification-dropdown, .user-menu-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 8px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-lg); + box-shadow: 0 12px 36px rgba(0,0,0,0.5); + z-index: 200; + min-width: 300px; + overflow: hidden; +} + +.notification-dropdown-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 14px; + border-bottom: 1px solid var(--border-subtle); + font-size: 12px; + font-weight: 600; + color: var(--text-primary); +} + +.mark-read-btn { + font-size: 10px; + color: var(--accent-blue); + background: transparent; + border: none; + cursor: pointer; +} + +.mark-read-btn:hover { text-decoration: underline; } + +.notification-item { + display: flex; + gap: 10px; + padding: 10px 14px; + cursor: pointer; + transition: background 0.15s; + align-items: flex-start; +} + +.notification-item:hover { background: var(--bg-hover); } +.notification-item.read { opacity: 0.6; } + +.notification-dot { + width: 6px; + height: 6px; + border-radius: 50%; + flex-shrink: 0; + margin-top: 5px; +} + +.notification-content { + display: flex; + flex-direction: column; + gap: 2px; + min-width: 0; +} + +.notification-title { + font-size: 12px; + font-weight: 600; + color: var(--text-primary); +} + +.notification-message { + font-size: 11px; + color: var(--text-secondary); + line-height: 1.4; +} + +.notification-time { + font-size: 10px; + color: var(--text-muted); + font-family: var(--font-mono); +} + +/* ─── USER MENU ─────────────────────────────────────────────── */ +.user-menu-dropdown { min-width: 240px; } + +.user-menu-profile { + display: flex; + gap: 10px; + padding: 12px 14px; + align-items: center; +} + +.user-avatar { + width: 32px; + height: 32px; + border-radius: 50%; + background: var(--accent-blue); + color: #fff; + display: flex; + align-items: center; + justify-content: center; + font-size: 12px; + font-weight: 600; + flex-shrink: 0; +} + +.user-name { font-size: 13px; font-weight: 600; color: var(--text-primary); } +.user-role { font-size: 11px; color: var(--text-muted); } + +.user-menu-divider { height: 1px; background: var(--border-subtle); } + +.user-menu-item { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 14px; + font-size: 12px; + color: var(--text-secondary); + cursor: pointer; + transition: background 0.15s; +} + +.user-menu-item:hover { background: var(--bg-hover); color: var(--text-primary); } +.user-menu-item.logout { color: var(--accent-red); } +.user-menu-item.logout:hover { background: rgba(239, 68, 68, 0.1); } + +.user-menu-badge { + margin-left: auto; + font-size: 10px; + padding: 1px 6px; + border-radius: 8px; + background: rgba(59, 130, 246, 0.2); + color: var(--accent-blue); + font-weight: 600; +} + +/* ─── SCOPE SELECTOR ────────────────────────────────────────── */ +.chat-header-actions { + display: flex; + align-items: center; + gap: 4px; +} + +.scope-selector { + display: flex; + align-items: center; + gap: 4px; + padding: 2px 6px; + border-radius: var(--radius-sm); + font-size: 10px; + color: var(--text-muted); + cursor: pointer; + position: relative; + transition: all 0.15s; +} + +.scope-selector:hover { background: var(--bg-hover); color: var(--text-secondary); } + +.scope-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 4px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 4px; + z-index: 100; + min-width: 160px; + box-shadow: 0 8px 24px rgba(0,0,0,0.4); +} + +.scope-option { + padding: 5px 10px; + font-size: 11px; + color: var(--text-secondary); + cursor: pointer; + border-radius: var(--radius-sm); + transition: background 0.1s; +} + +.scope-option:hover { background: var(--bg-hover); color: var(--text-primary); } +.scope-option.active { background: var(--bg-active); color: var(--text-primary); } + +.icon-btn-xs { + display: flex; + align-items: center; + justify-content: center; + width: 22px; + height: 22px; + border-radius: var(--radius-sm); + border: none; + background: transparent; + color: var(--text-muted); + cursor: pointer; + transition: all 0.15s; +} + +.icon-btn-xs:hover { background: var(--bg-hover); color: var(--text-secondary); } +.icon-btn-xs.active { background: var(--bg-active); color: var(--text-primary); } + +/* ─── THREAD HISTORY ────────────────────────────────────────── */ +.thread-history { + border-bottom: 1px solid var(--border-subtle); + flex-shrink: 0; + max-height: 160px; + overflow-y: auto; +} + +.thread-history-header { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.3px; + color: var(--text-muted); + padding: 6px 10px 4px; + font-weight: 600; +} + +.thread-item { + display: flex; + align-items: flex-start; + gap: 8px; + padding: 6px 10px; + cursor: pointer; + transition: background 0.15s; +} + +.thread-item:hover { background: var(--bg-hover); } + +.thread-item-content { + display: flex; + flex-direction: column; + gap: 1px; +} + +.thread-item-title { font-size: 12px; color: var(--text-secondary); } +.thread-item-meta { font-size: 10px; color: var(--text-muted); } + +.context-value.warn { color: var(--accent-yellow); } + +/* ─── SETTINGS PANEL ────────────────────────────────────────── */ +.settings-panel { padding: 8px 0; } + +.settings-group { margin-bottom: 4px; } + +.settings-group-header { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.3px; + color: var(--text-muted); + padding: 8px 12px 4px; + font-weight: 600; +} + +.settings-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 12px; + font-size: 12px; + color: var(--text-secondary); +} + +.settings-value { + font-size: 11px; + color: var(--text-muted); + font-family: var(--font-mono); +} + +/* ─── AGENT LIST ────────────────────────────────────────────── */ +.agent-list-item { + display: flex; + align-items: center; + gap: 10px; + padding: 8px 12px; + transition: background 0.15s; +} + +.agent-list-item:hover { background: var(--bg-hover); } + +.agent-list-dot { + width: 8px; + height: 8px; + border-radius: 50%; + flex-shrink: 0; +} + +.agent-list-name { font-size: 12px; color: var(--text-primary); font-weight: 500; } +.agent-list-desc { font-size: 11px; color: var(--text-muted); } + +/* ─── TOOLTIP ───────────────────────────────────────────────── */ +.component-tooltip { + position: fixed; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: 10px 12px; + z-index: 1000; + max-width: 280px; + box-shadow: 0 8px 24px rgba(0,0,0,0.5); + pointer-events: none; +} + +.tooltip-header { + font-size: 13px; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 4px; +} + +.tooltip-desc { + font-size: 11px; + color: var(--text-secondary); + line-height: 1.4; + margin-bottom: 6px; +} + +.tooltip-meta { + display: flex; + align-items: center; + gap: 8px; +} + +.tooltip-cat { + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.3px; +} + +.tooltip-fields { + font-size: 10px; + color: var(--text-muted); + margin-top: 4px; +} + +/* ─── BOTTOM PANEL EXTRAS ───────────────────────────────────── */ +.bottom-search-bar, .bottom-filter-bar { + display: flex; + align-items: center; + gap: 8px; + padding: 4px 10px; + border-bottom: 1px solid var(--border-subtle); + flex-shrink: 0; +} + +.bottom-search-bar input { + flex: 1; + background: transparent; + border: none; + color: var(--text-secondary); + font-size: 12px; + outline: none; +} + +.bottom-search-bar input::placeholder { color: var(--text-muted); } +.bottom-search-bar svg { color: var(--text-muted); } + +.filter-pill { + padding: 2px 8px; + border-radius: 10px; + border: 1px solid var(--border); + background: transparent; + color: var(--text-muted); + font-size: 10px; + cursor: pointer; + transition: all 0.15s; +} + +.filter-pill:hover { background: var(--bg-hover); color: var(--text-secondary); } +.filter-pill.active { background: var(--bg-active); color: var(--text-primary); border-color: var(--accent-blue); } + +.direction-badge { + font-size: 10px; + font-weight: 600; + font-family: var(--font-mono); +} + +.direction-badge.inbound { color: var(--accent-green); } +.direction-badge.outbound { color: var(--accent-blue); } + +.exception-type { + font-family: var(--font-mono); + font-size: 10px; + color: var(--accent-orange); + padding: 1px 6px; + background: rgba(249, 115, 22, 0.1); + border-radius: var(--radius-sm); + flex-shrink: 0; +} + +.messages-content, .events-content, .reconciliation-content, .exceptions-content { + padding: 4px 0; + overflow-x: auto; +} + +/* ═══════════════════════════════════════════════════════════════ + PORTAL — Login, Layout, Dashboard, Modules + ═══════════════════════════════════════════════════════════════ */ + +/* ── Loading Screen ── */ +.portal-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + background: var(--bg-base); + color: var(--text-secondary); + gap: 16px; + font-size: 14px; +} +.portal-loading-spinner { + width: 32px; height: 32px; + border: 3px solid var(--border); + border-top-color: var(--accent); + border-radius: 50%; + animation: spin 0.8s linear infinite; +} + +/* ── Login Page ── */ +.login-page { + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background: var(--bg-base); + position: relative; + overflow: hidden; + padding: 24px; +} +.login-bg-grid { + position: absolute; + inset: 0; + background-image: + linear-gradient(rgba(59,130,246,0.03) 1px, transparent 1px), + linear-gradient(90deg, rgba(59,130,246,0.03) 1px, transparent 1px); + background-size: 40px 40px; +} +.login-bg-glow { + position: absolute; + top: 30%; + left: 50%; + width: 600px; + height: 600px; + transform: translate(-50%, -50%); + background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 70%); + pointer-events: none; +} +.login-container { + display: flex; + max-width: 1000px; + width: 100%; + gap: 48px; + position: relative; + z-index: 1; + align-items: center; +} +.login-left { + flex: 1; + display: flex; + flex-direction: column; + gap: 32px; +} +.login-right { + flex: 1; + max-width: 420px; + display: flex; + flex-direction: column; + gap: 12px; +} +.login-brand { + display: flex; + flex-direction: column; + gap: 8px; +} +.login-logo { + display: flex; + align-items: center; + gap: 12px; +} +.login-logo h1 { + font-size: 24px; + font-weight: 700; + color: var(--text-primary); + margin: 0; + line-height: 1.2; +} +.login-plc { + font-size: 11px; + font-weight: 600; + color: var(--accent); + letter-spacing: 2px; + margin-top: -2px; +} +.login-tagline { + font-size: 14px; + color: var(--text-secondary); + margin: 0; +} +.login-features { + display: flex; + flex-direction: column; + gap: 18px; +} +.login-feature { + display: flex; + gap: 14px; + align-items: flex-start; +} +.login-feature-icon { + width: 36px; + height: 36px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + color: var(--accent); +} +.login-feature h3 { + font-size: 13px; + font-weight: 600; + color: var(--text-primary); + margin: 0 0 3px; +} +.login-feature p { + font-size: 12px; + color: var(--text-secondary); + margin: 0; + line-height: 1.4; +} +.login-compliance-badges { + display: flex; + gap: 8px; + flex-wrap: wrap; +} +.compliance-badge { + padding: 4px 10px; + font-size: 10px; + font-weight: 600; + letter-spacing: 1px; + border: 1px solid var(--border); + border-radius: 4px; + color: var(--text-secondary); + background: var(--bg-surface); +} +.login-card { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 12px; + padding: 28px; + display: flex; + flex-direction: column; + gap: 20px; +} +.login-card-header { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + text-align: center; + color: var(--accent); +} +.login-card-header h2 { + font-size: 18px; + color: var(--text-primary); + margin: 0; +} +.login-card-header p { + font-size: 12px; + color: var(--text-secondary); + margin: 0; +} +.login-error { + padding: 10px 14px; + background: rgba(239,68,68,0.1); + border: 1px solid rgba(239,68,68,0.3); + border-radius: 6px; + color: #ef4444; + font-size: 12px; +} +.login-wallets { + display: flex; + flex-direction: column; + gap: 10px; +} +.wallet-option { + display: flex; + align-items: center; + justify-content: space-between; + padding: 14px 16px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 10px; + cursor: pointer; + transition: all 0.15s; + color: var(--text-primary); +} +.wallet-option:hover { + border-color: var(--accent); + background: var(--bg-hover); +} +.wallet-option.connecting { + border-color: var(--accent); + opacity: 0.8; +} +.wallet-option:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.wallet-option-left { + display: flex; + align-items: center; + gap: 12px; +} +.wallet-icon { + width: 40px; + height: 40px; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + font-size: 20px; +} +.wallet-icon.metamask { background: rgba(245,133,36,0.15); } +.wallet-icon.walletconnect { background: rgba(59,130,246,0.15); } +.wallet-icon.coinbase { background: rgba(0,82,255,0.15); } +.wallet-name { + display: block; + font-size: 14px; + font-weight: 600; + color: var(--text-primary); +} +.wallet-desc { + display: block; + font-size: 11px; + color: var(--text-secondary); + margin-top: 2px; +} +.wallet-arrow { color: var(--text-secondary); } +.wallet-spinner { + width: 18px; height: 18px; + border: 2px solid var(--border); + border-top-color: var(--accent); + border-radius: 50%; + animation: spin 0.7s linear infinite; +} +.login-divider { + display: flex; + align-items: center; + gap: 12px; + color: var(--text-secondary); + font-size: 11px; +} +.login-divider::before, .login-divider::after { + content: ''; + flex: 1; + height: 1px; + background: var(--border); +} +.login-demo-btn { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px; + background: linear-gradient(135deg, rgba(59,130,246,0.15), rgba(168,85,247,0.15)); + border: 1px solid rgba(59,130,246,0.3); + border-radius: 8px; + color: var(--text-primary); + font-size: 13px; + font-weight: 600; + cursor: pointer; + transition: all 0.15s; +} +.login-demo-btn:hover { + border-color: var(--accent); + background: linear-gradient(135deg, rgba(59,130,246,0.25), rgba(168,85,247,0.25)); +} +.login-terms { + font-size: 10px; + color: var(--text-secondary); + text-align: center; + line-height: 1.5; + margin: 0; +} +.login-security-note { + display: flex; + align-items: center; + justify-content: center; + gap: 6px; + font-size: 10px; + color: var(--text-secondary); +} + +/* ── Portal Layout ── */ +.portal-layout { + display: flex; + flex-direction: column; + height: 100vh; + background: var(--bg-base); + color: var(--text-primary); +} +.portal-topbar { + display: flex; + align-items: center; + justify-content: space-between; + height: 48px; + padding: 0 16px; + background: var(--bg-surface); + border-bottom: 1px solid var(--border); + flex-shrink: 0; + z-index: 100; +} +.portal-topbar-left { + display: flex; + align-items: center; + gap: 12px; +} +.portal-topbar-center { + display: flex; + align-items: center; +} +.portal-topbar-right { + display: flex; + align-items: center; + gap: 8px; +} +.portal-logo { + display: flex; + align-items: center; + gap: 10px; + cursor: pointer; +} +.portal-logo-text { + display: flex; + align-items: baseline; + gap: 6px; +} +.portal-logo-name { + font-size: 14px; + font-weight: 700; + color: var(--text-primary); +} +.portal-logo-plc { + font-size: 9px; + font-weight: 600; + color: var(--accent); + letter-spacing: 1.5px; +} +.portal-env-badge { + display: flex; + align-items: center; + gap: 6px; + padding: 4px 12px; + background: rgba(34,197,94,0.1); + border: 1px solid rgba(34,197,94,0.2); + border-radius: 12px; + font-size: 11px; + font-weight: 600; + color: #22c55e; +} +.env-dot { + width: 6px; + height: 6px; + background: #22c55e; + border-radius: 50%; + animation: pulse 2s infinite; +} +@keyframes pulse { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.5; } +} +.portal-icon-btn { + position: relative; + width: 34px; + height: 34px; + display: flex; + align-items: center; + justify-content: center; + background: transparent; + border: 1px solid transparent; + border-radius: 6px; + cursor: pointer; + color: var(--text-secondary); + transition: all 0.15s; +} +.portal-icon-btn:hover { + background: var(--bg-hover); + color: var(--text-primary); +} +.portal-notif-badge { + position: absolute; + top: 4px; + right: 4px; + width: 14px; + height: 14px; + background: #ef4444; + border-radius: 50%; + font-size: 8px; + font-weight: 700; + color: white; + display: flex; + align-items: center; + justify-content: center; +} +.portal-notif-wrapper, .portal-user-wrapper { + position: relative; +} +.portal-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 6px; + min-width: 280px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 8px; + box-shadow: 0 8px 24px rgba(0,0,0,0.4); + z-index: 200; + overflow: hidden; +} +.portal-dropdown-header { + padding: 10px 14px; + font-size: 11px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.5px; + border-bottom: 1px solid var(--border); +} +.portal-dropdown-item { + display: flex; + align-items: flex-start; + gap: 10px; + padding: 10px 14px; + cursor: pointer; + transition: background 0.1s; +} +.portal-dropdown-item:hover { + background: var(--bg-hover); +} +.dropdown-dot { + width: 8px; + height: 8px; + border-radius: 50%; + margin-top: 4px; + flex-shrink: 0; +} +.dropdown-dot.warning { background: #eab308; } +.dropdown-dot.info { background: #3b82f6; } +.dropdown-dot.success { background: #22c55e; } +.dropdown-title { + font-size: 12px; + font-weight: 600; + color: var(--text-primary); +} +.dropdown-desc { + font-size: 11px; + color: var(--text-secondary); + margin-top: 2px; +} +.portal-dropdown-section { + padding: 10px 14px; +} +.portal-dropdown-divider { + height: 1px; + background: var(--border); +} +.portal-dropdown-action { + display: flex; + align-items: center; + gap: 8px; + width: 100%; + padding: 8px 14px; + background: transparent; + border: none; + color: var(--text-secondary); + font-size: 12px; + cursor: pointer; + transition: all 0.1s; + text-align: left; +} +.portal-dropdown-action:hover { + background: var(--bg-hover); + color: var(--text-primary); +} +.portal-dropdown-action.danger:hover { + color: #ef4444; +} +.portal-user-btn { + display: flex; + align-items: center; + gap: 8px; + padding: 4px 10px; + background: transparent; + border: 1px solid transparent; + border-radius: 6px; + cursor: pointer; + color: var(--text-primary); + transition: all 0.15s; +} +.portal-user-btn:hover { + background: var(--bg-hover); + border-color: var(--border); +} +.portal-avatar { + width: 28px; + height: 28px; + background: var(--accent); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: white; +} +.portal-user-info { + display: flex; + flex-direction: column; + text-align: left; +} +.portal-user-name { + font-size: 12px; + font-weight: 600; +} +.portal-user-role { + font-size: 10px; + color: var(--text-secondary); + text-transform: capitalize; +} +.portal-wallet-addr { + display: flex; + align-items: center; + gap: 6px; + font-size: 12px; + color: var(--text-secondary); +} +.copy-btn { + background: transparent; + border: none; + color: var(--text-secondary); + cursor: pointer; + padding: 2px; +} +.copy-btn:hover { color: var(--accent); } +.portal-wallet-bal { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 6px; + font-size: 12px; + color: var(--text-primary); +} +.chain-badge { + font-size: 10px; + padding: 2px 6px; + background: var(--bg-hover); + border-radius: 4px; + color: var(--text-secondary); +} + +/* ── Portal Body ── */ +.portal-body { + display: flex; + flex: 1; + overflow: hidden; +} +.portal-sidebar { + width: 220px; + background: var(--bg-surface); + border-right: 1px solid var(--border); + display: flex; + flex-direction: column; + justify-content: space-between; + flex-shrink: 0; + transition: width 0.2s; + overflow: hidden; +} +.portal-sidebar.collapsed { + width: 56px; +} +.portal-nav-items { + display: flex; + flex-direction: column; + padding: 8px; + gap: 2px; +} +.portal-nav-item { + display: flex; + align-items: center; + gap: 10px; + padding: 8px 12px; + background: transparent; + border: none; + border-radius: 6px; + color: var(--text-secondary); + font-size: 13px; + cursor: pointer; + transition: all 0.1s; + text-align: left; + position: relative; + white-space: nowrap; +} +.portal-nav-item:hover { + background: var(--bg-hover); + color: var(--text-primary); +} +.portal-nav-item.active { + background: rgba(59,130,246,0.1); + color: var(--accent); +} +.nav-active-indicator { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 18px; + background: var(--accent); + border-radius: 0 3px 3px 0; +} +.portal-nav-footer { + padding: 8px; + border-top: 1px solid var(--border); + display: flex; + flex-direction: column; + gap: 2px; +} +.portal-collapse-btn { + display: flex; + align-items: center; + justify-content: center; + padding: 8px; + background: transparent; + border: none; + border-radius: 6px; + color: var(--text-secondary); + cursor: pointer; + transition: all 0.1s; +} +.portal-collapse-btn:hover { + background: var(--bg-hover); + color: var(--text-primary); +} +.portal-content { + flex: 1; + overflow: auto; + background: var(--bg-base); +} + +/* ── Transaction Builder Module Wrapper ── */ +.transaction-builder-module { + height: 100%; + display: flex; + flex-direction: column; +} +.transaction-builder-module .app-layout { + height: 100%; +} + +/* ── Page Common Styles ── */ +.page-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 24px 28px 16px; +} +.page-header h1 { + display: flex; + align-items: center; + gap: 10px; + font-size: 22px; + font-weight: 700; + color: var(--text-primary); + margin: 0; +} +.page-subtitle { + font-size: 13px; + color: var(--text-secondary); + margin: 4px 0 0; +} +.page-header-actions { + display: flex; + gap: 8px; +} +.btn-primary { + display: flex; + align-items: center; + gap: 6px; + padding: 8px 16px; + background: var(--accent); + border: none; + border-radius: 6px; + color: white; + font-size: 12px; + font-weight: 600; + cursor: pointer; + transition: opacity 0.15s; +} +.btn-primary:hover { opacity: 0.9; } +.btn-secondary { + display: flex; + align-items: center; + gap: 6px; + padding: 8px 16px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 6px; + color: var(--text-secondary); + font-size: 12px; + font-weight: 500; + cursor: pointer; + transition: all 0.15s; +} +.btn-secondary:hover { + border-color: var(--text-secondary); + color: var(--text-primary); +} + +/* ── Dashboard ── */ +.dashboard-page { + padding: 0 28px 28px; +} +.dashboard-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 24px 0 16px; +} +.dashboard-header-left h1 { + font-size: 22px; + font-weight: 700; + margin: 0; +} +.dashboard-subtitle { + font-size: 13px; + color: var(--text-secondary); + margin: 4px 0 0; +} +.dashboard-header-right { + display: flex; + align-items: center; + gap: 12px; +} +.time-range-selector { + display: flex; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 6px; + overflow: hidden; +} +.time-range-btn { + padding: 6px 12px; + background: transparent; + border: none; + color: var(--text-secondary); + font-size: 11px; + font-weight: 600; + cursor: pointer; + transition: all 0.15s; +} +.time-range-btn:hover { color: var(--text-primary); } +.time-range-btn.active { + background: var(--accent); + color: white; +} +.refresh-btn { + display: flex; + align-items: center; + gap: 6px; + padding: 6px 12px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 6px; + color: var(--text-secondary); + font-size: 11px; + cursor: pointer; +} +.refresh-btn:hover { color: var(--text-primary); border-color: var(--text-secondary); } + +/* KPI Cards */ +.kpi-grid { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 12px; + margin-bottom: 16px; +} +.kpi-card { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 8px; + padding: 16px; +} +.kpi-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 8px; +} +.kpi-label { + font-size: 11px; + font-weight: 500; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; +} +.kpi-icon { color: var(--text-secondary); } +.kpi-icon.positive { color: #22c55e; } +.kpi-icon.negative { color: #ef4444; } +.kpi-icon.warning { color: #eab308; } +.kpi-value { + font-size: 22px; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 4px; +} +.kpi-value.positive { color: #22c55e; } +.kpi-value.negative { color: #ef4444; } +.kpi-change { + display: flex; + align-items: center; + gap: 4px; + font-size: 11px; + font-weight: 500; +} +.kpi-change.positive { color: #22c55e; } +.kpi-change.negative { color: #ef4444; } +.kpi-sub { + display: flex; + gap: 8px; + font-size: 10px; + color: var(--text-secondary); +} +.alert-card { border-color: rgba(234,179,8,0.3); } + +/* Dashboard Grid */ +.dashboard-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 12px; +} +.dashboard-card { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 8px; + overflow: hidden; +} +.card-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 12px 16px; + border-bottom: 1px solid var(--border); +} +.card-header h3 { + display: flex; + align-items: center; + gap: 8px; + font-size: 13px; + font-weight: 600; + color: var(--text-primary); + margin: 0; +} +.card-action { + display: flex; + align-items: center; + gap: 4px; + background: transparent; + border: none; + color: var(--accent); + font-size: 11px; + cursor: pointer; +} +.card-action:hover { text-decoration: underline; } +.card-header-actions { + display: flex; + gap: 8px; + align-items: center; +} + +/* Asset Allocation */ +.allocation-chart { padding: 16px; } +.allocation-bar { + display: flex; + height: 24px; + border-radius: 4px; + overflow: hidden; + margin-bottom: 14px; +} +.allocation-segment { + transition: opacity 0.15s; + cursor: pointer; +} +.allocation-segment:hover { opacity: 0.8; } +.allocation-legend { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 6px; +} +.legend-item { + display: flex; + align-items: center; + gap: 6px; + font-size: 11px; +} +.legend-dot { + width: 8px; + height: 8px; + border-radius: 2px; + flex-shrink: 0; +} +.legend-label { color: var(--text-secondary); flex: 1; } +.legend-value { color: var(--text-primary); font-weight: 500; font-family: 'SF Mono', monospace; font-size: 10px; } +.legend-pct { color: var(--text-secondary); font-size: 10px; } + +/* Positions */ +.positions-table { padding: 0; } +.positions-header { + display: grid; + grid-template-columns: 2fr 1fr 1fr; + padding: 8px 16px; + font-size: 10px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; + border-bottom: 1px solid var(--border); +} +.position-row { + display: grid; + grid-template-columns: 2fr 1fr 1fr; + padding: 8px 16px; + font-size: 12px; + border-bottom: 1px solid rgba(255,255,255,0.03); + transition: background 0.1s; +} +.position-row:hover { background: var(--bg-hover); } +.position-name { + display: flex; + flex-direction: column; +} +.position-asset-class { + font-size: 9px; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.5px; +} + +/* Accounts List */ +.accounts-list { padding: 0; } +.account-row { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 16px; + border-bottom: 1px solid rgba(255,255,255,0.03); + transition: background 0.1s; +} +.account-row:hover { background: var(--bg-hover); } +.account-info { + display: flex; + align-items: center; + gap: 10px; +} +.account-type-badge { + font-size: 9px; + font-weight: 600; + padding: 2px 6px; + border-radius: 3px; + text-transform: uppercase; + letter-spacing: 0.5px; + color: var(--text-primary); +} +.account-type-badge.operating { background: rgba(59,130,246,0.15); color: #3b82f6; } +.account-type-badge.treasury { background: rgba(20,184,166,0.15); color: #14b8a6; } +.account-type-badge.custody { background: rgba(168,85,247,0.15); color: #a855f7; } +.account-type-badge.stablecoin { background: rgba(16,185,129,0.15); color: #10b981; } +.account-type-badge.nostro { background: rgba(234,179,8,0.15); color: #eab308; } +.account-name { font-size: 12px; } +.account-balance { + text-align: right; + display: flex; + flex-direction: column; +} +.account-currency { + font-size: 10px; + color: var(--text-secondary); +} + +/* Alerts */ +.alerts-list { padding: 0; } +.alert-row { + display: flex; + align-items: flex-start; + gap: 8px; + padding: 10px 16px; + border-bottom: 1px solid rgba(255,255,255,0.03); + font-size: 11px; +} +.alert-severity { + font-weight: 700; + font-size: 9px; + flex-shrink: 0; + min-width: 55px; + text-transform: uppercase; + letter-spacing: 0.5px; +} +.alert-category { + font-weight: 600; + color: var(--text-primary); + flex-shrink: 0; + min-width: 60px; +} +.alert-message { + color: var(--text-secondary); + line-height: 1.4; +} + +/* Activity List */ +.activity-list { padding: 0; } +.activity-row { + display: flex; + align-items: flex-start; + gap: 10px; + padding: 8px 16px; + border-bottom: 1px solid rgba(255,255,255,0.03); +} +.activity-dot { + width: 6px; + height: 6px; + border-radius: 50%; + margin-top: 5px; + flex-shrink: 0; +} +.activity-content { + flex: 1; + display: flex; + flex-direction: column; +} +.activity-action { + font-size: 12px; + font-weight: 600; + color: var(--text-primary); +} +.activity-detail { + font-size: 11px; + color: var(--text-secondary); + margin-top: 1px; +} +.activity-time { + font-size: 10px; + color: var(--text-secondary); + font-family: 'SF Mono', monospace; + flex-shrink: 0; +} + +/* Modules Quick Access */ +.modules-card { grid-column: 1 / -1; } +.modules-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; + padding: 14px; +} +.module-card { + display: flex; + flex-direction: column; + align-items: center; + gap: 6px; + padding: 16px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 8px; + cursor: pointer; + transition: all 0.15s; + color: var(--text-primary); + text-align: center; + position: relative; +} +.module-card:hover { + border-color: var(--accent); + background: var(--bg-hover); + transform: translateY(-1px); +} +.module-card:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.module-name { + font-size: 13px; + font-weight: 600; +} +.module-desc { + font-size: 10px; + color: var(--text-secondary); + line-height: 1.4; +} +.module-badge { + position: absolute; + top: 8px; + right: 8px; + font-size: 9px; + padding: 2px 6px; + background: rgba(168,85,247,0.15); + color: #a855f7; + border-radius: 4px; + font-weight: 600; +} + +/* ── Accounts Page ── */ +.accounts-page, .treasury-page, .reporting-page, .compliance-page, .settlements-page, .settings-page { + padding: 0 28px 28px; +} +.accounts-summary, .settlements-summary, .treasury-summary { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 12px; + margin: 0 28px 16px; + padding: 0; +} +.accounts-page .accounts-summary, +.treasury-page .treasury-summary, +.settlements-page .settlements-summary { + margin: 0 0 16px; +} +.summary-card { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 8px; + padding: 14px 16px; + display: flex; + flex-direction: column; + gap: 4px; +} +.summary-label { + font-size: 11px; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; +} +.summary-value { + font-size: 20px; + font-weight: 700; + color: var(--text-primary); +} +.summary-value.green { color: #22c55e; } +.summary-value.red { color: #ef4444; } +.summary-value.orange { color: #f97316; } +.summary-sub { + font-size: 10px; + color: var(--text-secondary); +} + +/* Table Toolbar */ +.table-toolbar { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 0; + gap: 12px; + margin-bottom: 4px; +} +.table-toolbar-left, .table-toolbar-right { + display: flex; + align-items: center; + gap: 8px; +} +.search-input-wrapper { + display: flex; + align-items: center; + gap: 6px; + padding: 6px 10px; + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 6px; + color: var(--text-secondary); +} +.search-input-wrapper input { + background: transparent; + border: none; + color: var(--text-primary); + font-size: 12px; + outline: none; + width: 180px; +} +.filter-group { + display: flex; + align-items: center; + gap: 4px; + color: var(--text-secondary); +} +.filter-group select { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 4px; + color: var(--text-primary); + font-size: 11px; + padding: 5px 8px; + outline: none; +} +.view-toggle { + display: flex; + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 4px; + overflow: hidden; +} +.view-toggle button { + padding: 5px 12px; + background: transparent; + border: none; + color: var(--text-secondary); + font-size: 11px; + cursor: pointer; +} +.view-toggle button.active { + background: var(--accent); + color: white; +} + +/* Account Table */ +.account-table { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 8px; + overflow: hidden; +} +.account-table-header { + display: grid; + grid-template-columns: 2.5fr 0.7fr 1.2fr 1.2fr 0.8fr 1.5fr 0.8fr 0.8fr; + padding: 10px 16px; + font-size: 10px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; + border-bottom: 1px solid var(--border); + background: var(--bg-elevated); +} +.account-table-body { + max-height: 500px; + overflow-y: auto; +} +.account-table-row { + display: grid; + grid-template-columns: 2.5fr 0.7fr 1.2fr 1.2fr 0.8fr 1.5fr 0.8fr 0.8fr; + padding: 8px 16px; + font-size: 12px; + border-bottom: 1px solid rgba(255,255,255,0.03); + align-items: center; + transition: background 0.1s; +} +.account-table-row:hover { background: var(--bg-hover); } +.account-table-name { + display: flex; + align-items: center; + gap: 8px; +} +.expand-btn { + background: transparent; + border: none; + color: var(--text-secondary); + cursor: pointer; + padding: 2px; + display: flex; +} +.expand-placeholder { width: 18px; } +.account-type-dot { + width: 8px; + height: 8px; + border-radius: 50%; + flex-shrink: 0; +} +.account-name-text { + font-weight: 500; + color: var(--text-primary); + display: block; +} +.account-type-label { + font-size: 10px; + color: var(--text-secondary); + text-transform: capitalize; + display: block; +} +.account-table-cell { + font-size: 12px; + color: var(--text-primary); +} +.account-table-cell.balance { font-weight: 600; } +.account-status-badge { + font-size: 10px; + font-weight: 600; + padding: 2px 8px; + border-radius: 4px; + text-transform: capitalize; +} +.account-status-badge.active { background: rgba(34,197,94,0.15); color: #22c55e; } +.account-status-badge.frozen { background: rgba(249,115,22,0.15); color: #f97316; } +.account-status-badge.closed { background: rgba(107,114,128,0.15); color: #6b7280; } +.swift-badge { + font-size: 9px; + padding: 1px 4px; + background: rgba(59,130,246,0.1); + border-radius: 2px; + color: var(--accent); + margin-left: 4px; +} +.row-action-btn { + background: transparent; + border: none; + color: var(--text-secondary); + cursor: pointer; + padding: 4px; + border-radius: 3px; +} +.row-action-btn:hover { color: var(--text-primary); background: var(--bg-hover); } +.account-table-cell.actions { + display: flex; + gap: 2px; +} +.small { font-size: 10px; } +.mono { font-family: 'SF Mono', 'Fira Code', monospace; } + +/* ── Treasury Page ── */ +.treasury-grid { + display: flex; + flex-direction: column; + gap: 12px; +} +.positions-table-card, .forecast-card { + width: 100%; +} +.treasury-table { overflow-x: auto; } +.treasury-table-header { + display: grid; + grid-template-columns: 1.8fr 1fr 1fr 1fr 1fr 1.2fr 1fr; + padding: 10px 16px; + font-size: 10px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; + border-bottom: 1px solid var(--border); + background: var(--bg-elevated); +} +.treasury-table-row { + display: grid; + grid-template-columns: 1.8fr 1fr 1fr 1fr 1fr 1.2fr 1fr; + padding: 10px 16px; + font-size: 12px; + border-bottom: 1px solid rgba(255,255,255,0.03); + align-items: center; +} +.treasury-table-row:hover { background: var(--bg-hover); } +.instrument-name { font-weight: 500; } +.asset-class-badge { + font-size: 9px; + padding: 2px 6px; + background: var(--bg-hover); + border-radius: 3px; + color: var(--text-secondary); +} +.positive { color: #22c55e; } +.negative { color: #ef4444; } +.custodian-name { font-size: 11px; color: var(--text-secondary); } + +/* Cash Forecast */ +.forecast-chart { + display: flex; + align-items: flex-end; + gap: 4px; + height: 160px; + padding: 16px; +} +.forecast-bar-wrapper { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + height: 100%; + justify-content: flex-end; +} +.forecast-bar { + width: 100%; + background: rgba(59,130,246,0.3); + border-radius: 2px 2px 0 0; + transition: height 0.3s; + min-height: 4px; +} +.forecast-bar.actual { + background: var(--accent); +} +.forecast-label { + font-size: 8px; + color: var(--text-secondary); + margin-top: 4px; + white-space: nowrap; +} +.forecast-legend { + display: flex; + gap: 16px; + padding: 0 16px 12px; + font-size: 10px; + color: var(--text-secondary); +} +.legend-dot.actual { background: var(--accent); } +.legend-dot.projected { background: rgba(59,130,246,0.3); } + +/* ── Reporting Page ── */ +.standards-tabs { + display: flex; + gap: 8px; + margin: 0 28px 12px; + padding: 0; +} +.reporting-page .standards-tabs { margin: 0 0 12px; } +.standard-tab { + display: flex; + align-items: center; + gap: 8px; + padding: 10px 18px; + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 6px; + color: var(--text-secondary); + font-size: 13px; + font-weight: 600; + cursor: pointer; + transition: all 0.15s; +} +.standard-tab:hover { border-color: var(--text-secondary); } +.standard-tab.active { + background: var(--bg-elevated); +} +.standard-dot { + width: 8px; + height: 8px; + border-radius: 50%; +} +.standard-count { + font-size: 10px; + padding: 1px 6px; + background: var(--bg-hover); + border-radius: 8px; +} +.standard-detail-card { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 8px; + padding: 18px 20px; + margin-bottom: 16px; +} +.standard-detail-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + margin-bottom: 8px; +} +.standard-detail-header h3 { margin: 0; font-size: 16px; font-weight: 700; } +.standard-full-name { + font-size: 11px; + color: var(--text-secondary); + margin-top: 2px; +} +.jurisdiction-badge { + font-size: 10px; + padding: 3px 8px; + background: var(--bg-hover); + border-radius: 4px; + color: var(--text-secondary); +} +.standard-description { + font-size: 12px; + color: var(--text-secondary); + line-height: 1.5; + margin: 0 0 12px; +} +.key-statements-label { + font-size: 10px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; +} +.statements-list { + display: flex; + flex-wrap: wrap; + gap: 6px; + margin-top: 6px; +} +.statement-badge { + font-size: 10px; + padding: 3px 8px; + background: var(--bg-elevated); + border: 1px solid var(--border); + border-radius: 4px; + color: var(--text-primary); +} + +/* Reports Table */ +.reports-table { overflow-x: auto; } +.reports-table-header { + display: grid; + grid-template-columns: 2fr 0.8fr 1.2fr 0.8fr 0.8fr 0.8fr 0.7fr 0.7fr; + padding: 10px 16px; + font-size: 10px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; + border-bottom: 1px solid var(--border); + background: var(--bg-elevated); +} +.reports-table-row { + display: grid; + grid-template-columns: 2fr 0.8fr 1.2fr 0.8fr 0.8fr 0.8fr 0.7fr 0.7fr; + padding: 10px 16px; + font-size: 12px; + border-bottom: 1px solid rgba(255,255,255,0.03); + align-items: center; +} +.reports-table-row:hover { background: var(--bg-hover); } +.report-name { font-weight: 500; } +.standard-badge { + font-size: 9px; + font-weight: 600; + padding: 2px 6px; + border: 1px solid; + border-radius: 3px; +} +.report-type { text-transform: capitalize; font-size: 11px; color: var(--text-secondary); } +.report-period { text-transform: capitalize; font-size: 11px; } +.report-status { + display: flex; + align-items: center; + gap: 4px; + font-size: 11px; + font-weight: 500; + text-transform: capitalize; +} +.report-actions { + display: flex; + gap: 4px; +} + +/* ── Compliance Page ── */ +.compliance-metrics { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 12px; + margin-bottom: 16px; +} +.metric-card { + background: var(--bg-surface); + border: 1px solid var(--border); + border-radius: 8px; + padding: 14px 16px; +} +.metric-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 6px; +} +.metric-label { + font-size: 11px; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; +} +.metric-value { + font-size: 20px; + font-weight: 700; + margin-bottom: 2px; +} +.metric-sub { + font-size: 10px; + color: var(--text-secondary); + margin-bottom: 8px; +} +.metric-bar { + height: 4px; + background: var(--bg-hover); + border-radius: 2px; + overflow: hidden; +} +.metric-bar-fill { + height: 100%; + border-radius: 2px; + transition: width 0.3s; +} +.compliance-grid { + display: grid; + grid-template-columns: 1.5fr 1fr; + gap: 12px; +} +.alert-table-row { + display: flex; + align-items: flex-start; + gap: 8px; + padding: 10px 16px; + border-bottom: 1px solid rgba(255,255,255,0.03); + font-size: 11px; +} +.alert-sev-badge { + font-size: 9px; + font-weight: 700; + padding: 2px 6px; + border: 1px solid; + border-radius: 3px; + flex-shrink: 0; + text-transform: uppercase; + letter-spacing: 0.5px; +} +.alert-cat { + font-weight: 600; + color: var(--text-primary); + flex-shrink: 0; + min-width: 50px; +} +.alert-msg { + color: var(--text-secondary); + flex: 1; + line-height: 1.4; +} +.alert-status-badge { + display: flex; + align-items: center; + gap: 3px; + font-size: 10px; + text-transform: capitalize; + flex-shrink: 0; +} +.alert-time { + flex-shrink: 0; + font-size: 10px; + color: var(--text-secondary); +} +.alert-assigned { + flex-shrink: 0; + font-size: 10px; + color: var(--accent); +} +.regulatory-list { padding: 0; } +.regulatory-row { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 16px; + border-bottom: 1px solid rgba(255,255,255,0.03); +} +.regulatory-info { + display: flex; + flex-direction: column; + gap: 3px; +} +.regulatory-name { + font-size: 12px; + font-weight: 500; + color: var(--text-primary); +} +.regulatory-status { + display: flex; + align-items: center; + gap: 4px; + font-size: 10px; + text-transform: capitalize; +} +.regulatory-status.compliant { color: #22c55e; } +.regulatory-status.review_needed { color: #eab308; } +.regulatory-dates { + display: flex; + flex-direction: column; + gap: 2px; + text-align: right; + font-size: 10px; + color: var(--text-secondary); +} + +/* ── Settlements Page ── */ +.settlements-table { overflow-x: auto; } +.settlements-table-header { + display: grid; + grid-template-columns: 1.2fr 0.6fr 0.8fr 1fr 0.6fr 1.2fr 1fr 1fr 0.7fr; + padding: 10px 16px; + font-size: 10px; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.3px; + border-bottom: 1px solid var(--border); + background: var(--bg-elevated); +} +.settlements-table-row { + display: grid; + grid-template-columns: 1.2fr 0.6fr 0.8fr 1fr 0.6fr 1.2fr 1fr 1fr 0.7fr; + padding: 10px 16px; + font-size: 12px; + border-bottom: 1px solid rgba(255,255,255,0.03); + align-items: center; +} +.settlements-table-row:hover { background: var(--bg-hover); } +.type-badge { + font-size: 9px; + font-weight: 600; + padding: 2px 8px; + border: 1px solid; + border-radius: 3px; +} +.settlement-status { + display: flex; + align-items: center; + gap: 4px; + font-size: 11px; + font-weight: 500; + text-transform: capitalize; +} +.csd-badge { + font-size: 10px; + padding: 2px 6px; + background: var(--bg-hover); + border-radius: 3px; + color: var(--text-secondary); +} + +/* ── Settings Page ── */ +.settings-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 12px; +} +.settings-section { + padding: 12px 16px; +} +.setting-row { + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 0; + border-bottom: 1px solid rgba(255,255,255,0.03); +} +.setting-label { + font-size: 12px; + color: var(--text-secondary); +} +.setting-value { + font-size: 12px; + color: var(--text-primary); + font-weight: 500; +} +.permissions-list { + display: flex; + flex-wrap: wrap; + gap: 6px; +} +.permission-badge { + font-size: 10px; + padding: 3px 8px; + background: rgba(59,130,246,0.1); + border: 1px solid rgba(59,130,246,0.2); + border-radius: 4px; + color: var(--accent); +} diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..09d6616 --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,16 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import { HashRouter } from 'react-router-dom' +import './index.css' +import Portal from './Portal' +import { AuthProvider } from './contexts/AuthContext' + +createRoot(document.getElementById('root')!).render( + + + + + + + , +) diff --git a/src/pages/AccountsPage.tsx b/src/pages/AccountsPage.tsx new file mode 100644 index 0000000..b5e5458 --- /dev/null +++ b/src/pages/AccountsPage.tsx @@ -0,0 +1,184 @@ +import { useState } from 'react'; +import { + Building2, ChevronRight, ChevronDown, Search, Filter, Plus, Download, + ExternalLink, Copy, MoreHorizontal +} from 'lucide-react'; +import { sampleAccounts } from '../data/portalData'; +import type { Account, AccountType } from '../types/portal'; + +const typeColors: Record = { + operating: '#3b82f6', reserve: '#22c55e', custody: '#a855f7', escrow: '#f97316', + settlement: '#06b6d4', nostro: '#eab308', vostro: '#ec4899', collateral: '#6366f1', + treasury: '#14b8a6', crypto_wallet: '#8b5cf6', stablecoin: '#10b981', omnibus: '#64748b', +}; + +const formatBalance = (amount: number, currency: string) => { + if (currency === 'BTC') return `${amount.toFixed(4)} BTC`; + if (currency === 'USDC') return `$${amount.toLocaleString()}`; + const sym = currency === 'USD' ? '$' : currency === 'EUR' ? '€' : currency === 'GBP' ? '£' : ''; + if (Math.abs(amount) >= 1_000_000) return `${sym}${(amount / 1_000_000).toFixed(2)}M`; + return `${sym}${amount.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`; +}; + +function AccountRow({ account, level = 0 }: { account: Account; level?: number }) { + const [expanded, setExpanded] = useState(false); + const hasChildren = account.subaccounts && account.subaccounts.length > 0; + + return ( + <> +
+
+ {hasChildren ? ( + + ) : ( + + )} + +
+ {account.name} + {account.type.replace('_', ' ')} +
+
+
{account.currency}
+
{formatBalance(account.balance, account.currency)}
+
{formatBalance(account.availableBalance, account.currency)}
+
+ {account.status} +
+
+ {account.iban && {account.iban}} + {account.walletAddress && {account.walletAddress.slice(0, 10)}...} + {account.swift && {account.swift}} +
+
+ {account.lastActivity.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} +
+
+ + + +
+
+ {expanded && hasChildren && account.subaccounts!.map(sub => ( + + ))} + + ); +} + +export default function AccountsPage() { + const [search, setSearch] = useState(''); + const [typeFilter, setTypeFilter] = useState('all'); + const [view, setView] = useState<'tree' | 'flat'>('tree'); + + const allAccounts = view === 'flat' + ? sampleAccounts.flatMap(a => [a, ...(a.subaccounts || [])]) + : sampleAccounts; + + const filtered = allAccounts.filter(a => { + const matchSearch = a.name.toLowerCase().includes(search.toLowerCase()) || + a.currency.toLowerCase().includes(search.toLowerCase()) || + a.type.includes(search.toLowerCase()); + const matchType = typeFilter === 'all' || a.type === typeFilter; + return matchSearch && matchType && (view === 'flat' || !a.parentId); + }); + + const totalBalance = sampleAccounts.reduce((sum, a) => { + if (a.currency === 'USD' || a.currency === 'USDC') return sum + a.balance; + if (a.currency === 'EUR') return sum + a.balance * 1.08; + if (a.currency === 'GBP') return sum + a.balance * 1.27; + if (a.currency === 'BTC') return sum + a.balance * 67_000; + return sum; + }, 0); + + return ( +
+
+
+

Account Management

+

Multi-account and subaccount structures with consolidated views

+
+
+ + +
+
+ + {/* Summary Cards */} +
+
+ Total Accounts + {sampleAccounts.length + sampleAccounts.reduce((c, a) => c + (a.subaccounts?.length || 0), 0)} +
+
+ Consolidated Balance (USD eq.) + ${(totalBalance / 1_000_000).toFixed(2)}M +
+
+ Active + {sampleAccounts.filter(a => a.status === 'active').length} +
+
+ Frozen + {sampleAccounts.filter(a => a.status === 'frozen').length} +
+
+ + {/* Toolbar */} +
+
+
+ + setSearch(e.target.value)} + /> +
+
+ + +
+
+
+
+ + +
+
+
+ + {/* Account Table */} +
+
+
Account
+
Currency
+
Balance
+
Available
+
Status
+
Identifier
+
Last Activity
+
+
+
+ {filtered.map(acc => ( + + ))} +
+
+
+ ); +} diff --git a/src/pages/CompliancePage.tsx b/src/pages/CompliancePage.tsx new file mode 100644 index 0000000..37637e0 --- /dev/null +++ b/src/pages/CompliancePage.tsx @@ -0,0 +1,145 @@ +import { useState } from 'react'; +import { Shield, AlertTriangle, CheckCircle2, Clock, Filter, Download, Eye, UserCheck } from 'lucide-react'; +import { complianceAlerts } from '../data/portalData'; + +const severityColors: Record = { + critical: '#ef4444', high: '#f97316', medium: '#eab308', low: '#3b82f6', +}; + +const statusColors: Record = { + open: '#ef4444', acknowledged: '#eab308', resolved: '#22c55e', +}; + +const complianceMetrics = [ + { label: 'KYC Verified', value: '142', total: '145', pct: 98, color: '#22c55e' }, + { label: 'AML Screening', value: 'Active', total: '47 rules', pct: 100, color: '#3b82f6' }, + { label: 'Sanctions Check', value: 'Current', total: 'OFAC/EU/UN', pct: 100, color: '#a855f7' }, + { label: 'Travel Rule', value: '98.5%', total: 'compliant', pct: 98.5, color: '#14b8a6' }, +]; + +const regulatoryFrameworks = [ + { name: 'FATF Travel Rule', status: 'compliant', lastReview: '2024-03-15', nextReview: '2024-06-15' }, + { name: 'MiCA (EU)', status: 'compliant', lastReview: '2024-02-28', nextReview: '2024-05-28' }, + { name: 'Bank Secrecy Act (US)', status: 'compliant', lastReview: '2024-03-01', nextReview: '2024-06-01' }, + { name: 'FCA Regulations (UK)', status: 'review_needed', lastReview: '2024-01-15', nextReview: '2024-04-15' }, + { name: 'MAS Guidelines (SG)', status: 'compliant', lastReview: '2024-03-10', nextReview: '2024-06-10' }, + { name: 'JFSA Standards (JP)', status: 'compliant', lastReview: '2024-02-20', nextReview: '2024-05-20' }, +]; + +export default function CompliancePage() { + const [severityFilter, setSeverityFilter] = useState('all'); + const [statusFilter, setStatusFilter] = useState('all'); + + const filtered = complianceAlerts.filter(a => { + const matchSev = severityFilter === 'all' || a.severity === severityFilter; + const matchStatus = statusFilter === 'all' || a.status === statusFilter; + return matchSev && matchStatus; + }); + + const openCount = complianceAlerts.filter(a => a.status === 'open').length; + const criticalCount = complianceAlerts.filter(a => a.severity === 'critical' && a.status !== 'resolved').length; + + return ( +
+
+
+

Compliance & Risk Management

+

Regulatory compliance monitoring, AML/KYC oversight, and risk controls

+
+
+ + +
+
+ + {/* Compliance Metrics */} +
+ {complianceMetrics.map(m => ( +
+
+ {m.label} + +
+
{m.value}
+
{m.total}
+
+
+
+
+ ))} +
+ +
+ {/* Alerts */} +
+
+

Active Alerts ({openCount} open, {criticalCount} critical)

+
+
+ + +
+
+ +
+
+
+
+ {filtered.map(alert => ( +
+ + {alert.severity.toUpperCase()} + + {alert.category} + {alert.message} + + {alert.status === 'resolved' ? : alert.status === 'acknowledged' ? : } + {alert.status} + + + {alert.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} + + {alert.assignedTo && {alert.assignedTo}} +
+ ))} +
+
+ + {/* Regulatory Frameworks */} +
+
+

Regulatory Frameworks

+
+
+ {regulatoryFrameworks.map(fw => ( +
+
+ {fw.name} + + {fw.status === 'compliant' ? : } + {fw.status.replace('_', ' ')} + +
+
+ Last: {fw.lastReview} + Next: {fw.nextReview} +
+
+ ))} +
+
+
+
+ ); +} diff --git a/src/pages/DashboardPage.tsx b/src/pages/DashboardPage.tsx new file mode 100644 index 0000000..111e94f --- /dev/null +++ b/src/pages/DashboardPage.tsx @@ -0,0 +1,304 @@ +import { useState } from 'react'; +import { useNavigate } from 'react-router-dom'; +import { + TrendingUp, TrendingDown, DollarSign, Activity, AlertTriangle, Clock, + ArrowUpRight, ArrowDownRight, BarChart3, PieChart, Zap, Building2, + Landmark, FileText, Shield, CheckSquare, ChevronRight, RefreshCw +} from 'lucide-react'; +import { financialSummary, sampleAccounts, treasuryPositions, complianceAlerts, recentActivity, portalModules } from '../data/portalData'; + +const formatCurrency = (amount: number, currency = 'USD') => { + if (Math.abs(amount) >= 1_000_000_000) return `${currency === 'USD' ? '$' : ''}${(amount / 1_000_000_000).toFixed(2)}B`; + if (Math.abs(amount) >= 1_000_000) return `${currency === 'USD' ? '$' : ''}${(amount / 1_000_000).toFixed(2)}M`; + if (Math.abs(amount) >= 1_000) return `${currency === 'USD' ? '$' : ''}${(amount / 1_000).toFixed(1)}K`; + return `${currency === 'USD' ? '$' : ''}${amount.toFixed(2)}`; +}; + +const moduleIcons: Record = { + 'dashboard': BarChart3, + 'transaction-builder': Zap, + 'accounts': Building2, + 'treasury': Landmark, + 'reporting': FileText, + 'compliance': Shield, + 'settlements': CheckSquare, +}; + +const statusColors: Record = { + success: '#22c55e', + warning: '#eab308', + error: '#ef4444', + info: '#3b82f6', +}; + +const severityColors: Record = { + critical: '#ef4444', + high: '#f97316', + medium: '#eab308', + low: '#3b82f6', +}; + +export default function DashboardPage() { + const navigate = useNavigate(); + const [timeRange, setTimeRange] = useState<'1D' | '1W' | '1M' | '3M' | 'YTD'>('1D'); + + const totalPnL = financialSummary.unrealizedPnL + financialSummary.realizedPnL; + const pnlPositive = totalPnL >= 0; + + const assetAllocation = [ + { label: 'Fixed Income', value: 83_900_000, color: '#3b82f6', pct: 39 }, + { label: 'Equities', value: 45_200_000, color: '#22c55e', pct: 21 }, + { label: 'Digital Assets', value: 20_425_000, color: '#a855f7', pct: 10 }, + { label: 'FX', value: 20_250_000, color: '#eab308', pct: 9 }, + { label: 'Commodities', value: 11_500_000, color: '#f97316', pct: 5 }, + { label: 'Cash & Equivalents', value: 33_175_000, color: '#6b7280', pct: 16 }, + ]; + + const openAlerts = complianceAlerts.filter(a => a.status !== 'resolved'); + + return ( +
+
+
+

Portfolio Overview

+

Solace Bank Group PLC — Consolidated View

+
+
+
+ {(['1D', '1W', '1M', '3M', 'YTD'] as const).map(range => ( + + ))} +
+ +
+
+ + {/* KPI Cards Row */} +
+
+
+ Total Assets (AUM) + +
+
{formatCurrency(financialSummary.totalAssets)}
+
+ + +2.3% from yesterday +
+
+
+
+ Net Position + +
+
{formatCurrency(financialSummary.netPosition)}
+
+ + +1.8% from yesterday +
+
+
+
+ Total P&L + {pnlPositive ? : } +
+
+ {pnlPositive ? '+' : ''}{formatCurrency(totalPnL)} +
+
+ Realized: {formatCurrency(financialSummary.realizedPnL)} + Unrealized: {formatCurrency(financialSummary.unrealizedPnL)} +
+
+
+
+ Daily Volume + +
+
{formatCurrency(financialSummary.dailyVolume)}
+
+ + -5.1% from yesterday +
+
+
+
+ Pending Settlements + +
+
{formatCurrency(financialSummary.pendingSettlements)}
+
+ 3 DVP · 1 PVP · 2 FOP +
+
+
+
+ Active Alerts + +
+
{openAlerts.length}
+
+ {openAlerts.filter(a => a.severity === 'critical').length} critical + {openAlerts.filter(a => a.severity === 'high').length} high +
+
+
+ +
+ {/* Asset Allocation */} +
+
+

Asset Allocation

+
+
+
+ {assetAllocation.map(a => ( +
+ ))} +
+
+ {assetAllocation.map(a => ( +
+ + {a.label} + {formatCurrency(a.value)} + {a.pct}% +
+ ))} +
+
+
+ + {/* Top Positions */} +
+
+

Top Positions

+ +
+
+
+ Instrument + Market Value + P&L +
+ {treasuryPositions.slice(0, 6).map(pos => ( +
+
+ {pos.assetClass} + {pos.instrument} +
+ {formatCurrency(pos.marketValue)} + = 0 ? 'positive' : 'negative'}`}> + {pos.unrealizedPnL >= 0 ? '+' : ''}{formatCurrency(pos.unrealizedPnL)} + +
+ ))} +
+
+ + {/* Accounts Overview */} +
+
+

Accounts

+ +
+
+ {sampleAccounts.filter(a => !a.parentId).slice(0, 5).map(acc => ( +
+
+ {acc.type} + {acc.name} +
+
+ + {acc.currency === 'BTC' ? `${acc.balance.toFixed(2)} BTC` : formatCurrency(acc.balance, acc.currency)} + + {acc.currency} +
+
+ ))} +
+
+ + {/* Compliance Alerts */} +
+
+

Compliance Alerts

+ +
+
+ {complianceAlerts.filter(a => a.status !== 'resolved').slice(0, 4).map(alert => ( +
+ + {alert.severity.toUpperCase()} + + {alert.category} + {alert.message} +
+ ))} +
+
+ + {/* Recent Activity */} +
+
+

Recent Activity

+
+
+ {recentActivity.map(item => ( +
+ +
+ {item.action} + {item.detail} +
+ + {item.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} + +
+ ))} +
+
+ + {/* Quick Access Modules */} +
+
+

Quick Access

+
+
+ {portalModules.filter(m => m.id !== 'dashboard').map(mod => { + const Icon = moduleIcons[mod.id] || Zap; + return ( + + ); + })} +
+
+
+
+ ); +} diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx new file mode 100644 index 0000000..59e05ab --- /dev/null +++ b/src/pages/LoginPage.tsx @@ -0,0 +1,189 @@ +import { useState } from 'react'; +import { useAuth } from '../contexts/AuthContext'; +import { Shield, Wallet, ArrowRight, Globe, Lock, Zap, TrendingUp, Building2, ChevronRight } from 'lucide-react'; + +export default function LoginPage() { + const { connectWallet, loading, error } = useAuth(); + const [connecting, setConnecting] = useState(null); + + const handleConnect = async (provider: 'metamask' | 'walletconnect' | 'coinbase') => { + setConnecting(provider); + await connectWallet(provider); + setConnecting(null); + }; + + return ( +
+
+
+ +
+
+
+
+ +
+

Solace Bank Group

+ PLC +
+
+

Enterprise Treasury Management Portal

+
+ +
+
+
+ +
+
+

Multi-Asset Treasury

+

Consolidated views across fiat, digital assets, securities, and commodities

+
+
+
+
+ +
+
+

Regulatory Compliance

+

IPSAS, US GAAP, and IFRS compliant reporting frameworks

+
+
+
+
+ +
+
+

Global Settlement

+

Cross-border payment orchestration with real-time settlement tracking

+
+
+
+
+ +
+
+

Web3 Security

+

Cryptographic wallet authentication with enterprise-grade access controls

+
+
+
+ +
+ IPSAS + US GAAP + IFRS + ISO 20022 + SOC 2 +
+
+ +
+
+
+ +

Connect Wallet

+

Authenticate with your Web3 wallet to access the portal

+
+ + {error && ( +
+ {error} +
+ )} + +
+ + + + + +
+ +
+ or +
+ + + +

+ By connecting, you agree to the Terms of Service and acknowledge + that Solace Bank Group PLC processes authentication via + cryptographic signature verification. +

+
+ +
+ + End-to-end encrypted · No private keys stored · SOC 2 Type II certified +
+
+
+
+ ); +} diff --git a/src/pages/ReportingPage.tsx b/src/pages/ReportingPage.tsx new file mode 100644 index 0000000..8d19d12 --- /dev/null +++ b/src/pages/ReportingPage.tsx @@ -0,0 +1,180 @@ +import { useState } from 'react'; +import { FileText, Download, Filter, Plus, Eye, Clock, CheckCircle2, AlertTriangle, Send } from 'lucide-react'; +import { reportConfigs } from '../data/portalData'; +import type { ReportingStandard } from '../types/portal'; + +const standardColors: Record = { + IPSAS: '#a855f7', + US_GAAP: '#3b82f6', + IFRS: '#22c55e', +}; + +const statusIcons: Record = { + draft: Clock, + generated: AlertTriangle, + reviewed: Eye, + published: CheckCircle2, +}; + +const statusColors: Record = { + draft: '#6b7280', + generated: '#eab308', + reviewed: '#3b82f6', + published: '#22c55e', +}; + +export default function ReportingPage() { + const [standardFilter, setStandardFilter] = useState('all'); + const [typeFilter, setTypeFilter] = useState('all'); + const [activeStandard, setActiveStandard] = useState('IFRS'); + + const filtered = reportConfigs.filter(r => { + const matchStandard = standardFilter === 'all' || r.standard === standardFilter; + const matchType = typeFilter === 'all' || r.type === typeFilter; + return matchStandard && matchType; + }); + + const standardDetails: Record = { + IPSAS: { + full: 'International Public Sector Accounting Standards', + description: 'Accrual-based accounting standards for public sector entities, issued by the IPSASB. Ensures transparency and accountability in government financial reporting.', + keyStatements: ['Statement of Financial Position', 'Statement of Financial Performance', 'Statement of Changes in Net Assets', 'Cash Flow Statement', 'Budget Comparison Statement'], + jurisdiction: 'International (Public Sector)', + }, + US_GAAP: { + full: 'United States Generally Accepted Accounting Principles', + description: 'Comprehensive accounting framework issued by FASB, mandatory for US public companies and widely adopted by financial institutions.', + keyStatements: ['Balance Sheet', 'Income Statement', 'Statement of Cash Flows', 'Statement of Stockholders\' Equity', 'Notes to Financial Statements'], + jurisdiction: 'United States', + }, + IFRS: { + full: 'International Financial Reporting Standards', + description: 'Global accounting standards issued by the IASB, adopted by 140+ jurisdictions. Principle-based framework for transparent financial reporting.', + keyStatements: ['Statement of Financial Position', 'Statement of Profit or Loss', 'Statement of Comprehensive Income', 'Statement of Cash Flows', 'Statement of Changes in Equity'], + jurisdiction: 'International (140+ jurisdictions)', + }, + }; + + const detail = standardDetails[activeStandard]; + + return ( +
+
+
+

Financial Reporting

+

IPSAS, US GAAP, and IFRS compliant reporting frameworks

+
+
+ + +
+
+ + {/* Standards Overview */} +
+ {(['IPSAS', 'US_GAAP', 'IFRS'] as ReportingStandard[]).map(std => ( + + ))} +
+ +
+
+
+

{activeStandard.replace('_', ' ')}

+

{detail.full}

+
+ {detail.jurisdiction} +
+

{detail.description}

+
+ Key Financial Statements: +
+ {detail.keyStatements.map(stmt => ( + {stmt} + ))} +
+
+
+ + {/* Reports Table */} +
+
+

Generated Reports

+
+
+ + +
+
+ +
+
+
+
+
+ Report Name + Standard + Type + Period + Status + Generated + By + Actions +
+ {filtered.map(report => { + const StatusIcon = statusIcons[report.status] || Clock; + return ( +
+ {report.name} + + + {report.standard.replace('_', ' ')} + + + {report.type.replace(/_/g, ' ')} + {report.period} + + + + {report.status} + + + {report.generatedAt ? report.generatedAt.toLocaleDateString() : '—'} + {report.generatedBy || '—'} + + + + + +
+ ); + })} +
+
+
+ ); +} diff --git a/src/pages/SettlementsPage.tsx b/src/pages/SettlementsPage.tsx new file mode 100644 index 0000000..de63b9a --- /dev/null +++ b/src/pages/SettlementsPage.tsx @@ -0,0 +1,148 @@ +import { useState } from 'react'; +import { CheckSquare, Filter, Download, Clock, CheckCircle2, XCircle, ArrowUpDown } from 'lucide-react'; +import { settlementRecords } from '../data/portalData'; + +const statusColors: Record = { + pending: '#eab308', matched: '#3b82f6', affirmed: '#a855f7', + settled: '#22c55e', failed: '#ef4444', cancelled: '#6b7280', +}; + +const statusIcons: Record = { + pending: Clock, matched: CheckCircle2, affirmed: CheckCircle2, + settled: CheckCircle2, failed: XCircle, cancelled: XCircle, +}; + +const typeColors: Record = { + DVP: '#3b82f6', FOP: '#22c55e', PVP: '#a855f7', internal: '#6b7280', +}; + +const formatCurrency = (amount: number, currency: string) => { + const sym = currency === 'USD' ? '$' : currency === 'EUR' ? '€' : currency === 'GBP' ? '£' : currency === 'JPY' ? '¥' : ''; + if (Math.abs(amount) >= 1_000_000) return `${sym}${(amount / 1_000_000).toFixed(2)}M`; + return `${sym}${amount.toLocaleString()}`; +}; + +export default function SettlementsPage() { + const [statusFilter, setStatusFilter] = useState('all'); + const [typeFilter, setTypeFilter] = useState('all'); + const [sortBy, setSortBy] = useState<'date' | 'amount'>('date'); + + const filtered = settlementRecords + .filter(s => (statusFilter === 'all' || s.status === statusFilter) && (typeFilter === 'all' || s.type === typeFilter)) + .sort((a, b) => sortBy === 'date' ? b.settlementDate.getTime() - a.settlementDate.getTime() : b.amount - a.amount); + + const pendingCount = settlementRecords.filter(s => ['pending', 'matched', 'affirmed'].includes(s.status)).length; + const settledCount = settlementRecords.filter(s => s.status === 'settled').length; + const failedCount = settlementRecords.filter(s => s.status === 'failed').length; + const totalPending = settlementRecords + .filter(s => ['pending', 'matched', 'affirmed'].includes(s.status)) + .reduce((sum, s) => sum + s.amount, 0); + + return ( +
+
+
+

Settlement & Clearing

+

Settlement lifecycle tracking, DVP/FOP/PVP operations, and CSD integration

+
+
+ +
+
+ +
+
+ Pending + {pendingCount} + {formatCurrency(totalPending, 'USD')} total +
+
+ Settled + {settledCount} +
+
+ Failed + {failedCount} +
+
+ Settlement Rate + {settledCount > 0 ? ((settledCount / (settledCount + failedCount)) * 100).toFixed(0) : 0}% +
+
+ +
+
+

Settlement Queue

+
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+
+ TX ID + Type + Status + Amount + Currency + Counterparty + Settlement Date + Value Date + CSD +
+ {filtered.map(record => { + const StatusIcon = statusIcons[record.status] || Clock; + return ( +
+ {record.txId} + + + {record.type} + + + + + + {record.status} + + + {formatCurrency(record.amount, record.currency)} + {record.currency} + {record.counterparty} + {record.settlementDate.toLocaleDateString()} + {record.valueDate.toLocaleDateString()} + {record.csd || '—'} +
+ ); + })} +
+
+
+ ); +} diff --git a/src/pages/TreasuryPage.tsx b/src/pages/TreasuryPage.tsx new file mode 100644 index 0000000..5c60e91 --- /dev/null +++ b/src/pages/TreasuryPage.tsx @@ -0,0 +1,153 @@ +import { useState } from 'react'; +import { Landmark, TrendingUp, TrendingDown, Download, Filter, ArrowUpDown, RefreshCw } from 'lucide-react'; +import { treasuryPositions, cashForecasts } from '../data/portalData'; + +const formatCurrency = (amount: number) => { + if (Math.abs(amount) >= 1_000_000) return `$${(amount / 1_000_000).toFixed(2)}M`; + if (Math.abs(amount) >= 1_000) return `$${(amount / 1_000).toFixed(1)}K`; + return `$${amount.toFixed(2)}`; +}; + +export default function TreasuryPage() { + const [assetFilter, setAssetFilter] = useState('all'); + const [sortBy, setSortBy] = useState<'value' | 'pnl' | 'name'>('value'); + + const assetClasses = [...new Set(treasuryPositions.map(p => p.assetClass))]; + + const filtered = treasuryPositions + .filter(p => assetFilter === 'all' || p.assetClass === assetFilter) + .sort((a, b) => { + if (sortBy === 'value') return b.marketValue - a.marketValue; + if (sortBy === 'pnl') return b.unrealizedPnL - a.unrealizedPnL; + return a.instrument.localeCompare(b.instrument); + }); + + const totalMarketValue = treasuryPositions.reduce((s, p) => s + p.marketValue, 0); + const totalCostBasis = treasuryPositions.reduce((s, p) => s + p.costBasis, 0); + const totalPnL = treasuryPositions.reduce((s, p) => s + p.unrealizedPnL, 0); + + const forecastData = cashForecasts.slice(0, 14); + + return ( +
+
+
+

Treasury Management

+

Position monitoring, cash management, and portfolio analytics

+
+
+ + +
+
+ + {/* Portfolio Summary */} +
+
+ Total Market Value + {formatCurrency(totalMarketValue)} +
+
+ Total Cost Basis + {formatCurrency(totalCostBasis)} +
+
+ Unrealized P&L + = 0 ? 'green' : 'red'}`}> + {totalPnL >= 0 ? '+' : ''}{formatCurrency(totalPnL)} + +
+
+ Return + = 0 ? 'green' : 'red'}`}> + {totalPnL >= 0 ? '+' : ''}{((totalPnL / totalCostBasis) * 100).toFixed(2)}% + +
+
+ +
+ {/* Positions Table */} +
+
+

Positions

+
+
+ + +
+
+ + +
+
+
+
+
+ Instrument + Asset Class + Quantity + Market Value + Cost Basis + Unrealized P&L + Custodian +
+ {filtered.map(pos => ( +
+ {pos.instrument} + {pos.assetClass} + {pos.quantity.toLocaleString()} + {formatCurrency(pos.marketValue)} + {formatCurrency(pos.costBasis)} + = 0 ? 'positive' : 'negative'}`}> + {pos.unrealizedPnL >= 0 ? : } + {' '}{pos.unrealizedPnL >= 0 ? '+' : ''}{formatCurrency(pos.unrealizedPnL)} + + {pos.custodian} +
+ ))} +
+
+ + {/* Cash Forecast */} +
+
+

📈 14-Day Cash Forecast

+
+
+ {forecastData.map((f, i) => { + const maxVal = Math.max(...forecastData.map(x => x.projected)); + const minVal = Math.min(...forecastData.map(x => x.projected)); + const range = maxVal - minVal || 1; + const height = ((f.projected - minVal) / range) * 80 + 20; + return ( +
+
+ + {f.date.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} + +
+ ); + })} +
+
+ Actual + Projected +
+
+
+
+ ); +} diff --git a/src/types/index.ts b/src/types/index.ts new file mode 100644 index 0000000..1fab4c4 --- /dev/null +++ b/src/types/index.ts @@ -0,0 +1,108 @@ +import type { Node, Edge } from '@xyflow/react'; + +export interface ComponentItem { + id: string; + label: string; + category: string; + icon: string; + description: string; + color: string; + inputs?: string[]; + outputs?: string[]; + engines?: string[]; +} + +export interface ChatMessage { + id: string; + agent: string; + content: string; + timestamp: Date; + type: 'user' | 'agent' | 'system'; +} + +export interface TerminalEntry { + id: string; + timestamp: Date; + level: 'info' | 'warn' | 'error' | 'success'; + source: string; + message: string; +} + +export interface ValidationIssue { + id: string; + severity: 'error' | 'warning' | 'info'; + node?: string; + field?: string; + message: string; +} + +export interface AuditEntry { + id: string; + timestamp: Date; + user: string; + action: string; + detail: string; +} + +export interface SettlementItem { + id: string; + txId: string; + status: 'pending' | 'in_review' | 'awaiting_approval' | 'dispatched' | 'partially_settled' | 'settled' | 'failed'; + amount: string; + asset: string; + counterparty: string; + timestamp: Date; +} + +export interface Notification { + id: string; + title: string; + message: string; + type: 'info' | 'success' | 'warning' | 'error'; + timestamp: Date; + read: boolean; +} + +export interface ThreadEntry { + id: string; + title: string; + agent: Agent; + timestamp: Date; + messageCount: number; +} + +export interface TransactionTab { + id: string; + name: string; + nodes: Node[]; + edges: Edge[]; +} + +export interface HistoryEntry { + nodes: Node[]; + edges: Edge[]; +} + +export type TransactionNode = Node<{ + label: string; + category: string; + icon: string; + color: string; + status?: 'valid' | 'warning' | 'error'; +}>; + +export type TransactionEdge = Edge<{ + animated?: boolean; +}>; + +export type PanelSide = 'left' | 'right' | 'bottom'; + +export type SessionMode = 'Sandbox' | 'Simulate' | 'Live' | 'Compliance Review'; + +export type ActivityTab = 'builder' | 'assets' | 'templates' | 'compliance' | 'routes' | 'protocols' | 'agents' | 'terminal' | 'audit' | 'settings'; + +export type BottomTab = 'terminal' | 'validation' | '800system' | 'settlement' | 'audit' | 'messages' | 'events' | 'reconciliation' | 'exceptions'; + +export type Agent = 'Builder' | 'Compliance' | 'Routing' | 'ISO-20022' | 'Settlement' | 'Risk' | 'Documentation'; + +export type ConversationScope = 'current-node' | 'current-flow' | 'full-transaction' | 'terminal' | 'compliance'; diff --git a/src/types/portal.ts b/src/types/portal.ts new file mode 100644 index 0000000..a0da0eb --- /dev/null +++ b/src/types/portal.ts @@ -0,0 +1,143 @@ +export interface WalletInfo { + address: string; + chainId: number; + balance: string; + ensName?: string; + provider: 'metamask' | 'walletconnect' | 'coinbase' | 'injected'; +} + +export interface AuthState { + isAuthenticated: boolean; + wallet: WalletInfo | null; + user: PortalUser | null; + loading: boolean; +} + +export interface PortalUser { + id: string; + displayName: string; + role: UserRole; + permissions: Permission[]; + institution: string; + department: string; + lastLogin: Date; + walletAddress: string; +} + +export type UserRole = 'admin' | 'treasurer' | 'analyst' | 'compliance_officer' | 'auditor' | 'viewer'; + +export type Permission = + | 'accounts.view' | 'accounts.manage' | 'accounts.create' + | 'transactions.view' | 'transactions.create' | 'transactions.approve' | 'transactions.execute' + | 'treasury.view' | 'treasury.manage' | 'treasury.rebalance' + | 'compliance.view' | 'compliance.manage' | 'compliance.override' + | 'reports.view' | 'reports.generate' | 'reports.export' + | 'settlements.view' | 'settlements.approve' + | 'admin.users' | 'admin.settings' | 'admin.audit'; + +export interface Account { + id: string; + name: string; + type: AccountType; + currency: string; + balance: number; + availableBalance: number; + status: 'active' | 'frozen' | 'closed' | 'pending'; + parentId?: string; + institution: string; + iban?: string; + swift?: string; + walletAddress?: string; + lastActivity: Date; + subaccounts?: Account[]; +} + +export type AccountType = + | 'operating' | 'reserve' | 'custody' | 'escrow' + | 'settlement' | 'nostro' | 'vostro' | 'collateral' + | 'treasury' | 'crypto_wallet' | 'stablecoin' | 'omnibus'; + +export interface FinancialSummary { + totalAssets: number; + totalLiabilities: number; + netPosition: number; + unrealizedPnL: number; + realizedPnL: number; + pendingSettlements: number; + dailyVolume: number; + currency: string; +} + +export interface TreasuryPosition { + id: string; + assetClass: string; + instrument: string; + quantity: number; + marketValue: number; + costBasis: number; + unrealizedPnL: number; + currency: string; + custodian: string; + maturityDate?: Date; +} + +export interface CashForecast { + date: Date; + projected: number; + actual?: number; + variance?: number; + currency: string; +} + +export type ReportingStandard = 'IPSAS' | 'US_GAAP' | 'IFRS'; + +export interface ReportConfig { + id: string; + name: string; + standard: ReportingStandard; + type: ReportType; + period: ReportPeriod; + status: 'draft' | 'generated' | 'reviewed' | 'published'; + generatedAt?: Date; + generatedBy?: string; +} + +export type ReportType = + | 'balance_sheet' | 'income_statement' | 'cash_flow' + | 'trial_balance' | 'general_ledger' | 'regulatory' + | 'position_summary' | 'risk_exposure' | 'compliance_summary'; + +export type ReportPeriod = 'daily' | 'weekly' | 'monthly' | 'quarterly' | 'annual' | 'custom'; + +export interface PortalModule { + id: string; + name: string; + icon: string; + description: string; + path: string; + requiredPermission: Permission; + status: 'active' | 'coming_soon' | 'maintenance'; +} + +export interface ComplianceAlert { + id: string; + severity: 'critical' | 'high' | 'medium' | 'low'; + category: string; + message: string; + timestamp: Date; + status: 'open' | 'acknowledged' | 'resolved'; + assignedTo?: string; +} + +export interface SettlementRecord { + id: string; + txId: string; + type: 'DVP' | 'FOP' | 'PVP' | 'internal'; + status: 'pending' | 'matched' | 'affirmed' | 'settled' | 'failed' | 'cancelled'; + amount: number; + currency: string; + counterparty: string; + settlementDate: Date; + valueDate: Date; + csd?: string; +} diff --git a/tsconfig.app.json b/tsconfig.app.json new file mode 100644 index 0000000..1d29c88 --- /dev/null +++ b/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/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..1ffef60 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,7 @@ +{ + "files": [], + "references": [ + { "path": "./tsconfig.app.json" }, + { "path": "./tsconfig.node.json" } + ] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..d3c52ea --- /dev/null +++ b/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/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..8b0f57b --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +})