fourge-portal

commit 719209fa25240572616b4c6916231f2c1dc7c2f6 Author: Krao Hasanee Date: Thu Mar 26 23:42:06 2026 -0400 Refactor: clients → companies schema v2 diff --git a/.claude/settings.local.json b/.claude/settings.local.json new file mode 100644 index 0000000..6fd1d97 --- /dev/null +++ b/.claude/settings.local.json @@ -0,0 +1,8 @@ +{ + "permissions": { + "allow": [ + "Bash(\"/Users/kraohasanee/Documents/40-49 Fourge:*)", + "Bash(vercel --version)" + ] + } +} diff --git a/.gitignore b/.gitignore new file mode 100755 index 0000000..fc5ae9f --- /dev/null +++ b/.gitignore @@ -0,0 +1,25 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? +.vercel diff --git a/README.md b/README.md new file mode 100755 index 0000000..a36934d --- /dev/null +++ b/README.md @@ -0,0 +1,16 @@ +# React + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs) +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) + +## React Compiler + +The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation). + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/eslint.config.js b/eslint.config.js new file mode 100755 index 0000000..4fa125d --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,29 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{js,jsx}'], + extends: [ + js.configs.recommended, + reactHooks.configs.flat.recommended, + reactRefresh.configs.vite, + ], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + parserOptions: { + ecmaVersion: 'latest', + ecmaFeatures: { jsx: true }, + sourceType: 'module', + }, + }, + rules: { + 'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }], + }, + }, +]) diff --git a/index.html b/index.html new file mode 100755 index 0000000..29e0177 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + fourge-portal + + +

+ + + diff --git a/package-lock.json b/package-lock.json new file mode 100755 index 0000000..eba71c3 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3043 @@ +{ + "name": "fourge-portal", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "fourge-portal", + "version": "0.0.0", + "dependencies": { + "@supabase/supabase-js": "^2.99.3", + "jspdf": "^4.2.1", + "jspdf-autotable": "^5.0.7", + "react": "^19.2.4", + "react-dom": "^19.2.4", + "react-router-dom": "^7.13.1" + }, + "devDependencies": { + "@eslint/js": "^9.39.4", + "@types/react": "^19.2.14", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.0", + "eslint": "^9.39.4", + "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-refresh": "^0.5.2", + "globals": "^17.4.0", + "vite": "^8.0.0" + } + }, + "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/runtime": { + "version": "7.29.2", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz", + "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==", + "license": "MIT", + "engines": { + "node": ">=6.9.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.0", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.0.tgz", + "integrity": "sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.2.0", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz", + "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz", + "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.9.1", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz", + "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "eslint-visitor-keys": "^3.4.3" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz", + "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/config-array": { + "version": "0.21.2", + "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz", + "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/object-schema": "^2.1.7", + "debug": "^4.3.1", + "minimatch": "^3.1.5" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/config-helpers": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz", + "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.17.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/core": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz", + "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@types/json-schema": "^7.0.15" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "3.3.5", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz", + "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^6.14.0", + "debug": "^4.3.2", + "espree": "^10.0.1", + "globals": "^14.0.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.1", + "minimatch": "^3.1.5", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz", + "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/js": { + "version": "9.39.4", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz", + "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + } + }, + "node_modules/@eslint/object-schema": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz", + "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/plugin-kit": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz", + "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.17.0", + "levn": "^0.4.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@humanfs/core": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", + "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/node": { + "version": "0.16.7", + "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz", + "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/core": "^0.19.1", + "@humanwhocodes/retry": "^0.4.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/retry": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz", + "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz", + "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.7.1", + "@emnapi/runtime": "^1.7.1", + "@tybys/wasm-util": "^0.10.1" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + } + }, + "node_modules/@oxc-project/runtime": { + "version": "0.115.0", + "resolved": "https://registry.npmjs.org/@oxc-project/runtime/-/runtime-0.115.0.tgz", + "integrity": "sha512-Rg8Wlt5dCbXhQnsXPrkOjL1DTSvXLgb2R/KYfnf1/K+R0k6UMLEmbQXPM+kwrWqSmWA2t0B1EtHy2/3zikQpvQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.115.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.115.0.tgz", + "integrity": "sha512-4n91DKnebUS4yjUHl2g3/b2T+IUdCfmoZGhmwsovZCDaJSs+QkVAM+0AqqTxHSsHfeiMuueT75cZaZcT/m0pSw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.0.0-rc.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.9.tgz", + "integrity": "sha512-lcJL0bN5hpgJfSIz/8PIf02irmyL43P+j1pTCfbD1DbLkmGRuFIA4DD3B3ZOvGqG0XiVvRznbKtN0COQVaKUTg==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.9.tgz", + "integrity": "sha512-J7Zk3kLYFsLtuH6U+F4pS2sYVzac0qkjcO5QxHS7OS7yZu2LRs+IXo+uvJ/mvpyUljDJ3LROZPoQfgBIpCMhdQ==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.9.tgz", + "integrity": "sha512-iwtmmghy8nhfRGeNAIltcNXzD0QMNaaA5U/NyZc1Ia4bxrzFByNMDoppoC+hl7cDiUq5/1CnFthpT9n+UtfFyg==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.9.tgz", + "integrity": "sha512-DLFYI78SCiZr5VvdEplsVC2Vx53lnA4/Ga5C65iyldMVaErr86aiqCoNBLl92PXPfDtUYjUh+xFFor40ueNs4Q==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.9.tgz", + "integrity": "sha512-CsjTmTwd0Hri6iTw/DRMK7kOZ7FwAkrO4h8YWKoX/kcj833e4coqo2wzIFywtch/8Eb5enQ/lwLM7w6JX1W5RQ==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.9.tgz", + "integrity": "sha512-2x9O2JbSPxpxMDhP9Z74mahAStibTlrBMW0520+epJH5sac7/LwZW5Bmg/E6CXuEF53JJFW509uP+lSedaUNxg==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.9.tgz", + "integrity": "sha512-JA1QRW31ogheAIRhIg9tjMfsYbglXXYGNPLdPEYrwFxdbkQCAzvpSCSHCDWNl4hTtrol8WeboCSEpjdZK8qrCg==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.9.tgz", + "integrity": "sha512-aOKU9dJheda8Kj8Y3w9gnt9QFOO+qKPAl8SWd7JPHP+Cu0EuDAE5wokQubLzIDQWg2myXq2XhTpOVS07qqvT+w==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.9.tgz", + "integrity": "sha512-OalO94fqj7IWRn3VdXWty75jC5dk4C197AWEuMhIpvVv2lw9fiPhud0+bW2ctCxb3YoBZor71QHbY+9/WToadA==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.9.tgz", + "integrity": "sha512-cVEl1vZtBsBZna3YMjGXNvnYYrOJ7RzuWvZU0ffvJUexWkukMaDuGhUXn0rjnV0ptzGVkvc+vW9Yqy6h8YX4pg==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.9.tgz", + "integrity": "sha512-UzYnKCIIc4heAKgI4PZ3dfBGUZefGCJ1TPDuLHoCzgrMYPb5Rv6TLFuYtyM4rWyHM7hymNdsg5ik2C+UD9VDbA==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.9.tgz", + "integrity": "sha512-+6zoiF+RRyf5cdlFQP7nm58mq7+/2PFaY2DNQeD4B87N36JzfF/l9mdBkkmTvSYcYPE8tMh/o3cRlsx1ldLfog==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.9.tgz", + "integrity": "sha512-rgFN6sA/dyebil3YTlL2evvi/M+ivhfnyxec7AccTpRPccno/rPoNlqybEZQBkcbZu8Hy+eqNJCqfBR8P7Pg8g==", + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@napi-rs/wasm-runtime": "^1.1.1" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.0.0-rc.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.9.tgz", + "integrity": "sha512-lHVNUG/8nlF1IQk1C0Ci574qKYyty2goMiPlRqkC5R+3LkXDkL5Dhx8ytbxq35m+pkHVIvIxviD+TWLdfeuadA==", + "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.9", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.9.tgz", + "integrity": "sha512-G0oA4+w1iY5AGi5HcDTxWsoxF509hrFIPB2rduV5aDqS9FtDg1CAfa7V34qImbjfhIcA8C+RekocJZA96EarwQ==", + "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/@supabase/auth-js": { + "version": "2.99.3", + "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.99.3.tgz", + "integrity": "sha512-vMEVLA1kGGYd/kdsJSwtjiFUZM1nGfrz2DWmgMBZtocV48qL+L2+4QpIkueXyBEumMQZFEyhz57i/5zGHjvdBw==", + "license": "MIT", + "dependencies": { + "tslib": "2.8.1" + }, + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@supabase/functions-js": { + "version": "2.99.3", + "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.99.3.tgz", + "integrity": "sha512-6tk2zrcBkzKaaBXPOG5nshn30uJNFGOH9LxOnE8i850eQmsX+jVm7vql9kTPyvUzEHwU4zdjSOkXS9M+9ukMVA==", + "license": "MIT", + "dependencies": { + "tslib": "2.8.1" + }, + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@supabase/postgrest-js": { + "version": "2.99.3", + "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.99.3.tgz", + "integrity": "sha512-8HxEf+zNycj7Z8+ONhhlu+7J7Ha+L6weyCtdEeK2mN5OWJbh6n4LPU4iuJ5UlCvvNnbSXMoutY7piITEEAgl2g==", + "license": "MIT", + "dependencies": { + "tslib": "2.8.1" + }, + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@supabase/realtime-js": { + "version": "2.99.3", + "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.99.3.tgz", + "integrity": "sha512-c1azgZ2nZPczbY5k5u5iFrk1InpxN81IvNE+UBAkjrBz3yc5ALLJNkeTQwbJZT4PZBuYXEzqYGLMuh9fdTtTMg==", + "license": "MIT", + "dependencies": { + "@types/phoenix": "^1.6.6", + "@types/ws": "^8.18.1", + "tslib": "2.8.1", + "ws": "^8.18.2" + }, + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@supabase/storage-js": { + "version": "2.99.3", + "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.99.3.tgz", + "integrity": "sha512-lOfIm4hInNcd8x0i1LWphnLKxec42wwbjs+vhaVAvR801Vda0UAMbTooUY6gfqgQb8v29GofqKuQMMTAsl6w/w==", + "license": "MIT", + "dependencies": { + "iceberg-js": "^0.8.1", + "tslib": "2.8.1" + }, + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@supabase/supabase-js": { + "version": "2.99.3", + "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.99.3.tgz", + "integrity": "sha512-GuPbzoEaI51AkLw9VGhLNvnzw4PHbS3p8j2/JlvLeZNQMKwZw4aEYQIDBRtFwL5Nv7/275n9m4DHtakY8nCvgg==", + "license": "MIT", + "dependencies": { + "@supabase/auth-js": "2.99.3", + "@supabase/functions-js": "2.99.3", + "@supabase/postgrest-js": "2.99.3", + "@supabase/realtime-js": "2.99.3", + "@supabase/storage-js": "2.99.3" + }, + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@tybys/wasm-util": { + "version": "0.10.1", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", + "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/node": { + "version": "25.5.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.0.tgz", + "integrity": "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==", + "license": "MIT", + "dependencies": { + "undici-types": "~7.18.0" + } + }, + "node_modules/@types/pako": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/pako/-/pako-2.0.4.tgz", + "integrity": "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw==", + "license": "MIT" + }, + "node_modules/@types/phoenix": { + "version": "1.6.7", + "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.7.tgz", + "integrity": "sha512-oN9ive//QSBkf19rfDv45M7eZPi0eEXylht2OLEXicu5b4KoQ1OzXIw+xDSGWxSxe1JmepRR/ZH283vsu518/Q==", + "license": "MIT" + }, + "node_modules/@types/raf": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz", + "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==", + "license": "MIT", + "optional": true + }, + "node_modules/@types/react": { + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz", + "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.2.3", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz", + "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.2.0" + } + }, + "node_modules/@types/trusted-types": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz", + "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", + "license": "MIT", + "optional": true + }, + "node_modules/@types/ws": { + "version": "8.18.1", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz", + "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==", + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@vitejs/plugin-react": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.0.1.tgz", + "integrity": "sha512-l9X/E3cDb+xY3SWzlG1MOGt2usfEHGMNIaegaUGFsLkb3RCn/k8/TOXBcab+OndDI4TBtktT8/9BwwW8Vi9KUQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@rolldown/pluginutils": "1.0.0-rc.7" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "peerDependencies": { + "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0", + "babel-plugin-react-compiler": "^1.0.0", + "vite": "^8.0.0" + }, + "peerDependenciesMeta": { + "@rolldown/plugin-babel": { + "optional": true + }, + "babel-plugin-react-compiler": { + "optional": true + } + } + }, + "node_modules/acorn": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", + "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "dev": true, + "license": "MIT", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/ajv": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", + "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/base64-arraybuffer": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz", + "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==", + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 0.6.0" + } + }, + "node_modules/baseline-browser-mapping": { + "version": "2.10.8", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.8.tgz", + "integrity": "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==", + "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.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/browserslist": { + "version": "4.28.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz", + "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==", + "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.9.0", + "caniuse-lite": "^1.0.30001759", + "electron-to-chromium": "^1.5.263", + "node-releases": "^2.0.27", + "update-browserslist-db": "^1.2.0" + }, + "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.30001780", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001780.tgz", + "integrity": "sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==", + "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/canvg": { + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.11.tgz", + "integrity": "sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==", + "license": "MIT", + "optional": true, + "dependencies": { + "@babel/runtime": "^7.12.5", + "@types/raf": "^3.4.0", + "core-js": "^3.8.3", + "raf": "^3.4.1", + "regenerator-runtime": "^0.13.7", + "rgbcolor": "^1.0.1", + "stackblur-canvas": "^2.0.0", + "svg-pathdata": "^6.0.3" + }, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "license": "MIT" + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/cookie": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz", + "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/core-js": { + "version": "3.49.0", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.49.0.tgz", + "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==", + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/core-js" + } + }, + "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/css-line-break": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz", + "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==", + "license": "MIT", + "optional": true, + "dependencies": { + "utrie": "^1.0.2" + } + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/dompurify": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.3.tgz", + "integrity": "sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==", + "license": "(MPL-2.0 OR Apache-2.0)", + "optional": true, + "optionalDependencies": { + "@types/trusted-types": "^2.0.7" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.5.321", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.321.tgz", + "integrity": "sha512-L2C7Q279W2D/J4PLZLk7sebOILDSWos7bMsMNN06rK482umHUrh/3lM8G7IlHFOYip2oAg5nha1rCMxr/rs6ZQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/escalade": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint": { + "version": "9.39.4", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz", + "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.8.0", + "@eslint-community/regexpp": "^4.12.1", + "@eslint/config-array": "^0.21.2", + "@eslint/config-helpers": "^0.4.2", + "@eslint/core": "^0.17.0", + "@eslint/eslintrc": "^3.3.5", + "@eslint/js": "9.39.4", + "@eslint/plugin-kit": "^0.4.1", + "@humanfs/node": "^0.16.6", + "@humanwhocodes/module-importer": "^1.0.1", + "@humanwhocodes/retry": "^0.4.2", + "@types/estree": "^1.0.6", + "ajv": "^6.14.0", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.6", + "debug": "^4.3.2", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^8.4.0", + "eslint-visitor-keys": "^4.2.1", + "espree": "^10.4.0", + "esquery": "^1.5.0", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^8.0.0", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.5", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + }, + "peerDependencies": { + "jiti": "*" + }, + "peerDependenciesMeta": { + "jiti": { + "optional": true + } + } + }, + "node_modules/eslint-plugin-react-hooks": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz", + "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.24.4", + "@babel/parser": "^7.24.4", + "hermes-parser": "^0.25.1", + "zod": "^3.25.0 || ^4.0.0", + "zod-validation-error": "^3.5.0 || ^4.0.0" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" + } + }, + "node_modules/eslint-plugin-react-refresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.5.2.tgz", + "integrity": "sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "eslint": "^9 || ^10" + } + }, + "node_modules/eslint-scope": { + "version": "8.4.0", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz", + "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz", + "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/espree": { + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz", + "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "acorn": "^8.15.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^4.2.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esquery": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz", + "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-png": { + "version": "6.4.0", + "resolved": "https://registry.npmjs.org/fast-png/-/fast-png-6.4.0.tgz", + "integrity": "sha512-kAqZq1TlgBjZcLr5mcN6NP5Rv4V2f22z00c3g8vRrwkcqjerx7BEhPbOnWCPqaHUl2XWQBJQvOT/FQhdMT7X/Q==", + "license": "MIT", + "dependencies": { + "@types/pako": "^2.0.3", + "iobuffer": "^5.3.2", + "pako": "^2.1.0" + } + }, + "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/fflate": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz", + "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==", + "license": "MIT" + }, + "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.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-17.4.0.tgz", + "integrity": "sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/hermes-estree": { + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz", + "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==", + "dev": true, + "license": "MIT" + }, + "node_modules/hermes-parser": { + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz", + "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==", + "dev": true, + "license": "MIT", + "dependencies": { + "hermes-estree": "0.25.1" + } + }, + "node_modules/html2canvas": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz", + "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==", + "license": "MIT", + "optional": true, + "dependencies": { + "css-line-break": "^2.1.0", + "text-segmentation": "^1.0.3" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/iceberg-js": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.1.tgz", + "integrity": "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA==", + "license": "MIT", + "engines": { + "node": ">=20.0.0" + } + }, + "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/iobuffer": { + "version": "5.4.0", + "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.4.0.tgz", + "integrity": "sha512-DRebOWuqDvxunfkNJAlc3IzWIPD5xVxwUNbHr7xKB8E6aLJxIPfNX3CoMJghcFjpv6RWQsrcJbghtEwSPoJqMA==", + "license": "MIT" + }, + "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/jspdf": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.2.1.tgz", + "integrity": "sha512-YyAXyvnmjTbR4bHQRLzex3CuINCDlQnBqoSYyjJwTP2x9jDLuKDzy7aKUl0hgx3uhcl7xzg32agn5vlie6HIlQ==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.28.6", + "fast-png": "^6.2.0", + "fflate": "^0.8.1" + }, + "optionalDependencies": { + "canvg": "^3.0.11", + "core-js": "^3.6.0", + "dompurify": "^3.3.1", + "html2canvas": "^1.0.0-rc.5" + } + }, + "node_modules/jspdf-autotable": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-5.0.7.tgz", + "integrity": "sha512-2wr7H6liNDBYNwt25hMQwXkEWFOEopgKIvR1Eukuw6Zmprm/ZcnmLTQEjW7Xx3FCbD3v7pflLcnMAv/h1jFDQw==", + "license": "MIT", + "peerDependencies": { + "jspdf": "^2 || ^3 || ^4" + } + }, + "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/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.36", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz", + "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==", + "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/pako": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz", + "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==", + "license": "(MIT AND Zlib)" + }, + "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/performance-now": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==", + "license": "MIT", + "optional": true + }, + "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.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.8", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz", + "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==", + "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/raf": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz", + "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==", + "license": "MIT", + "optional": true, + "dependencies": { + "performance-now": "^2.1.0" + } + }, + "node_modules/react": { + "version": "19.2.4", + "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz", + "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.2.4", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz", + "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.27.0" + }, + "peerDependencies": { + "react": "^19.2.4" + } + }, + "node_modules/react-router": { + "version": "7.13.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.13.1.tgz", + "integrity": "sha512-td+xP4X2/6BJvZoX6xw++A2DdEi++YypA69bJUV5oVvqf6/9/9nNlD70YO1e9d3MyamJEBQFEzk6mbfDYbqrSA==", + "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.13.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.13.1.tgz", + "integrity": "sha512-UJnV3Rxc5TgUPJt2KJpo1Jpy0OKQr0AjgbZzBFjaPJcFOb2Y8jA5H3LT8HUJAiRLlWrEXWHbF1Z4SCZaQjWDHw==", + "license": "MIT", + "dependencies": { + "react-router": "7.13.1" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + } + }, + "node_modules/regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", + "license": "MIT", + "optional": true + }, + "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/rgbcolor": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz", + "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==", + "license": "MIT OR SEE LICENSE IN FEEL-FREE.md", + "optional": true, + "engines": { + "node": ">= 0.8.15" + } + }, + "node_modules/rolldown": { + "version": "1.0.0-rc.9", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.9.tgz", + "integrity": "sha512-9EbgWge7ZH+yqb4d2EnELAntgPTWbfL8ajiTW+SyhJEC4qhBbkCKbqFV4Ge4zmu5ziQuVbWxb/XwLZ+RIO7E8Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.115.0", + "@rolldown/pluginutils": "1.0.0-rc.9" + }, + "bin": { + "rolldown": "bin/cli.mjs" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@rolldown/binding-android-arm64": "1.0.0-rc.9", + "@rolldown/binding-darwin-arm64": "1.0.0-rc.9", + "@rolldown/binding-darwin-x64": "1.0.0-rc.9", + "@rolldown/binding-freebsd-x64": "1.0.0-rc.9", + "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.9", + "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.9", + "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.9", + "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.9", + "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.9", + "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.9", + "@rolldown/binding-linux-x64-musl": "1.0.0-rc.9", + "@rolldown/binding-openharmony-arm64": "1.0.0-rc.9", + "@rolldown/binding-wasm32-wasi": "1.0.0-rc.9", + "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.9", + "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.9" + } + }, + "node_modules/rolldown/node_modules/@rolldown/pluginutils": { + "version": "1.0.0-rc.9", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.9.tgz", + "integrity": "sha512-w6oiRWgEBl04QkFZgmW+jnU1EC9b57Oihi2ot3HNWIQRqgHp5PnYDia5iZ5FF7rpa4EQdiqMDXjlqKGXBhsoXw==", + "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/stackblur-canvas": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz", + "integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==", + "license": "MIT", + "optional": true, + "engines": { + "node": ">=0.1.14" + } + }, + "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/svg-pathdata": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz", + "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==", + "license": "MIT", + "optional": true, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/text-segmentation": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz", + "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==", + "license": "MIT", + "optional": true, + "dependencies": { + "utrie": "^1.0.2" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "license": "0BSD" + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/undici-types": { + "version": "7.18.2", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz", + "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==", + "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/utrie": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz", + "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==", + "license": "MIT", + "optional": true, + "dependencies": { + "base64-arraybuffer": "^1.0.2" + } + }, + "node_modules/vite": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.0.tgz", + "integrity": "sha512-fPGaRNj9Zytaf8LEiBhY7Z6ijnFKdzU/+mL8EFBaKr7Vw1/FWcTBAMW0wLPJAGMPX38ZPVCVgLceWiEqeoqL2Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/runtime": "0.115.0", + "lightningcss": "^1.32.0", + "picomatch": "^4.0.3", + "postcss": "^8.5.8", + "rolldown": "1.0.0-rc.9", + "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.0.0-alpha.31", + "esbuild": "^0.27.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.19.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz", + "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==", + "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" + } + } + } +} diff --git a/package.json b/package.json new file mode 100755 index 0000000..ca3f856 --- /dev/null +++ b/package.json @@ -0,0 +1,31 @@ +{ + "name": "fourge-portal", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "@supabase/supabase-js": "^2.99.3", + "jspdf": "^4.2.1", + "jspdf-autotable": "^5.0.7", + "react": "^19.2.4", + "react-dom": "^19.2.4", + "react-router-dom": "^7.13.1" + }, + "devDependencies": { + "@eslint/js": "^9.39.4", + "@types/react": "^19.2.14", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.0", + "eslint": "^9.39.4", + "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-refresh": "^0.5.2", + "globals": "^17.4.0", + "vite": "^8.0.0" + } +} diff --git a/public/.htaccess b/public/.htaccess new file mode 100755 index 0000000..62d0312 --- /dev/null +++ b/public/.htaccess @@ -0,0 +1,4 @@ +Options -MultiViews +RewriteEngine On +RewriteCond %{REQUEST_FILENAME} !-f +RewriteRule ^ index.html [QSA,L] diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100755 index 0000000..6893eb1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/font.ttf b/public/font.ttf new file mode 100755 index 0000000..e4a134f Binary files /dev/null and b/public/font.ttf differ diff --git a/public/fourge-logo.png b/public/fourge-logo.png new file mode 100644 index 0000000..74c1927 Binary files /dev/null and b/public/fourge-logo.png differ diff --git a/public/icons.svg b/public/icons.svg new file mode 100755 index 0000000..e952219 --- /dev/null +++ b/public/icons.svg @@ -0,0 +1,24 @@ + diff --git a/public/logo.png b/public/logo.png new file mode 100755 index 0000000..5103a15 Binary files /dev/null and b/public/logo.png differ diff --git a/src/App.css b/src/App.css new file mode 100755 index 0000000..72a4288 --- /dev/null +++ b/src/App.css @@ -0,0 +1 @@ +/* unused - styles are in index.css */ diff --git a/src/App.jsx b/src/App.jsx new file mode 100755 index 0000000..2fbd713 --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,60 @@ +import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'; +import { AuthProvider } from './context/AuthContext'; +import ProtectedRoute from './components/ProtectedRoute'; + +import Login from './pages/Login'; +import Signup from './pages/Signup'; +import SignupConfirmation from './pages/SignupConfirmation'; + +import Dashboard from './pages/team/Dashboard'; +import Companies from './pages/team/Companies'; +import CompanyDetail from './pages/team/CompanyDetail'; +import ProjectDetail from './pages/team/ProjectDetail'; +import TaskDetail from './pages/team/TaskDetail'; +import Requests from './pages/team/Requests'; +import Invoices from './pages/team/Invoices'; +import CreateInvoice from './pages/team/CreateInvoice'; +import InvoiceDetail from './pages/team/InvoiceDetail'; + +import Settings from './pages/Settings'; +import MyRequests from './pages/client/MyRequests'; +import MyProjects from './pages/client/MyProjects'; +import MyProjectDetail from './pages/client/MyProjectDetail'; +import MyInvoices from './pages/client/MyInvoices'; +import RequestDetail from './pages/client/RequestDetail'; +import NewRequest from './pages/client/NewRequest'; + +export default function App() { + return ( + + + + } /> + } /> + } /> + + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + } /> + + } /> + } /> + } /> + } /> + } /> + } /> + + } /> + + + + ); +} diff --git a/src/assets/hero.png b/src/assets/hero.png new file mode 100755 index 0000000..cc51a3d Binary files /dev/null and b/src/assets/hero.png differ diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100755 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 100755 index 0000000..5101b67 --- /dev/null +++ b/src/assets/vite.svg @@ -0,0 +1 @@ + diff --git a/src/components/FileAttachment.jsx b/src/components/FileAttachment.jsx new file mode 100755 index 0000000..a187fc9 --- /dev/null +++ b/src/components/FileAttachment.jsx @@ -0,0 +1,92 @@ +import { useState } from 'react'; + +const MAX_FILES = 20; +const MAX_SIZE_MB = 10; +const MAX_SIZE_BYTES = MAX_SIZE_MB * 1024 * 1024; + +const formatSize = (bytes) => { + if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB'; + return (bytes / (1024 * 1024)).toFixed(1) + ' MB'; +}; + +export default function FileAttachment({ files, onChange }) { + const [errors, setErrors] = useState([]); + + const handleChange = (e) => { + const incoming = Array.from(e.target.files); + const combined = [...files, ...incoming]; + const errs = []; + + if (combined.length > MAX_FILES) { + errs.push(`Maximum ${MAX_FILES} files allowed.`); + } + incoming.filter(f => f.size > MAX_SIZE_BYTES) + .forEach(f => errs.push(`"${f.name}" exceeds ${MAX_SIZE_MB} MB limit.`)); + + if (errs.length > 0) { setErrors(errs); return; } + setErrors([]); + onChange(combined); + e.target.value = ''; + }; + + const remove = (index) => { + setErrors([]); + onChange(files.filter((_, i) => i !== index)); + }; + + return ( +

+ + Attach Files + + Up to {MAX_FILES} files · Max {MAX_SIZE_MB} MB each · Any file type + + + +

0 ? 'var(--accent)' : 'var(--border)'}`, + borderRadius: 8, padding: '18px 16px', textAlign: 'center', + background: files.length > 0 ? '#fffbeb' : '#fafafa', transition: 'all 0.15s', + }}> + + +

📎

+ {files.length > 0 ? `${files.length} file${files.length !== 1 ? 's' : ''} attached — click to add more` : 'Click to attach files'} +

Any file type accepted

+ +

+ + {errors.length > 0 && errors.map((err, i) => ( +

⚠ {err}

+ ))} + + {files.length > 0 && ( +

+ {files.map((file, i) => ( +

+ 📄 +

{file.name}

{formatSize(file.size)}

+ +

+ ))} +

+ {files.length}/{MAX_FILES} files +

+ )} +

+ ); +} diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx new file mode 100755 index 0000000..18a817c --- /dev/null +++ b/src/components/Layout.jsx @@ -0,0 +1,112 @@ +import { useState, useEffect } from 'react'; +import { NavLink, useNavigate, useLocation } from 'react-router-dom'; +import { useAuth } from '../context/AuthContext'; + +function TeamNav({ onNav }) { + return ( +

Main

+ {[ + { to: '/dashboard', label: 'Dashboard' }, + { to: '/companies', label: 'Companies' }, + { to: '/requests', label: 'Requests' }, + { to: '/invoices', label: 'Invoices' }, + ].map(({ to, label }) => ( + `sidebar-link${isActive ? ' active' : ''}`}> + {label} + + ))} +

+ ); +} + +function ClientNav({ onNav }) { + return ( +

My Work

+ {[ + { to: '/my-projects', label: 'Projects' }, + { to: '/my-invoices', label: 'Invoices' }, + ].map(({ to, label }) => ( + `sidebar-link${isActive ? ' active' : ''}`}> + {label} + + ))} +

+ ); +} + +export default function Layout({ children }) { + const { currentUser, logout } = useAuth(); + const navigate = useNavigate(); + const location = useLocation(); + const [theme, setTheme] = useState(() => localStorage.getItem('theme') || 'dark'); + const [menuOpen, setMenuOpen] = useState(false); + + useEffect(() => { + document.documentElement.setAttribute('data-theme', theme); + localStorage.setItem('theme', theme); + }, [theme]); + + // Close menu on route change + useEffect(() => { setMenuOpen(false); }, [location.pathname]); + + const toggleTheme = () => setTheme(t => t === 'dark' ? 'light' : 'dark'); + const handleLogout = () => { logout(); navigate('/'); }; + + const initials = currentUser?.name + ?.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2); + + return ( +

+ {/* Overlay */} + {menuOpen &&

setMenuOpen(false)} />} + + + +

+ {/* Mobile top bar inside main wrapper so it sits at the top */} +

+ +

+ {children} +

+ ); +} diff --git a/src/components/ProtectedRoute.jsx b/src/components/ProtectedRoute.jsx new file mode 100755 index 0000000..9833bec --- /dev/null +++ b/src/components/ProtectedRoute.jsx @@ -0,0 +1,12 @@ +import { Navigate } from 'react-router-dom'; +import { useAuth } from '../context/AuthContext'; + +export default function ProtectedRoute({ children, role }) { + const { currentUser } = useAuth(); + if (!currentUser) return ; + if (role && currentUser.role !== role) { + return ; + } + return children; +} + diff --git a/src/components/StatusBadge.jsx b/src/components/StatusBadge.jsx new file mode 100755 index 0000000..ff131e5 --- /dev/null +++ b/src/components/StatusBadge.jsx @@ -0,0 +1,21 @@ +const labels = { + not_started: 'Not Started', + in_progress: 'In Progress', + on_hold: 'On Hold', + client_review: 'Client Review', + client_approved: 'Client Approved', + active: 'Active', + completed: 'Completed', + initial: 'Initial', + revision: 'Revision', + team: 'Team', + client: 'Client', +}; + +export default function StatusBadge({ status }) { + return ( + + {labels[status] || status} + + ); +} diff --git a/src/context/AuthContext.jsx b/src/context/AuthContext.jsx new file mode 100755 index 0000000..e00f191 --- /dev/null +++ b/src/context/AuthContext.jsx @@ -0,0 +1,82 @@ +import { createContext, useContext, useState, useEffect } from 'react'; +import { supabase } from '../lib/supabase'; + +const AuthContext = createContext(null); + +export function AuthProvider({ children }) { + const [currentUser, setCurrentUser] = useState(null); + const [loading, setLoading] = useState(true); + + const fetchProfile = async (authUser) => { + const { data } = await supabase + .from('profiles') + .select('*, company:companies(id, name, email)') + .eq('id', authUser.id) + .single(); + if (data) setCurrentUser({ ...data, email: authUser.email }); + }; + + useEffect(() => { + const timeout = setTimeout(() => setLoading(false), 5000); + + supabase.auth.getSession().then(async ({ data: { session } }) => { + if (session?.user) await fetchProfile(session.user); + clearTimeout(timeout); + setLoading(false); + }).catch(() => { + clearTimeout(timeout); + setLoading(false); + }); + + const { data: { subscription } } = supabase.auth.onAuthStateChange(async (event, session) => { + if (session?.user) { + await fetchProfile(session.user); + } else { + setCurrentUser(null); + } + }); + + return () => { + clearTimeout(timeout); + subscription.unsubscribe(); + }; + }, []); + + const login = async (email, password) => { + const { error } = await supabase.auth.signInWithPassword({ email, password }); + if (error) return { error: error.message }; + return {}; + }; + + const signup = async (email, password, name) => { + const { error } = await supabase.auth.signUp({ + email, + password, + options: { data: { name, role: 'client' } }, + }); + if (error) return { error: error.message }; + return {}; + }; + + const logout = async () => { + await supabase.auth.signOut(); + setCurrentUser(null); + }; + + if (loading) return ( +

+ ); + + return ( + + {children} + + ); +} + +export const useAuth = () => useContext(AuthContext); diff --git a/src/data/mockData.js b/src/data/mockData.js new file mode 100755 index 0000000..968b049 --- /dev/null +++ b/src/data/mockData.js @@ -0,0 +1,270 @@ +export const mockUsers = [ + { id: '1', name: 'Jordan Lee', email: 'jordan@fourgebranding.com', role: 'team', company: 'Fourge Branding' }, + { id: '2', name: 'Alex Rivera', email: 'alex@fourgebranding.com', role: 'team', company: 'Fourge Branding' }, + { id: '3', name: 'Morgan Chen', email: 'morgan@fourgebranding.com', role: 'team', company: 'Fourge Branding' }, + { id: '4', name: 'Taylor Brooks', email: 'taylor@fourgebranding.com', role: 'team', company: 'Fourge Branding' }, + { id: '5', name: 'John Smith', email: 'john@acmecorp.com', role: 'client', company: 'Acme Corp' }, + { id: '6', name: 'Sarah Johnson', email: 'sarah@techstartup.com', role: 'client', company: 'Tech Startup Inc' }, +]; + +export const serviceTypes = [ + 'Logo Design', + 'Brand Identity', + 'Brand Guidelines', + 'Brand Book', + 'Social Media Graphics', + 'Print Design', + 'Business Cards', + 'Packaging Design', + 'Web Design', + 'Other', +]; + +export const teamMembers = mockUsers.filter(u => u.role === 'team'); + +export const mockClients = [ + { + id: '1', + name: 'John Smith', + email: 'john@acmecorp.com', + company: 'Acme Corp', + type: 'registered', + userId: '5', + createdAt: '2025-01-10', + }, + { + id: '2', + name: 'Sarah Johnson', + email: 'sarah@techstartup.com', + company: 'Tech Startup Inc', + type: 'registered', + userId: '6', + createdAt: '2025-01-18', + }, + { + id: '3', + name: 'Mike Davis', + email: 'mike@davisco.com', + company: 'Davis & Co', + type: 'guest', + userId: null, + createdAt: '2025-01-22', + }, + { + id: '4', + name: 'Emma Bloom', + email: 'emma@bloombakery.com', + company: 'Bloom Bakery', + type: 'guest', + userId: null, + createdAt: '2024-12-10', + }, +]; + +export const mockProjects = [ + { + id: '1', + clientId: '1', + name: '2025 Brand Refresh', + description: 'Full brand identity overhaul including logo, guidelines, and print materials.', + status: 'active', + createdAt: '2025-01-15', + }, + { + id: '2', + clientId: '1', + name: 'Social Media Kit', + description: 'Social media templates and graphics package.', + status: 'active', + createdAt: '2025-02-01', + }, + { + id: '3', + clientId: '2', + name: 'Launch Package', + description: 'Everything needed for the startup launch — logo, brand, web.', + status: 'active', + createdAt: '2025-01-20', + }, + { + id: '4', + clientId: '3', + name: 'Business Card Design', + description: 'Single business card design for consulting firm.', + status: 'active', + createdAt: '2025-01-22', + }, + { + id: '5', + clientId: '4', + name: 'Packaging & Brand', + description: 'Packaging design and brand identity for bakery.', + status: 'completed', + createdAt: '2024-12-10', + }, +]; + +export const mockTasks = [ + { + id: '1', + projectId: '1', + title: 'Logo Design', + assignedTo: '1', + assignedName: 'Jordan Lee', + status: 'client_review', + currentVersion: 1, + submittedAt: '2025-01-15', + completedAt: null, + }, + { + id: '2', + projectId: '1', + title: 'Brand Book', + assignedTo: '2', + assignedName: 'Alex Rivera', + status: 'in_progress', + currentVersion: 0, + submittedAt: '2025-01-15', + completedAt: null, + }, + { + id: '3', + projectId: '1', + title: 'Business Cards', + assignedTo: null, + assignedName: null, + status: 'not_started', + currentVersion: 0, + submittedAt: '2025-01-15', + completedAt: null, + }, + { + id: '4', + projectId: '2', + title: 'Instagram Templates', + assignedTo: '3', + assignedName: 'Morgan Chen', + status: 'not_started', + currentVersion: 0, + submittedAt: '2025-02-01', + completedAt: null, + }, + { + id: '5', + projectId: '3', + title: 'Logo Design', + assignedTo: '1', + assignedName: 'Jordan Lee', + status: 'not_started', + currentVersion: 1, + submittedAt: '2025-01-20', + completedAt: null, + }, + { + id: '6', + projectId: '4', + title: 'Business Card Design', + assignedTo: null, + assignedName: null, + status: 'not_started', + currentVersion: 0, + submittedAt: '2025-01-22', + completedAt: null, + }, + { + id: '7', + projectId: '5', + title: 'Packaging Design', + assignedTo: '3', + assignedName: 'Morgan Chen', + status: 'client_approved', + currentVersion: 2, + submittedAt: '2024-12-10', + completedAt: '2025-01-05', + }, +]; + +export const mockSubmissions = [ + { + id: '1', + taskId: '1', + versionNumber: 1, + type: 'initial', + serviceType: 'Logo Design', + deadline: '2025-02-15', + description: 'We need a modern, minimalist logo for our company. Colors should be blue and white. We want something that conveys trust and professionalism.', + submittedBy: '5', + submittedByName: 'John Smith', + submittedAt: '2025-01-15', + delivery: { + files: [{ name: 'AcmeCorp_Logo_v00.pdf' }, { name: 'AcmeCorp_Logo_v00_dark.pdf' }], + sentAt: '2025-01-22', + sentBy: 'Jordan Lee', + }, + }, + { + id: '2', + taskId: '1', + versionNumber: 2, + type: 'revision', + serviceType: 'Logo Design', + deadline: '2025-02-20', + description: 'We like the direction but would like the font to be bolder and the icon slightly larger. Also please try a version with a dark background.', + submittedBy: '5', + submittedByName: 'John Smith', + submittedAt: '2025-01-25', + delivery: { + files: [{ name: 'AcmeCorp_Logo_v01.pdf' }], + sentAt: '2025-01-30', + sentBy: 'Jordan Lee', + }, + }, + { + id: '3', + taskId: '2', + versionNumber: 1, + type: 'initial', + serviceType: 'Brand Book', + deadline: '2025-03-01', + description: 'Full brand book including color palette, typography, logo usage rules, and example applications.', + submittedBy: '5', + submittedByName: 'John Smith', + submittedAt: '2025-01-15', + }, + { + id: '4', + taskId: '5', + versionNumber: 1, + type: 'initial', + serviceType: 'Logo Design', + deadline: '2025-02-28', + description: 'Need a fresh, modern logo for our tech startup. We are in the AI space and want something futuristic but approachable.', + submittedBy: '6', + submittedByName: 'Sarah Johnson', + submittedAt: '2025-01-20', + }, + { + id: '5', + taskId: '5', + versionNumber: 2, + type: 'revision', + serviceType: 'Logo Design', + deadline: '2025-03-05', + description: 'The logo looks good but we want to explore a different color direction — green and purple. The icon feels too corporate.', + submittedBy: '6', + submittedByName: 'Sarah Johnson', + submittedAt: '2025-01-28', + }, + { + id: '6', + taskId: '6', + versionNumber: 1, + type: 'initial', + serviceType: 'Business Cards', + deadline: '2025-02-10', + description: 'Standard business card design for our consulting firm. We have a logo already, just need a professional card layout with clean typography.', + submittedBy: null, + submittedByName: 'Mike Davis (Guest)', + submittedAt: '2025-01-22', + }, +]; diff --git a/src/index.css b/src/index.css new file mode 100755 index 0000000..610ff07 --- /dev/null +++ b/src/index.css @@ -0,0 +1,380 @@ +@font-face { + font-family: 'Fourge'; + src: url('/font.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } + +:root { + --sidebar-bg: #0d0d0d; + --sidebar-text: #888888; + --sidebar-active-text: #ffffff; + --sidebar-active-bg: #1a1a1a; + --sidebar-hover-bg: #1a1a1a; + --accent: #F5A523; + --accent-hover: #e09510; + --bg: #111111; + --card-bg: #1a1a1a; + --card-bg-2: #222222; + --text-primary: #ffffff; + --text-secondary: #a8a8a8; + --text-muted: #666666; + --border: #2a2a2a; + --danger: #ef4444; + --success: #22c55e; +} + +[data-theme="light"] { + --sidebar-bg: #1a1a1a; + --sidebar-text: #888888; + --sidebar-active-text: #ffffff; + --sidebar-active-bg: #2a2a2a; + --sidebar-hover-bg: #2a2a2a; + --bg: #f4f4f4; + --card-bg: #ffffff; + --card-bg-2: #f0f0f0; + --text-primary: #1a1a1a; + --text-secondary: #5a5a5a; + --text-muted: #999999; + --border: #e0e0e0; +} +[data-theme="light"] input[type="text"], +[data-theme="light"] input[type="email"], +[data-theme="light"] input[type="date"], +[data-theme="light"] input[type="password"], +[data-theme="light"] select, +[data-theme="light"] textarea { + background: #fff; + color: #1a1a1a; + border-color: #d0d0d0; +} +[data-theme="light"] input::placeholder, +[data-theme="light"] textarea::placeholder { color: #aaa; } +[data-theme="light"] th { background: #fafafa; } +[data-theme="light"] tr:hover td { background: #fafafa; } +[data-theme="light"] .assign-select { background: #fff; color: #1a1a1a; } +[data-theme="light"] .badge-not_started { background: #f1f5f9; color: #64748b; border-color: #e2e8f0; } +[data-theme="light"] .badge-in_progress { background: #eff6ff; color: #2563eb; border-color: #bfdbfe; } +[data-theme="light"] .badge-on_hold { background: #fffbeb; color: #d97706; border-color: #fde68a; } +[data-theme="light"] .badge-client_review { background: #f5f3ff; color: #7c3aed; border-color: #ddd6fe; } +[data-theme="light"] .badge-client_approved { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; } +[data-theme="light"] .badge-sent_to_client { background: #f5f3ff; color: #7c3aed; border-color: #ddd6fe; } +[data-theme="light"] .badge-revision_requested { background: #fff7ed; color: #c2410c; border-color: #fed7aa; } +[data-theme="light"] .badge-approved { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; } +[data-theme="light"] .badge-active { background: #eff6ff; color: #2563eb; border-color: #bfdbfe; } +[data-theme="light"] .badge-completed { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; } +[data-theme="light"] .badge-initial { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; } +[data-theme="light"] .badge-revision { background: #fff7ed; color: #c2410c; border-color: #fed7aa; } +[data-theme="light"] .badge-team { background: #f5f3ff; color: #7c3aed; border-color: #ddd6fe; } +[data-theme="light"] .badge-client { background: #fffbeb; color: #b45309; border-color: #fde68a; } +[data-theme="light"] .notification-success { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; } +[data-theme="light"] .notification-info { background: #eff6ff; color: #2563eb; border-color: #bfdbfe; } +[data-theme="light"] .btn-outline { color: #1a1a1a; border-color: #d0d0d0; } +[data-theme="light"] .btn-outline:hover { background: #f0f0f0; } +[data-theme="light"] .btn-danger { color: var(--danger); border-color: var(--danger); } +[data-theme="light"] .btn-danger:hover { background: var(--danger); color: white; } +[data-theme="light"] select option { background: #fff; color: #1a1a1a; } +[data-theme="light"] .assign-select option { background: #fff; color: #1a1a1a; } + +body { + font-family: 'Fourge', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + background: var(--bg); + color: var(--text-primary); + font-size: 14px; + line-height: 1.5; +} + +#root { all: unset; display: block; } + +/* Layout */ +.app-layout { display: flex; min-height: 100vh; } + +.sidebar { + width: 240px; + min-width: 240px; + background: var(--sidebar-bg); + display: flex; + flex-direction: column; + padding: 24px 0; + position: fixed; + top: 0; left: 0; + height: 100vh; + overflow-y: auto; + border-right: 1px solid var(--border); +} + +.sidebar-logo { + padding: 0 20px 24px; + border-bottom: 1px solid var(--border); + margin-bottom: 16px; +} +.sidebar-logo h1 { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.3px; } +.sidebar-logo span { font-size: 12px; color: var(--sidebar-text); } + +.sidebar-section { padding: 0 12px; margin-bottom: 8px; } +.sidebar-section-label { + font-size: 10px; font-weight: 600; text-transform: uppercase; + letter-spacing: 0.8px; color: #444; padding: 0 8px; margin-bottom: 4px; +} + +.sidebar-link { + display: flex; align-items: center; gap: 10px; + padding: 9px 12px; border-radius: 6px; + color: var(--sidebar-text); text-decoration: none; + font-size: 13px; font-weight: 500; + transition: background 0.15s, color 0.15s; + cursor: pointer; border: none; background: none; + width: 100%; text-align: left; +} +.sidebar-link:hover { background: var(--sidebar-hover-bg); color: #fff; } +.sidebar-link.active { background: var(--sidebar-active-bg); color: #fff; border-left: 2px solid var(--accent); padding-left: 10px; } +.sidebar-link .icon { font-size: 15px; width: 18px; text-align: center; opacity: 0.7; } + +.sidebar-bottom { + margin-top: auto; padding: 16px 12px 0; + border-top: 1px solid var(--border); +} +.sidebar-user { padding: 10px 12px; display: flex; align-items: center; gap: 10px; } +.sidebar-avatar { + width: 30px; height: 30px; border-radius: 4px; + background: var(--accent); display: flex; align-items: center; + justify-content: center; color: #1a1a1a; font-size: 12px; + font-weight: 700; flex-shrink: 0; +} +.sidebar-user-info { overflow: hidden; } +.sidebar-user-name { font-size: 13px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.sidebar-user-role { font-size: 11px; color: var(--sidebar-text); text-transform: capitalize; } + +.main-wrapper { margin-left: 240px; flex: 1; display: flex; flex-direction: column; min-height: 100vh; } +.main-content { flex: 1; padding: 32px; } + +/* Page header */ +.page-header { + margin-bottom: 28px; display: flex; + align-items: flex-start; justify-content: space-between; gap: 16px; +} +.page-title { font-size: 22px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.3px; } +.page-subtitle { font-size: 13px; color: var(--text-secondary); margin-top: 3px; } + +/* Cards */ +.card { background: var(--card-bg); border-radius: 8px; border: 1px solid var(--border); padding: 20px; } +.card-title { font-size: 14px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; } + +/* Stats */ +.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 28px; } +.stat-card { background: var(--card-bg); border-radius: 8px; border: 1px solid var(--border); padding: 20px; } +.stat-value { font-size: 32px; font-weight: 700; color: var(--text-primary); letter-spacing: -1px; } +.stat-label { font-size: 12px; color: var(--text-muted); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.4px; } +.stat-icon { display: none; } + +/* Buttons */ +.btn { + display: inline-flex; align-items: center; gap: 6px; + padding: 9px 18px; border-radius: 6px; font-size: 13px; + font-weight: 600; cursor: pointer; border: none; + transition: all 0.15s; text-decoration: none; white-space: nowrap; + font-family: inherit; +} +.btn-primary { background: var(--accent); color: #111111; } +.btn-primary:hover { background: var(--accent-hover); } +.btn-outline { background: transparent; color: var(--text-primary); border: 1px solid var(--border); } +.btn-outline:hover { background: var(--card-bg-2); border-color: #444; } +.btn-success { background: #22c55e; color: #111; } +.btn-success:hover { background: #16a34a; } +.btn-warning { background: var(--accent); color: #111; } +.btn-warning:hover { background: var(--accent-hover); } +.btn-danger { background: transparent; color: var(--danger); border: 1px solid var(--danger); } +.btn-danger:hover { background: var(--danger); color: white; } +.btn-sm { padding: 5px 12px; font-size: 12px; } +.btn-lg { padding: 13px 28px; font-size: 15px; } + +/* Badges */ +.badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 4px; font-size: 11px; font-weight: 600; white-space: nowrap; letter-spacing: 0.3px; } +.badge-not_started { background: #222; color: #888; border: 1px solid #333; } +.badge-in_progress { background: rgba(37,99,235,0.15); color: #60a5fa; border: 1px solid rgba(37,99,235,0.3); } +.badge-on_hold { background: rgba(217,119,6,0.15); color: #fbbf24; border: 1px solid rgba(217,119,6,0.3); } +.badge-client_review { background: rgba(124,58,237,0.15); color: #c4b5fd; border: 1px solid rgba(124,58,237,0.3); } +.badge-client_approved { background: rgba(34,197,94,0.15); color: #4ade80; border: 1px solid rgba(34,197,94,0.3); } +.badge-sent_to_client { background: rgba(124,58,237,0.15); color: #c4b5fd; border: 1px solid rgba(124,58,237,0.3); } +.badge-revision_requested { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.3); } +.badge-approved { background: rgba(34,197,94,0.15); color: #4ade80; border: 1px solid rgba(34,197,94,0.3); } +.badge-active { background: rgba(37,99,235,0.15); color: #60a5fa; border: 1px solid rgba(37,99,235,0.3); } +.badge-completed { background: rgba(34,197,94,0.15); color: #4ade80; border: 1px solid rgba(34,197,94,0.3); } +.badge-initial { background: rgba(34,197,94,0.15); color: #4ade80; border: 1px solid rgba(34,197,94,0.3); } +.badge-revision { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.3); } +.badge-team { background: rgba(124,58,237,0.15); color: #c4b5fd; border: 1px solid rgba(124,58,237,0.3); } +.badge-client { background: rgba(245,165,35,0.15); color: var(--accent); border: 1px solid rgba(245,165,35,0.3); } + +/* Table */ +.table-wrapper { overflow-x: auto; border-radius: 8px; border: 1px solid var(--border); background: var(--card-bg); } +table { width: 100%; border-collapse: collapse; } +th { text-align: left; padding: 12px 16px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-muted); background: var(--card-bg); border-bottom: 1px solid var(--border); } +td { padding: 14px 16px; border-bottom: 1px solid var(--border); font-size: 13px; color: var(--text-primary); } +tr:last-child td { border-bottom: none; } +tr:hover td { background: rgba(255,255,255,0.02); } +.table-link { color: var(--accent); text-decoration: none; font-weight: 600; } +.table-link:hover { text-decoration: underline; } + +/* Forms */ +.form-group { margin-bottom: 18px; } +label { display: block; font-size: 12px; font-weight: 600; color: var(--text-secondary); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.4px; } +input[type="text"], input[type="email"], input[type="date"], input[type="password"], select, textarea { + width: 100%; padding: 10px 14px; border: 1px solid var(--border); + border-radius: 6px; font-size: 14px; color: var(--text-primary); + background: var(--card-bg-2); outline: none; transition: border 0.15s; font-family: inherit; +} +input::placeholder, textarea::placeholder { color: var(--text-muted); } +input:focus, select:focus, textarea:focus { + border-color: var(--accent); + box-shadow: 0 0 0 3px rgba(245,165,35,0.1); +} +textarea { resize: vertical; min-height: 100px; } +select option { background: #222; color: #fff; } + +/* Auth */ +.auth-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #0d0d0d; padding: 20px; } +.auth-card { background: #1a1a1a; border-radius: 8px; border: 1px solid var(--border); padding: 40px; width: 100%; max-width: 440px; } +.auth-logo { text-align: center; margin-bottom: 32px; } +.auth-logo h1 { font-size: 22px; font-weight: 800; color: #ffffff; letter-spacing: -0.5px; } +.auth-logo p { font-size: 13px; color: #888; margin-top: 6px; } +.auth-card label { color: var(--text-secondary); } +.auth-card input[type="text"], +.auth-card input[type="email"], +.auth-card input[type="password"], +.auth-card select, +.auth-card textarea { + background: #222; + border-color: #333; + color: #fff; +} +.auth-card input::placeholder, +.auth-card textarea::placeholder { color: #555; } +.auth-card input:focus, .auth-card select:focus, .auth-card textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(245,165,35,0.1); } +.auth-card .btn-outline { border-color: #333; color: #888; } +.auth-card .btn-outline:hover { background: #222; color: #fff; } +.auth-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: #444; font-size: 12px; } +.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); } +.quick-login { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border); } +.quick-login-title { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #555; margin-bottom: 10px; } +.quick-login-list { display: flex; flex-direction: column; gap: 6px; } +.quick-login-btn { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 6px; border: 1px solid #2a2a2a; background: #222; cursor: pointer; transition: background 0.15s; text-align: left; width: 100%; } +.quick-login-btn:hover { background: #2a2a2a; } +.quick-login-name { font-size: 13px; font-weight: 600; color: #fff; } +.quick-login-email { font-size: 11px; color: #666; } + +/* Misc */ +.back-link { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); text-decoration: none; font-size: 12px; font-weight: 500; margin-bottom: 20px; cursor: pointer; border: none; background: none; text-transform: uppercase; letter-spacing: 0.5px; font-family: inherit; } +.back-link:hover { color: var(--text-primary); } +.empty-state { text-align: center; padding: 56px 20px; color: var(--text-secondary); } +.empty-state-icon { display: none; } +.empty-state h3 { font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 6px; } +.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } +.version-timeline { display: flex; flex-direction: column; gap: 12px; } +.version-item { border: 1px solid var(--border); border-radius: 8px; padding: 16px; background: var(--card-bg); } +.version-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } +.version-number { font-size: 12px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1px; } +.version-meta { font-size: 12px; color: var(--text-secondary); margin-top: 8px; display: flex; gap: 16px; } +.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; } +.detail-item label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; color: var(--text-muted); margin-bottom: 4px; } +.detail-item p { font-size: 14px; color: var(--text-primary); font-weight: 500; } +.notification { padding: 12px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; margin-bottom: 20px; } +.notification-success { background: rgba(34,197,94,0.1); color: #4ade80; border: 1px solid rgba(34,197,94,0.2); } +.notification-info { background: rgba(37,99,235,0.1); color: #60a5fa; border: 1px solid rgba(37,99,235,0.2); } +.request-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: 20px; margin-bottom: 8px; transition: border-color 0.15s; } +.request-card:hover { border-color: #3a3a3a; } +.request-card-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; } +.request-card-title { font-size: 15px; font-weight: 600; color: var(--text-primary); } +.request-card-meta { font-size: 12px; color: var(--text-secondary); margin-top: 4px; } +.action-buttons { display: flex; gap: 8px; flex-wrap: wrap; } +.assign-select { padding: 6px 10px; border-radius: 6px; border: 1px solid var(--border); font-size: 13px; color: var(--text-primary); background: var(--card-bg-2); cursor: pointer; font-family: inherit; } +.assign-select option { background: #222; } +.flex { display: flex; } +.items-center { align-items: center; } +.justify-between { justify-content: space-between; } +.gap-2 { gap: 8px; } +.gap-3 { gap: 12px; } +.gap-4 { gap: 16px; } +.mt-4 { margin-top: 16px; } +.mt-6 { margin-top: 24px; } +.mb-4 { margin-bottom: 16px; } +.mb-6 { margin-bottom: 24px; } +.w-full { width: 100%; } +.font-bold { font-weight: 700; } +.text-muted { color: var(--text-muted); } +.text-secondary { color: var(--text-secondary); } + +/* Mobile topbar — hidden on desktop */ +.mobile-topbar { + display: none; +} + +/* Hamburger button */ +.hamburger { + background: none; border: none; cursor: pointer; + display: flex; flex-direction: column; gap: 5px; padding: 4px; +} +.hamburger span { + display: block; width: 22px; height: 2px; + background: var(--text-primary); border-radius: 2px; transition: all 0.2s; +} + +/* Sidebar overlay (mobile) */ +.sidebar-overlay { + display: none; + position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99; +} + +@media (max-width: 768px) { + /* Show mobile topbar */ + .mobile-topbar { + display: flex; align-items: center; justify-content: flex-start; + padding: 10px 14px; background: var(--sidebar-bg); + border-bottom: 1px solid var(--border); + position: fixed; top: 0; left: 0; right: 0; z-index: 100; + height: 48px; + } + .main-content { padding-top: 64px; } + + /* Sidebar slides in from left */ + .sidebar { + position: fixed; left: -240px; top: 0; z-index: 200; + transition: left 0.25s ease; height: 100vh; + } + .sidebar.sidebar-open { left: 0; } + + /* Show overlay when menu open */ + .sidebar-overlay { display: block; } + + /* Main wrapper full width, no left margin */ + .main-wrapper { margin-left: 0; } + .main-content { padding: 16px; } + + /* Stack grids on mobile */ + .grid-2 { grid-template-columns: 1fr; } + .stats-grid { grid-template-columns: 1fr 1fr; } + .detail-grid { grid-template-columns: 1fr 1fr; } + + /* Smaller page header */ + .page-header { flex-direction: column; gap: 12px; } + .page-title { font-size: 18px; } + + /* Action buttons wrap */ + .action-buttons { flex-wrap: wrap; } + + /* Tables scroll horizontally */ + .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } + + /* Cards tighter padding */ + .card { padding: 14px; } + + /* Request cards */ + .request-card-header { flex-direction: column; gap: 8px; } + + /* Auth card full width */ + .auth-card { padding: 24px 20px; } + + /* Version timeline */ + .version-item { padding: 12px; } +} diff --git a/src/lib/email.js b/src/lib/email.js new file mode 100755 index 0000000..2bf9aa9 --- /dev/null +++ b/src/lib/email.js @@ -0,0 +1,8 @@ +import { supabase } from './supabase'; + +export async function sendEmail(type, to, data) { + const { error } = await supabase.functions.invoke('send-email', { + body: { type, to, data }, + }); + if (error) console.error('Email error:', error); +} diff --git a/src/lib/invoice.js b/src/lib/invoice.js new file mode 100644 index 0000000..65458a3 --- /dev/null +++ b/src/lib/invoice.js @@ -0,0 +1,180 @@ +import jsPDF from 'jspdf'; +import autoTable from 'jspdf-autotable'; + +function loadImage(src) { + return new Promise((resolve) => { + const img = new Image(); + img.crossOrigin = 'anonymous'; + img.onload = () => resolve(img); + img.onerror = () => resolve(null); + img.src = src; + }); +} + +export async function generateInvoicePDF(invoice, company, items) { + const client = company; // alias for PDF layout vars below + const doc = new jsPDF(); + const pageWidth = doc.internal.pageSize.width; + + // Load logo first to know its height + const logo = await loadImage('/fourge-logo.png'); + const logoW = 40; + const logoH = logo ? (logoW / (logo.naturalWidth / logo.naturalHeight)) : 8; + const headerH = logoH + 12; // tight padding around logo + + // Black header band — sized to logo + doc.setFillColor(20, 20, 20); + doc.rect(0, 0, pageWidth, headerH, 'F'); + + // Logo + if (logo) { + doc.addImage(logo, 'PNG', 14, 6, logoW, logoH); + } else { + doc.setFontSize(13); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(255, 255, 255); + doc.text('FOURGE BRANDING', 14, headerH / 2 + 4); + } + + // Contact info in header (right, small) + doc.setFontSize(7); + doc.setFont('helvetica', 'normal'); + doc.setTextColor(160, 160, 160); + doc.text('1.855.FOURGE4 · 1855.368.7434 | hello@fourgebranding.com | www.fourgebranding.com', pageWidth - 14, headerH / 2 + 2, { align: 'right' }); + + // INVOICE title + number (below header, left-right) + const afterHeader = headerH + 10; + doc.setFontSize(20); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(30, 30, 30); + doc.text('INVOICE', 14, afterHeader + 8); + + doc.setFontSize(9); + doc.setFont('helvetica', 'normal'); + doc.setTextColor(100, 100, 100); + doc.text(invoice.invoice_number, pageWidth - 14, afterHeader + 4, { align: 'right' }); + + // Invoice details (right column) + const details = [ + ['Date', new Date(invoice.invoice_date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })], + ['Due', new Date(invoice.due_date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })], + ['Terms', 'Net 30'], + ]; + let dy = afterHeader + 10; + details.forEach(([label, val]) => { + doc.setFontSize(8); + doc.setFont('helvetica', 'normal'); + doc.setTextColor(130, 130, 130); + doc.text(label, pageWidth - 60, dy); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(40, 40, 40); + doc.text(val, pageWidth - 14, dy, { align: 'right' }); + dy += 6; + }); + + // Status + const statusColors = { draft: [150, 150, 150], sent: [37, 99, 235], paid: [22, 163, 74] }; + const sc = statusColors[invoice.status] || [150, 150, 150]; + doc.setFontSize(8); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(...sc); + doc.text(invoice.status.toUpperCase(), pageWidth - 14, dy, { align: 'right' }); + + // Bill To (left column, same zone) + const billStartY = afterHeader + 18; + doc.setFontSize(7); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(150, 150, 150); + doc.text('BILL TO', 14, billStartY); + + doc.setFontSize(10); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(30, 30, 30); + doc.text(client.name, 14, billStartY + 6); + + doc.setFont('helvetica', 'normal'); + doc.setFontSize(9); + doc.setTextColor(80, 80, 80); + let billY = billStartY + 6; + if (client.email) { billY += 5; doc.text(client.email, 14, billY); } + + // Divider + const tableStart = Math.max(billY, dy) + 8; + doc.setDrawColor(220, 220, 220); + doc.setLineWidth(0.4); + doc.line(14, tableStart, pageWidth - 14, tableStart); + + // Line items table — tight + autoTable(doc, { + startY: tableStart + 2, + head: [['Description', 'Qty', 'Unit Price', 'Total']], + body: items.map(item => [ + item.description, + Number(item.quantity).toString(), + `$${Number(item.unit_price).toFixed(2)}`, + `$${(Number(item.quantity) * Number(item.unit_price)).toFixed(2)}`, + ]), + headStyles: { + fillColor: [30, 30, 30], + textColor: [255, 255, 255], + fontStyle: 'bold', + fontSize: 8, + cellPadding: 4, + }, + bodyStyles: { + fontSize: 9, + textColor: [40, 40, 40], + cellPadding: 4, + fillColor: [255, 255, 255], + }, + alternateRowStyles: { fillColor: [249, 249, 249] }, + columnStyles: { + 0: { cellWidth: 'auto' }, + 1: { cellWidth: 14, halign: 'center' }, + 2: { cellWidth: 30, halign: 'right' }, + 3: { cellWidth: 30, halign: 'right', fontStyle: 'bold' }, + }, + margin: { left: 14, right: 14 }, + theme: 'striped', + tableLineColor: [225, 225, 225], + tableLineWidth: 0.2, + }); + + const finalY = doc.lastAutoTable.finalY; + + // Total box + doc.setFillColor(20, 20, 20); + doc.rect(pageWidth - 70, finalY + 4, 56, 11, 'F'); + doc.setFontSize(8); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(255, 255, 255); + doc.text('TOTAL', pageWidth - 66, finalY + 11); + doc.setFontSize(9); + doc.text(`$${Number(invoice.total).toFixed(2)}`, pageWidth - 16, finalY + 11, { align: 'right' }); + + // Notes + if (invoice.notes) { + const notesY = finalY + 22; + doc.setFontSize(7); + doc.setFont('helvetica', 'bold'); + doc.setTextColor(150, 150, 150); + doc.text('NOTES', 14, notesY); + doc.setFont('helvetica', 'normal'); + doc.setFontSize(9); + doc.setTextColor(80, 80, 80); + const split = doc.splitTextToSize(invoice.notes, pageWidth / 2); + doc.text(split, 14, notesY + 5); + } + + // Footer + const footerY = doc.internal.pageSize.height - 14; + doc.setDrawColor(220, 220, 220); + doc.setLineWidth(0.4); + doc.line(14, footerY - 4, pageWidth - 14, footerY - 4); + doc.setFontSize(7); + doc.setFont('helvetica', 'normal'); + doc.setTextColor(160, 160, 160); + doc.text('Payment due within 30 days of invoice date. Thank you for your business!', pageWidth / 2, footerY, { align: 'center' }); + + doc.save(`${invoice.invoice_number}.pdf`); +} diff --git a/src/lib/supabase.js b/src/lib/supabase.js new file mode 100755 index 0000000..36f5b6d --- /dev/null +++ b/src/lib/supabase.js @@ -0,0 +1,8 @@ +import { createClient } from '@supabase/supabase-js'; + +const url = import.meta.env.VITE_SUPABASE_URL; +const key = import.meta.env.VITE_SUPABASE_ANON_KEY; + +if (!url || !key) throw new Error('Missing Supabase environment variables. Check VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY.'); + +export const supabase = createClient(url, key); diff --git a/src/main.jsx b/src/main.jsx new file mode 100755 index 0000000..b9a1a6d --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,10 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './index.css' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx new file mode 100755 index 0000000..480efd7 --- /dev/null +++ b/src/pages/Login.jsx @@ -0,0 +1,89 @@ +import { useState } from 'react'; +import { useNavigate, Link } from 'react-router-dom'; +import { useAuth } from '../context/AuthContext'; + +export default function Login() { + const { login } = useAuth(); + const navigate = useNavigate(); + const [email, setEmail] = useState(''); + const [password, setPassword] = useState(''); + const [error, setError] = useState(''); + const [loading, setLoading] = useState(false); + + const handleLogin = async (e) => { + e.preventDefault(); + setLoading(true); + setError(''); + const { error: err } = await login(email, password); + if (err) { + setError('Invalid email or password.'); + setLoading(false); + return; + } + // onAuthStateChange in AuthContext sets currentUser + role → redirect handled below + }; + + // After login, AuthContext updates currentUser. Use onAuthStateChange to redirect. + // We rely on ProtectedRoute to handle post-login navigation. + // But we need to redirect on success — watch currentUser via auth state. + // Simplest: redirect after successful login based on profile role. + const handleSuccess = async (e) => { + e.preventDefault(); + setLoading(true); + setError(''); + const { error: err } = await login(email, password); + if (err) { + setError('Invalid email or password.'); + setLoading(false); + return; + } + // Small delay to let onAuthStateChange set currentUser + setTimeout(() => { + // Will be redirected by ProtectedRoute if they go to /dashboard or /my-requests + navigate('/dashboard'); + }, 300); + }; + + return ( +

Client & Project Portal

+ + + +

+ New client?{' '} + Create an account +

+ ); +} diff --git a/src/pages/Settings.jsx b/src/pages/Settings.jsx new file mode 100755 index 0000000..6a787fa --- /dev/null +++ b/src/pages/Settings.jsx @@ -0,0 +1,142 @@ +import { useState } from 'react'; +import Layout from '../components/Layout'; +import { supabase } from '../lib/supabase'; +import { useAuth } from '../context/AuthContext'; + +export default function Settings() { + const { currentUser } = useAuth(); + const [form, setForm] = useState({ + name: currentUser?.name || '', + company: currentUser?.company || '', + }); + const [passwords, setPasswords] = useState({ current: '', next: '', confirm: '' }); + const [profileSaved, setProfileSaved] = useState(false); + const [passwordSaved, setPasswordSaved] = useState(false); + const [passwordError, setPasswordError] = useState(''); + const [saving, setSaving] = useState(false); + const [savingPw, setSavingPw] = useState(false); + + const set = (field) => (e) => setForm(f => ({ ...f, [field]: e.target.value })); + const setPw = (field) => (e) => setPasswords(p => ({ ...p, [field]: e.target.value })); + + const handleProfileSave = async (e) => { + e.preventDefault(); + setSaving(true); + await supabase.from('profiles').update({ + name: form.name.trim(), + company: form.company.trim(), + }).eq('id', currentUser.id); + setProfileSaved(true); + setSaving(false); + setTimeout(() => setProfileSaved(false), 3000); + }; + + const handlePasswordSave = async (e) => { + e.preventDefault(); + setPasswordError(''); + if (passwords.next !== passwords.confirm) { setPasswordError('New passwords do not match.'); return; } + if (passwords.next.length < 6) { setPasswordError('Password must be at least 6 characters.'); return; } + setSavingPw(true); + const { error } = await supabase.auth.updateUser({ password: passwords.next }); + if (error) { setPasswordError(error.message); setSavingPw(false); return; } + setPasswords({ current: '', next: '', confirm: '' }); + setPasswordSaved(true); + setSavingPw(false); + setTimeout(() => setPasswordSaved(false), 3000); + }; + + const initials = form.name + .split(' ') + .map(n => n[0]) + .join('') + .toUpperCase() + .slice(0, 2); + + return ( + +

Profile & Settings

Update your name, company, and password.

+ +

+ + {/* Avatar preview */} +

+ {initials || '?'} +

{form.name || 'Your Name'}

{currentUser?.email}

{currentUser?.role}

+ + {/* Profile form */} +

Profile Info

+ +

+ + {/* Password form */} +

Change Password

+ +

+ + ); +} diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx new file mode 100755 index 0000000..34de98f --- /dev/null +++ b/src/pages/Signup.jsx @@ -0,0 +1,63 @@ +import { useState } from 'react'; +import { Link, useNavigate } from 'react-router-dom'; +import { useAuth } from '../context/AuthContext'; + +export default function Signup() { + const { signup } = useAuth(); + const navigate = useNavigate(); + const [form, setForm] = useState({ name: '', email: '', password: '', confirm: '' }); + const [error, setError] = useState(''); + const [loading, setLoading] = useState(false); + + const set = (field) => (e) => setForm(f => ({ ...f, [field]: e.target.value })); + + const handleSubmit = async (e) => { + e.preventDefault(); + if (form.password !== form.confirm) { setError('Passwords do not match.'); return; } + if (form.password.length < 6) { setError('Password must be at least 6 characters.'); return; } + setLoading(true); + setError(''); + const { error: err } = await signup(form.email, form.password, form.name); + if (err) { setError(err); setLoading(false); return; } + navigate('/signup-confirmation'); + }; + + return ( +

Create your client account

+ + + +

+ Already have an account?{' '} + Sign in +

+ ); +} diff --git a/src/pages/SignupConfirmation.jsx b/src/pages/SignupConfirmation.jsx new file mode 100755 index 0000000..aebbe51 --- /dev/null +++ b/src/pages/SignupConfirmation.jsx @@ -0,0 +1,19 @@ +import { Link } from 'react-router-dom'; + +export default function SignupConfirmation() { + return ( +

📧

Check your email

+ We sent a confirmation link to your email address. Click it to activate your account, then come back to sign in. +

+ + Back to Sign In + +

+ ); +} diff --git a/src/pages/client/MyInvoices.jsx b/src/pages/client/MyInvoices.jsx new file mode 100644 index 0000000..a3a61bc --- /dev/null +++ b/src/pages/client/MyInvoices.jsx @@ -0,0 +1,95 @@ +import { useState, useEffect } from 'react'; +import Layout from '../../components/Layout'; +import { supabase } from '../../lib/supabase'; +import { generateInvoicePDF } from '../../lib/invoice'; + +const statusColor = { draft: 'not_started', sent: 'in_progress', paid: 'client_approved' }; + +export default function MyInvoices() { + const [invoices, setInvoices] = useState([]); + const [loading, setLoading] = useState(true); + + useEffect(() => { + async function load() { + const { data } = await supabase + .from('invoices') + .select('*, company:companies(name, email), items:invoice_items(*)') + .order('created_at', { ascending: false }); + setInvoices((data || []).filter(inv => inv.status !== 'draft')); + setLoading(false); + } + load(); + }, []); + + const handleDownload = async (invoice) => { + await generateInvoicePDF(invoice, invoice.company, invoice.items || []); + }; + + const outstanding = invoices.filter(i => i.status === 'sent').reduce((s, i) => s + Number(i.total), 0); + const paid = invoices.filter(i => i.status === 'paid').reduce((s, i) => s + Number(i.total), 0); + + return ( + +

Invoices

{invoices.length} invoice{invoices.length !== 1 ? 's' : ''}

+ +

${outstanding.toFixed(2)}

Outstanding

${paid.toFixed(2)}

Paid

+ + {loading ? ( +

+ ) : invoices.length === 0 ? ( +

No invoices yet

Your invoices will appear here once they are sent.

+ ) : ( +

+ {invoices.map(inv => { + const isOverdue = inv.status !== 'paid' && new Date(inv.due_date) < new Date(); + return ( +

{inv.invoice_number}

+ Issued {new Date(inv.invoice_date).toLocaleDateString()} · Due{' '} + + {new Date(inv.due_date).toLocaleDateString()} + + {isOverdue && ' · Overdue'} +

+ {inv.status} +

${Number(inv.total).toFixed(2)}

+ {inv.items && inv.items.length > 0 && ( +

+ {inv.items.map(i => i.description).join(' · ')} +

+ )} + +

+ ); + })} +

+ )} + + ); +} diff --git a/src/pages/client/MyProjectDetail.jsx b/src/pages/client/MyProjectDetail.jsx new file mode 100644 index 0000000..aa82929 --- /dev/null +++ b/src/pages/client/MyProjectDetail.jsx @@ -0,0 +1,137 @@ +import { useState, useEffect } from 'react'; +import { useParams, useNavigate, Link } from 'react-router-dom'; +import Layout from '../../components/Layout'; +import StatusBadge from '../../components/StatusBadge'; +import { supabase } from '../../lib/supabase'; +import { useAuth } from '../../context/AuthContext'; + +const vLabel = (v) => 'v' + String(v).padStart(2, '0'); + +export default function MyProjectDetail() { + const { id } = useParams(); + const navigate = useNavigate(); + const { currentUser } = useAuth(); + + const [project, setProject] = useState(null); + const [tasks, setTasks] = useState([]); + const [submissions, setSubmissions] = useState([]); + const [loading, setLoading] = useState(true); + const [filter, setFilter] = useState('all'); // 'all' | 'mine' + + useEffect(() => { + async function load() { + const { data: p } = await supabase.from('projects').select('*').eq('id', id).single(); + if (!p) { setLoading(false); return; } + setProject(p); + + const { data: t } = await supabase + .from('tasks').select('*').eq('project_id', id).order('submitted_at', { ascending: false }); + setTasks(t || []); + + if (t && t.length > 0) { + const { data: subs } = await supabase + .from('submissions') + .select('id, task_id, submitted_by, submitted_by_name, version_number, type') + .in('task_id', t.map(task => task.id)) + .order('version_number'); + setSubmissions(subs || []); + } + + setLoading(false); + } + load(); + }, [id]); + + if (loading) return

; + if (!project) return

Project not found.

; + + const filteredTasks = filter === 'mine' + ? tasks.filter(task => { + const initial = submissions.find(s => s.task_id === task.id && s.type === 'initial'); + return initial?.submitted_by === currentUser.id; + }) + : tasks; + + return ( + + + +

{project.name}

+ {tasks.length} request{tasks.length !== 1 ? 's' : ''} · Started {new Date(project.created_at).toLocaleDateString()} +

+ + + Add Request + +

+ + {/* Filter toggle */} +

+ + +

+ + {filteredTasks.length === 0 ? ( +

{filter === 'mine' ? "You haven't submitted any requests to this project" : 'No requests yet'}

+ + Add Request + +

+ ) : ( +

+ {filteredTasks.map(task => { + const taskSubs = submissions.filter(s => s.task_id === task.id); + const initialSub = taskSubs.find(s => s.type === 'initial') || taskSubs[0]; + const latestSub = taskSubs[taskSubs.length - 1]; + const hasRevision = latestSub && initialSub && latestSub.id !== initialSub.id && latestSub.submitted_by_name !== initialSub.submitted_by_name; + const isMine = initialSub?.submitted_by === currentUser.id; + + return ( +

+ {task.title}{' '} + + {vLabel(task.current_version)} + + {isMine && ( + + Mine + + )} +

+ {initialSub?.submitted_by_name && <>By {initialSub.submitted_by_name}} + {hasRevision && <> · Updated by {latestSub.submitted_by_name}} +

+ + Details +

+ ); + })} +

+ )} + + ); +} diff --git a/src/pages/client/MyProjects.jsx b/src/pages/client/MyProjects.jsx new file mode 100755 index 0000000..f23d498 --- /dev/null +++ b/src/pages/client/MyProjects.jsx @@ -0,0 +1,197 @@ +import { useState, useEffect } from 'react'; +import { Link } from 'react-router-dom'; +import Layout from '../../components/Layout'; +import StatusBadge from '../../components/StatusBadge'; +import { supabase } from '../../lib/supabase'; +import { useAuth } from '../../context/AuthContext'; + +const vLabel = (v) => 'v' + String(v).padStart(2, '0'); + +function ProjectGroup({ project, tasks, submissions, currentUserId, filter }) { + const [open, setOpen] = useState(true); + + const filteredTasks = filter === 'mine' + ? tasks.filter(task => { + const initial = submissions.find(s => s.task_id === task.id && s.type === 'initial'); + return initial?.submitted_by === currentUserId; + }) + : tasks; + + if (filter === 'mine' && filteredTasks.length === 0) return null; + + return ( +

+ {/* Project header — clickable to collapse */} + + + {open && ( +

+ {filteredTasks.length === 0 ? ( +

+ No requests in this project yet. +

+ ) : ( + filteredTasks.map((task, i) => { + const taskSubs = submissions.filter(s => s.task_id === task.id); + const initialSub = taskSubs.find(s => s.type === 'initial') || taskSubs[0]; + const latestSub = taskSubs[taskSubs.length - 1]; + const hasRevision = latestSub && initialSub && latestSub.id !== initialSub.id && latestSub.submitted_by_name !== initialSub.submitted_by_name; + const isMine = initialSub?.submitted_by === currentUserId; + + return ( +

+ + {task.title} + + + {vLabel(task.current_version)} + + {isMine && ( + + Mine + + )} +

+ {initialSub?.submitted_by_name && <>By {initialSub.submitted_by_name}} + {hasRevision && <> · Updated by {latestSub.submitted_by_name}} +

+ + Details +

+ ); + }) + )} +

0 ? '1px solid var(--border)' : 'none' }}> + + + Add Request to {project.name} + +

+ )} +

+ ); +} + +export default function MyProjects() { + const { currentUser } = useAuth(); + const [projects, setProjects] = useState([]); + const [tasks, setTasks] = useState([]); + const [submissions, setSubmissions] = useState([]); + const [loading, setLoading] = useState(true); + const [filter, setFilter] = useState('all'); // 'all' | 'mine' + + useEffect(() => { + async function load() { + const { data: p } = await supabase + .from('projects').select('*').order('created_at', { ascending: false }); + setProjects(p || []); + + if (!p || p.length === 0) { setLoading(false); return; } + + const { data: t } = await supabase + .from('tasks').select('*').in('project_id', p.map(pr => pr.id)) + .order('submitted_at', { ascending: false }); + setTasks(t || []); + + if (t && t.length > 0) { + const { data: subs } = await supabase + .from('submissions') + .select('id, task_id, submitted_by, submitted_by_name, version_number, type') + .in('task_id', t.map(task => task.id)) + .order('version_number'); + setSubmissions(subs || []); + } + + setLoading(false); + } + load(); + }, []); + + if (loading) return

; + + return ( + +

Projects

All work for your company.

+ + New Request +

+ + {/* Filter toggle */} +

+ + +

+ + {projects.length === 0 ? ( +

No projects yet

Submit a request and a project will be created automatically.

+ Submit Request +

+ ) : ( + projects.map(project => ( + t.project_id === project.id)} + submissions={submissions} + currentUserId={currentUser.id} + filter={filter} + /> + )) + )} + + ); +} diff --git a/src/pages/client/MyRequests.jsx b/src/pages/client/MyRequests.jsx new file mode 100755 index 0000000..90dae34 --- /dev/null +++ b/src/pages/client/MyRequests.jsx @@ -0,0 +1,122 @@ +import { useState, useEffect } from 'react'; +import { Link } from 'react-router-dom'; +import Layout from '../../components/Layout'; +import StatusBadge from '../../components/StatusBadge'; +import { supabase } from '../../lib/supabase'; +import { useAuth } from '../../context/AuthContext'; + +export default function MyRequests() { + const { currentUser } = useAuth(); + const [projects, setProjects] = useState([]); + const [tasks, setTasks] = useState([]); + const [submissions, setSubmissions] = useState([]); + const [loading, setLoading] = useState(true); + + useEffect(() => { + async function load() { + // Only fetch tasks where current user was the original submitter + const { data: mySubs } = await supabase + .from('submissions') + .select('task_id, submitted_by_name, version_number, type') + .eq('submitted_by', currentUser.id) + .eq('type', 'initial'); + + if (!mySubs || mySubs.length === 0) { setLoading(false); return; } + + const myTaskIds = mySubs.map(s => s.task_id); + + const { data: t } = await supabase + .from('tasks').select('*, project:projects(id, name, created_at, status)') + .in('id', myTaskIds); + setTasks(t || []); + + // Also fetch all submissions for these tasks (to show revision history) + const { data: allSubs } = await supabase + .from('submissions') + .select('task_id, submitted_by_name, version_number, type') + .in('task_id', myTaskIds) + .order('version_number'); + setSubmissions(allSubs || []); + + // Group tasks by project + const projectMap = {}; + (t || []).forEach(task => { + const p = task.project; + if (!p) return; + if (!projectMap[p.id]) projectMap[p.id] = { ...p, id: p.id }; + }); + setProjects(Object.values(projectMap)); + + setLoading(false); + } + load(); + }, [currentUser.id]); + + if (loading) return

; + + return ( + +

My Requests

Requests you have submitted.

+ + New Request +

+ + {projects.length === 0 ? ( +

📋

No requests yet

Submit a new request to get started.

+ Submit Request +

+ ) : ( + projects.map(project => { + const projectTasks = tasks.filter(t => t.project?.id === project.id); + return ( +

{project.name}

+ Started {new Date(project.created_at).toLocaleDateString()} · {projectTasks.length} job{projectTasks.length !== 1 ? 's' : ''} +

+ +

+ {projectTasks.map(task => { + const taskSubs = submissions.filter(s => s.task_id === task.id); + const initialSub = taskSubs.find(s => s.type === 'initial') || taskSubs[0]; + const latestSub = taskSubs[taskSubs.length - 1]; + const hasRevision = taskSubs.length > 1 && latestSub?.submitted_by_name !== initialSub?.submitted_by_name; + return ( +

+ + {task.title}{' '} + + {'v' + String(task.current_version).padStart(2, '0')} + + +

+ Submitted by {initialSub?.submitted_by_name || 'Unknown'} + {hasRevision && ` · Last updated by ${latestSub.submitted_by_name}`} +

+ + Details +

+ ); + })} +

+ ); + }) + )} + + ); +} diff --git a/src/pages/client/NewRequest.jsx b/src/pages/client/NewRequest.jsx new file mode 100755 index 0000000..6139d6d --- /dev/null +++ b/src/pages/client/NewRequest.jsx @@ -0,0 +1,265 @@ +import { useState, useEffect } from 'react'; +import { useNavigate, useSearchParams } from 'react-router-dom'; +import Layout from '../../components/Layout'; +import FileAttachment from '../../components/FileAttachment'; +import { serviceTypes } from '../../data/mockData'; +import { supabase } from '../../lib/supabase'; +import { sendEmail } from '../../lib/email'; +import { useAuth } from '../../context/AuthContext'; + +export default function NewRequest() { + const { currentUser } = useAuth(); + const navigate = useNavigate(); + const [searchParams] = useSearchParams(); + const preselectedProject = searchParams.get('project') || ''; + + const [existingProjects, setExistingProjects] = useState([]); + const [submitted, setSubmitted] = useState(false); + const [saving, setSaving] = useState(false); + const [form, setForm] = useState({ project: preselectedProject, serviceType: '', title: '', deadline: '', description: '' }); + const [files, setFiles] = useState([]); + const [customProjects, setCustomProjects] = useState([]); + const [isTypingProject, setIsTypingProject] = useState(false); + const [newProjectName, setNewProjectName] = useState(''); + + useEffect(() => { + async function load() { + if (!currentUser.company_id) return; + const { data: p } = await supabase + .from('projects') + .select('id, name') + .eq('company_id', currentUser.company_id) + .order('created_at', { ascending: false }); + setExistingProjects((p || []).map(pr => ({ id: pr.id, name: pr.name }))); + } + load(); + }, [currentUser.company_id]); + + const allProjectNames = [ + ...existingProjects.map(p => p.name), + ...customProjects.filter(name => !existingProjects.some(p => p.name === name)), + ]; + + const set = (field) => (e) => setForm(f => ({ ...f, [field]: e.target.value })); + + const handleProjectSelect = (e) => { + if (e.target.value === '__new__') { + setIsTypingProject(true); + setForm(f => ({ ...f, project: '' })); + } else { + setForm(f => ({ ...f, project: e.target.value })); + } + }; + + const handleAddProject = () => { + const name = newProjectName.trim(); + if (!name) return; + if (!customProjects.includes(name) && !existingProjects.some(p => p.name === name)) { + setCustomProjects(prev => [...prev, name]); + } + setForm(f => ({ ...f, project: name })); + setIsTypingProject(false); + setNewProjectName(''); + }; + + const handleSubmit = async (e) => { + e.preventDefault(); + if (!currentUser.company_id) { + alert('Your account is not yet assigned to a company. Please contact support.'); + return; + } + setSaving(true); + + // Find existing project by name within this company, or create new one + let projectId; + const existing = existingProjects.find(p => p.name === form.project); + if (existing) { + projectId = existing.id; + } else { + const { data: newProject } = await supabase.from('projects').insert({ + company_id: currentUser.company_id, + name: form.project, + status: 'active', + }).select().single(); + projectId = newProject?.id; + } + + if (!projectId) { setSaving(false); return; } + + // Create task + const { data: task } = await supabase.from('tasks').insert({ + project_id: projectId, + title: form.title.trim() || form.serviceType, + status: 'not_started', + current_version: 0, + }).select().single(); + + if (!task) { setSaving(false); return; } + + // Create submission + const { data: submission } = await supabase.from('submissions').insert({ + task_id: task.id, + version_number: 1, + type: 'initial', + service_type: form.serviceType, + deadline: form.deadline || null, + description: form.description, + submitted_by: currentUser.id, + submitted_by_name: currentUser.name, + }).select().single(); + + // Upload files + if (submission && files.length > 0) { + for (const file of files) { + const path = `${task.id}/${Date.now()}_${file.name}`; + const { data: uploaded } = await supabase.storage.from('submissions').upload(path, file); + if (uploaded) { + await supabase.from('submission_files').insert({ + submission_id: submission.id, + name: file.name, + storage_path: path, + size: file.size, + }); + } + } + } + + sendEmail('new_request', 'hello@fourgebranding.com', { + clientName: currentUser.name, + clientEmail: currentUser.email, + company: currentUser.company?.name || '', + serviceType: form.serviceType, + projectName: form.project, + deadline: form.deadline, + description: form.description, + taskId: task.id, + }); + + setSaving(false); + setSubmitted(true); + }; + + if (!currentUser.company_id) { + return ( + +

⚠️

Account Not Yet Active

+ Your account hasn't been linked to a company yet. Please contact the Fourge team to get set up. +

+ + ); + } + + if (submitted) { + return ( + +

✅

Request Submitted!

+ Thanks, {currentUser?.name?.split(' ')[0]}! We've received your request for {form.serviceType} + {form.project && <> under {form.project}}. + Our team will review it and update you shortly. +

+ + +

+ + ); + } + + return ( + +

New Request

Tell us what you need and we'll get to work.

+ +

+ Project * + {isTypingProject ? ( +

+ setNewProjectName(e.target.value)} + onKeyDown={e => { if (e.key === 'Enter') { e.preventDefault(); handleAddProject(); } }} + autoFocus + style={{ flex: 1 }} + /> + + +

+ ) : ( + + )} +

+ +

+ Service Type * + +

+ Desired Deadline + +

+ +

+ + Request Title + optional — defaults to service type if left blank + + +

+ +

+ Project Description * +

+          </div>
+
+          <FileAttachment files={files} onChange={setFiles} />
+
+          <div className="notification notification-info" style={{ marginBottom: 16 }}>
+            Submitting as <strong>{currentUser?.name}</strong> · {currentUser?.company?.name}
+          </div>
+
+          <button type="submit" className="btn btn-primary btn-lg" disabled={saving}>
+            {saving ? 'Submitting...' : 'Submit Request'}
+          </button>
+        </form>
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/pages/client/RequestDetail.jsx b/src/pages/client/RequestDetail.jsx
new file mode 100755
index 0000000..9511bad
--- /dev/null
+++ b/src/pages/client/RequestDetail.jsx
@@ -0,0 +1,350 @@
+import { useState, useEffect } from 'react';
+import { useParams, useNavigate } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import FileAttachment from '../../components/FileAttachment';
+import { supabase } from '../../lib/supabase';
+import { sendEmail } from '../../lib/email';
+import { useAuth } from '../../context/AuthContext';
+import { serviceTypes } from '../../data/mockData';
+
+const vLabel = (v) => 'v' + String(v).padStart(2, '0');
+
+export default function RequestDetail() {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const { currentUser } = useAuth();
+
+  const [task, setTask] = useState(null);
+  const [project, setProject] = useState(null);
+  const [submissions, setSubmissions] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  const [action, setAction] = useState(null);
+  const [revisionForm, setRevisionForm] = useState({ serviceType: '', deadline: '', description: '' });
+  const [revisionFiles, setRevisionFiles] = useState([]);
+  const [submitted, setSubmitted] = useState(false);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    async function load() {
+      const { data: t } = await supabase.from('tasks').select('*').eq('id', id).single();
+      if (!t) { setLoading(false); return; }
+      setTask(t);
+
+      const [{ data: p }, { data: subs }] = await Promise.all([
+        supabase.from('projects').select('*').eq('id', t.project_id).single(),
+        supabase.from('submissions').select('*, delivery:deliveries(*, files:delivery_files(*))').eq('task_id', id).order('version_number'),
+      ]);
+      setProject(p);
+      setSubmissions(subs || []);
+      setLoading(false);
+    }
+    load();
+  }, [id]);
+
+  const handleApprove = async () => {
+    setSaving(true);
+    await supabase.from('tasks').update({ status: 'client_approved', completed_at: new Date().toISOString() }).eq('id', id);
+    setTask(t => ({ ...t, status: 'client_approved' }));
+    setAction('approved');
+    sendEmail('client_approved', 'hello@fourgebranding.com', {
+      clientName: currentUser.name,
+      serviceType: task.title,
+      projectName: project?.name,
+      taskId: id,
+    });
+    setSaving(false);
+  };
+
+  const handleDelete = async () => {
+    setSaving(true);
+
+    const { data: subs } = await supabase.from('submissions').select('id').eq('task_id', id);
+    if (subs && subs.length > 0) {
+      const { data: storageFiles } = await supabase
+        .from('submission_files').select('storage_path').in('submission_id', subs.map(s => s.id));
+      if (storageFiles && storageFiles.length > 0) {
+        await supabase.storage.from('submissions').remove(storageFiles.map(f => f.storage_path));
+      }
+      const { data: deliveries } = await supabase
+        .from('deliveries').select('id').in('submission_id', subs.map(s => s.id));
+      if (deliveries && deliveries.length > 0) {
+        const { data: deliveryFiles } = await supabase
+          .from('delivery_files').select('storage_path').in('delivery_id', deliveries.map(d => d.id));
+        if (deliveryFiles && deliveryFiles.length > 0) {
+          await supabase.storage.from('deliveries').remove(deliveryFiles.map(f => f.storage_path));
+        }
+      }
+    }
+
+    await supabase.from('tasks').delete().eq('id', id);
+
+    const { data: remaining } = await supabase.from('tasks').select('id').eq('project_id', task.project_id);
+    if (!remaining || remaining.length === 0) {
+      await supabase.from('projects').delete().eq('id', task.project_id);
+    }
+
+    navigate('/my-projects');
+  };
+
+  const handleRevisionSubmit = async (e) => {
+    e.preventDefault();
+    setSaving(true);
+
+    if (action === 'edit') {
+      const latestSub = submissions[submissions.length - 1];
+      const updatedDescription = latestSub
+        ? `${latestSub.description}\n\n─── Edited ${new Date().toLocaleDateString()} ───\n${revisionForm.description}`
+        : revisionForm.description;
+
+      await supabase.from('submissions').update({
+        description: updatedDescription,
+        deadline: revisionForm.deadline || latestSub?.deadline || null,
+      }).eq('id', latestSub.id);
+
+      if (revisionFiles.length > 0) {
+        for (const file of revisionFiles) {
+          const path = `${id}/${Date.now()}_${file.name}`;
+          const { data: uploaded } = await supabase.storage.from('submissions').upload(path, file);
+          if (uploaded) {
+            await supabase.from('submission_files').insert({
+              submission_id: latestSub.id, name: file.name, storage_path: path, size: file.size,
+            });
+          }
+        }
+      }
+    } else {
+      const newVersion = (task.current_version || 0) + 1;
+      await supabase.from('tasks').update({ status: 'not_started', current_version: newVersion }).eq('id', id);
+
+      const { data: newSub } = await supabase.from('submissions').insert({
+        task_id: id,
+        version_number: newVersion + 1,
+        type: 'revision',
+        service_type: revisionForm.serviceType,
+        deadline: revisionForm.deadline || null,
+        description: revisionForm.description,
+        submitted_by: currentUser.id,
+        submitted_by_name: currentUser.name,
+      }).select().single();
+
+      if (newSub && revisionFiles.length > 0) {
+        for (const file of revisionFiles) {
+          const path = `${id}/${Date.now()}_${file.name}`;
+          const { data: uploaded } = await supabase.storage.from('submissions').upload(path, file);
+          if (uploaded) {
+            await supabase.from('submission_files').insert({
+              submission_id: newSub.id, name: file.name, storage_path: path, size: file.size,
+            });
+          }
+        }
+      }
+
+      setTask(t => ({ ...t, status: 'not_started', current_version: newVersion }));
+
+      sendEmail('revision_submitted', 'hello@fourgebranding.com', {
+        clientName: currentUser.name,
+        serviceType: task.title,
+        projectName: project?.name,
+        version: vLabel(newVersion),
+        deadline: revisionForm.deadline,
+        description: revisionForm.description,
+        taskId: id,
+      });
+    }
+
+    const { data: refreshed } = await supabase
+      .from('submissions')
+      .select('*, delivery:deliveries(*, files:delivery_files(*))')
+      .eq('task_id', id)
+      .order('version_number');
+    setSubmissions(refreshed || []);
+
+    setSubmitted(true);
+    setAction(null);
+    setSaving(false);
+  };
+
+  const set = (field) => (e) => setRevisionForm(f => ({ ...f, [field]: e.target.value }));
+
+  const getFileUrl = async (path) => {
+    const { data } = await supabase.storage.from('deliveries').createSignedUrl(path, 3600);
+    if (data?.signedUrl) window.open(data.signedUrl, '_blank');
+  };
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+  if (!task) return <Layout><p>Job not found.</p></Layout>;
+
+  const canEdit   = ['not_started', 'in_progress'].includes(task.status);
+  const canReview = task.status === 'client_review';
+  const canReopen = task.status === 'client_approved';
+  const titleWithVersion = `${task.title} ${vLabel(task.current_version)}`;
+
+  const formTitle = action === 'edit'
+    ? `Edit Request — will become ${vLabel((task.current_version || 0) + 1)}`
+    : action === 'reopen'
+    ? `Request New Revision — will become ${vLabel((task.current_version || 0) + 1)}`
+    : `Request a Revision — will become ${vLabel((task.current_version || 0) + 1)}`;
+
+  const formPlaceholder = action === 'edit'
+    ? "Describe what you'd like to update or change..."
+    : "Describe exactly what you'd like us to change or improve...";
+
+  return (
+    <Layout>
+      <button className="back-link" onClick={() => navigate('/my-projects')}>← Back to Projects</button>
+
+      <div className="page-header">
+        <div>
+          <div className="page-title">{titleWithVersion}</div>
+          <div className="page-subtitle">{project?.name}</div>
+        </div>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+          <StatusBadge status={task.status} />
+          {action !== 'confirm-delete' && (
+            <button
+              className="btn btn-sm"
+              style={{ background: '#ef4444', color: 'white', border: 'none' }}
+              onClick={() => setAction('confirm-delete')}
+            >
+              Delete
+            </button>
+          )}
+        </div>
+      </div>
+
+      {action === 'confirm-delete' && (
+        <div className="card" style={{ background: '#fef2f2', borderColor: '#fecaca', marginBottom: 24 }}>
+          <div style={{ fontWeight: 600, marginBottom: 8 }}>⚠ Delete this request?</div>
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 16 }}>
+            This will permanently delete <strong>{titleWithVersion}</strong> and all its history. This cannot be undone.
+          </p>
+          <div className="action-buttons">
+            <button className="btn" style={{ background: '#ef4444', color: 'white', border: 'none' }} onClick={handleDelete} disabled={saving}>
+              {saving ? 'Deleting...' : 'Yes, Delete'}
+            </button>
+            <button className="btn btn-outline" onClick={() => setAction(null)}>Cancel</button>
+          </div>
+        </div>
+      )}
+
+      {submitted && (
+        <div className="notification notification-success">
+          ✓ Your {action === 'edit' ? 'changes have' : 'revision request has'} been submitted as {vLabel(task.current_version)}. Our team will get started shortly.
+        </div>
+      )}
+
+      {action === 'approved' && (
+        <div className="notification notification-success">
+          ✓ You've approved {vLabel(task.current_version)}. This job is now complete!
+        </div>
+      )}
+
+      {canReview && !submitted && action !== 'confirm-delete' && action !== 'revision' && (
+        <div className="card" style={{ background: '#fffbeb', borderColor: '#fde68a', marginBottom: 24 }}>
+          <div style={{ fontWeight: 600, marginBottom: 8 }}>🎨 Your work is ready for review!</div>
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 16 }}>
+            Please review the delivered work for <strong>{titleWithVersion}</strong> and let us know if you're happy or need changes.
+          </p>
+          <div className="action-buttons">
+            <button className="btn btn-success" onClick={handleApprove} disabled={saving}>✓ Approve — I'm Happy!</button>
+            <button className="btn btn-warning" onClick={() => { setAction('revision'); setRevisionForm(f => ({ ...f, serviceType: task.title })); }}>✏️ Request Revision</button>
+          </div>
+        </div>
+      )}
+
+      {canEdit && !submitted && action !== 'confirm-delete' && action !== 'edit' && (
+        <div className="card" style={{ marginBottom: 24 }}>
+          <div style={{ fontWeight: 600, marginBottom: 8 }}>✏️ Need to make changes?</div>
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 16 }}>
+            Your request is still being worked on. You can update the details or requirements.
+          </p>
+          <button className="btn btn-warning" onClick={() => { setAction('edit'); setRevisionForm(f => ({ ...f, serviceType: task.title })); }}>Edit Request</button>
+        </div>
+      )}
+
+      {canReopen && !submitted && action !== 'confirm-delete' && action !== 'reopen' && (
+        <div className="card" style={{ marginBottom: 24 }}>
+          <div style={{ fontWeight: 600, marginBottom: 8 }}>🔄 Need more changes?</div>
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 16 }}>
+            This job was approved but you can still request a new revision if needed.
+          </p>
+          <button className="btn btn-warning" onClick={() => { setAction('reopen'); setRevisionForm(f => ({ ...f, serviceType: task.title })); }}>Request New Revision</button>
+        </div>
+      )}
+
+      {(action === 'revision' || action === 'edit' || action === 'reopen') && (
+        <div className="card" style={{ marginBottom: 24 }}>
+          <div className="card-title">{formTitle}</div>
+          <form onSubmit={handleRevisionSubmit}>
+            <div className="grid-2">
+              <div className="form-group">
+                <label>Service Type</label>
+                <input type="text" value={revisionForm.serviceType} readOnly disabled style={{ opacity: 0.6, cursor: 'not-allowed' }} />
+              </div>
+              <div className="form-group">
+                <label>Deadline</label>
+                <input type="date" value={revisionForm.deadline} onChange={set('deadline')} />
+              </div>
+            </div>
+            <div className="form-group">
+              <label>{action === 'edit' ? 'What would you like to change? *' : 'What needs to be changed? *'}</label>
+              <textarea placeholder={formPlaceholder} value={revisionForm.description} onChange={set('description')} required />
+            </div>
+            <FileAttachment files={revisionFiles} onChange={setRevisionFiles} />
+            <div className="action-buttons">
+              <button type="submit" className="btn btn-primary" disabled={saving}>{saving ? 'Submitting...' : 'Submit'}</button>
+              <button type="button" className="btn btn-outline" onClick={() => setAction(null)}>Cancel</button>
+            </div>
+          </form>
+        </div>
+      )}
+
+      <div className="card-title">Version History</div>
+      <div className="version-timeline">
+        {submissions.map(sub => {
+          const delivery = sub.delivery;
+          return (
+            <div key={sub.id} className="version-item">
+              <div className="version-header">
+                <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+                  <div className="version-number">{vLabel(sub.version_number - 1)}</div>
+                  <StatusBadge status={sub.type} />
+                </div>
+                <div style={{ fontSize: 12, color: 'var(--text-secondary)' }}>
+                  {sub.submitted_by_name && <span>{sub.submitted_by_name} · </span>}
+                  {new Date(sub.submitted_at).toLocaleDateString()}
+                </div>
+              </div>
+              <div className="detail-grid">
+                <div className="detail-item"><label>Service</label><p>{sub.service_type}</p></div>
+                <div className="detail-item"><label>Deadline</label><p>{sub.deadline || '—'}</p></div>
+              </div>
+              <div className="detail-item">
+                <label>Description</label>
+                <p style={{ marginTop: 4, lineHeight: 1.6, color: 'var(--text-secondary)', whiteSpace: 'pre-wrap' }}>{sub.description}</p>
+              </div>
+              {delivery && delivery.files && delivery.files.length > 0 && (
+                <div style={{ marginTop: 12, padding: '10px 14px', background: '#f0fdf4', borderRadius: 8, border: '1px solid #bbf7d0' }}>
+                  <div style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', color: '#16a34a', marginBottom: 8 }}>
+                    ✓ Delivered {new Date(delivery.sent_at).toLocaleDateString()}
+                  </div>
+                  {delivery.files.map((file, fi) => (
+                    <div key={fi} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '6px 10px', background: 'white', borderRadius: 6, border: '1px solid #bbf7d0', marginBottom: 4 }}>
+                      <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                        <span>📄</span>
+                        <span style={{ fontSize: 13, fontWeight: 500 }}>{file.name}</span>
+                      </div>
+                      <button className="btn btn-outline btn-sm" onClick={() => getFileUrl(file.storage_path)}>📥 View</button>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/pages/team/Companies.jsx b/src/pages/team/Companies.jsx
new file mode 100644
index 0000000..f46b8e3
--- /dev/null
+++ b/src/pages/team/Companies.jsx
@@ -0,0 +1,206 @@
+import { useState, useEffect } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import { supabase } from '../../lib/supabase';
+
+export default function Companies() {
+  const navigate = useNavigate();
+  const [companies, setCompanies] = useState([]);
+  const [profiles, setProfiles] = useState([]);
+  const [projects, setProjects] = useState([]);
+  const [tasks, setTasks] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [showNew, setShowNew] = useState(false);
+  const [newForm, setNewForm] = useState({ name: '', email: '', phone: '' });
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function load() {
+    const [{ data: co }, { data: prof }, { data: p }, { data: t }] = await Promise.all([
+      supabase.from('companies').select('*').order('name'),
+      supabase.from('profiles').select('id, name, email, company_id').eq('role', 'client'),
+      supabase.from('projects').select('id, company_id, status'),
+      supabase.from('tasks').select('id, project_id, status'),
+    ]);
+    setCompanies(co || []);
+    setProfiles(prof || []);
+    setProjects(p || []);
+    setTasks(t || []);
+    setLoading(false);
+  }
+
+  const handleCreate = async (e) => {
+    e.preventDefault();
+    if (!newForm.name.trim()) return;
+    setSaving(true);
+    const { data } = await supabase.from('companies').insert({
+      name: newForm.name.trim(),
+      email: newForm.email.trim(),
+      phone: newForm.phone.trim(),
+    }).select().single();
+    setSaving(false);
+    if (data) {
+      setShowNew(false);
+      setNewForm({ name: '', email: '', phone: '' });
+      navigate(`/companies/${data.id}`);
+    }
+  };
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+
+  const unassigned = profiles.filter(p => !p.company_id);
+
+  return (
+    <Layout>
+      <div className="page-header">
+        <div>
+          <div className="page-title">Companies</div>
+          <div className="page-subtitle">
+            {companies.length} company{companies.length !== 1 ? 'ies' : ''}
+            {unassigned.length > 0 && (
+              <span style={{ marginLeft: 10, color: 'var(--danger)', fontWeight: 600 }}>
+                · {unassigned.length} unassigned user{unassigned.length !== 1 ? 's' : ''}
+              </span>
+            )}
+          </div>
+        </div>
+        <button className="btn btn-primary" onClick={() => setShowNew(s => !s)}>
+          {showNew ? 'Cancel' : '+ New Company'}
+        </button>
+      </div>
+
+      {showNew && (
+        <div className="card" style={{ marginBottom: 24, maxWidth: 480 }}>
+          <div className="card-title">New Company</div>
+          <form onSubmit={handleCreate}>
+            <div className="form-group">
+              <label>Company Name *</label>
+              <input
+                type="text"
+                placeholder="Acme Corp"
+                value={newForm.name}
+                onChange={e => setNewForm(f => ({ ...f, name: e.target.value }))}
+                required
+                autoFocus
+              />
+            </div>
+            <div className="grid-2">
+              <div className="form-group">
+                <label>Email</label>
+                <input
+                  type="email"
+                  placeholder="contact@acme.com"
+                  value={newForm.email}
+                  onChange={e => setNewForm(f => ({ ...f, email: e.target.value }))}
+                />
+              </div>
+              <div className="form-group">
+                <label>Phone</label>
+                <input
+                  type="text"
+                  placeholder="+1 (555) 000-0000"
+                  value={newForm.phone}
+                  onChange={e => setNewForm(f => ({ ...f, phone: e.target.value }))}
+                />
+              </div>
+            </div>
+            <div className="action-buttons">
+              <button type="submit" className="btn btn-primary" disabled={saving || !newForm.name.trim()}>
+                {saving ? 'Creating...' : 'Create Company'}
+              </button>
+              <button type="button" className="btn btn-outline" onClick={() => setShowNew(false)}>Cancel</button>
+            </div>
+          </form>
+        </div>
+      )}
+
+      {unassigned.length > 0 && (
+        <div className="card" style={{ marginBottom: 24, borderColor: 'var(--danger)' }}>
+          <div className="card-title" style={{ color: 'var(--danger)' }}>Unassigned Users</div>
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 12 }}>
+            These users have signed up but haven't been assigned to a company yet.
+          </p>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+            {unassigned.map(user => (
+              <div key={user.id} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px 14px', background: 'var(--bg)', borderRadius: 8, border: '1px solid var(--border)' }}>
+                <div>
+                  <div style={{ fontWeight: 600, fontSize: 13 }}>{user.name}</div>
+                  <div style={{ fontSize: 12, color: 'var(--text-muted)' }}>{user.email}</div>
+                </div>
+                <span style={{ fontSize: 12, color: 'var(--danger)', fontWeight: 500 }}>No company</span>
+              </div>
+            ))}
+          </div>
+          <p style={{ fontSize: 12, color: 'var(--text-muted)', marginTop: 10 }}>
+            Open a company and assign them from the Users tab.
+          </p>
+        </div>
+      )}
+
+      {companies.length === 0 ? (
+        <div className="empty-state">
+          <h3>No companies yet</h3>
+          <p>Create a company to get started.</p>
+          <button className="btn btn-primary" style={{ marginTop: 16 }} onClick={() => setShowNew(true)}>+ New Company</button>
+        </div>
+      ) : (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+          {companies.map(company => {
+            const companyProfiles = profiles.filter(p => p.company_id === company.id);
+            const companyProjects = projects.filter(p => p.company_id === company.id);
+            const projectIds = companyProjects.map(p => p.id);
+            const activeTasks = tasks.filter(t => projectIds.includes(t.project_id) && t.status !== 'client_approved');
+
+            return (
+              <div key={company.id} style={{ border: '1px solid var(--border)', borderRadius: 8, overflow: 'hidden', background: 'var(--card-bg)' }}>
+                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '14px 18px', background: 'var(--card-bg-2)', borderBottom: '1px solid var(--border)' }}>
+                  <div>
+                    <div style={{ fontWeight: 700, fontSize: 15, color: 'var(--text-primary)' }}>{company.name}</div>
+                    <div style={{ fontSize: 12, color: 'var(--text-muted)', marginTop: 3 }}>
+                      {companyProfiles.length} user{companyProfiles.length !== 1 ? 's' : ''}
+                      {' · '}
+                      {companyProjects.length} project{companyProjects.length !== 1 ? 's' : ''}
+                      {activeTasks.length > 0 && <> · <span style={{ color: 'var(--accent)', fontWeight: 600 }}>{activeTasks.length} active</span></>}
+                      {company.email && <> · {company.email}</>}
+                    </div>
+                  </div>
+                  <Link to={`/companies/${company.id}`} className="btn btn-outline btn-sm">View</Link>
+                </div>
+
+                {companyProfiles.length > 0 && (
+                  <div>
+                    {companyProfiles.map((profile, i) => (
+                      <div
+                        key={profile.id}
+                        style={{
+                          display: 'flex', alignItems: 'center', gap: 10,
+                          padding: '10px 18px',
+                          borderBottom: i < companyProfiles.length - 1 ? '1px solid var(--border)' : 'none',
+                        }}
+                      >
+                        <div style={{
+                          width: 28, height: 28, borderRadius: 4, background: 'var(--accent)',
+                          display: 'flex', alignItems: 'center', justifyContent: 'center',
+                          fontSize: 11, fontWeight: 700, color: '#111', flexShrink: 0,
+                        }}>
+                          {profile.name?.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2)}
+                        </div>
+                        <div>
+                          <div style={{ fontSize: 13, fontWeight: 600, color: 'var(--text-primary)' }}>{profile.name}</div>
+                          <div style={{ fontSize: 11, color: 'var(--text-muted)' }}>{profile.email || '—'}</div>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </Layout>
+  );
+}
diff --git a/src/pages/team/CompanyDetail.jsx b/src/pages/team/CompanyDetail.jsx
new file mode 100644
index 0000000..d1313e2
--- /dev/null
+++ b/src/pages/team/CompanyDetail.jsx
@@ -0,0 +1,326 @@
+import { useState, useEffect } from 'react';
+import { useParams, Link, useNavigate } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import { supabase } from '../../lib/supabase';
+import { serviceTypes } from '../../data/mockData';
+
+export default function CompanyDetail() {
+  const { id } = useParams();
+  const navigate = useNavigate();
+
+  const [company, setCompany] = useState(null);
+  const [projects, setProjects] = useState([]);
+  const [tasks, setTasks] = useState([]);
+  const [users, setUsers] = useState([]);
+  const [unassigned, setUnassigned] = useState([]);
+  const [prices, setPrices] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [tab, setTab] = useState('projects');
+  const [savingPrice, setSavingPrice] = useState(null);
+  const [assigning, setAssigning] = useState(false);
+
+  useEffect(() => {
+    load();
+  }, [id]);
+
+  async function load() {
+    const [{ data: co }, { data: p }, { data: pr }, { data: u }, { data: unassignedUsers }] = await Promise.all([
+      supabase.from('companies').select('*').eq('id', id).single(),
+      supabase.from('projects').select('*').eq('company_id', id).order('created_at', { ascending: false }),
+      supabase.from('company_prices').select('*').eq('company_id', id),
+      supabase.from('profiles').select('id, name, email, created_at').eq('company_id', id).eq('role', 'client'),
+      supabase.from('profiles').select('id, name, email').eq('role', 'client').is('company_id', null),
+    ]);
+    setCompany(co);
+    const projectList = p || [];
+    setProjects(projectList);
+    setPrices(pr || []);
+    setUsers(u || []);
+    setUnassigned(unassignedUsers || []);
+
+    if (projectList.length > 0) {
+      const { data: t } = await supabase
+        .from('tasks')
+        .select('*')
+        .in('project_id', projectList.map(pr => pr.id));
+      setTasks(t || []);
+    }
+    setLoading(false);
+  }
+
+  const handleAssignUser = async (userId) => {
+    setAssigning(true);
+    await supabase.from('profiles').update({ company_id: id }).eq('id', userId);
+    // Move user from unassigned to users list
+    const user = unassigned.find(u => u.id === userId);
+    if (user) {
+      setUsers(prev => [...prev, { ...user, created_at: new Date().toISOString() }]);
+      setUnassigned(prev => prev.filter(u => u.id !== userId));
+    }
+    setAssigning(false);
+  };
+
+  const handleRemoveUser = async (userId) => {
+    if (!window.confirm('Remove this user from the company? They will lose access to all company data.')) return;
+    await supabase.from('profiles').update({ company_id: null }).eq('id', userId);
+    const user = users.find(u => u.id === userId);
+    if (user) {
+      setUsers(prev => prev.filter(u => u.id !== userId));
+      setUnassigned(prev => [...prev, user]);
+    }
+  };
+
+  const getPrice = (serviceType) => prices.find(p => p.service_type === serviceType)?.price ?? '';
+
+  const handlePriceChange = (serviceType, value) => {
+    setPrices(prev => {
+      const existing = prev.find(p => p.service_type === serviceType);
+      if (existing) return prev.map(p => p.service_type === serviceType ? { ...p, price: value } : p);
+      return [...prev, { service_type: serviceType, price: value, company_id: id }];
+    });
+  };
+
+  const handlePriceSave = async (serviceType) => {
+    setSavingPrice(serviceType);
+    const priceVal = getPrice(serviceType);
+    const existing = prices.find(p => p.service_type === serviceType && p.id);
+    if (existing) {
+      await supabase.from('company_prices').update({ price: Number(priceVal) }).eq('id', existing.id);
+    } else {
+      const { data } = await supabase.from('company_prices').insert({
+        company_id: id, service_type: serviceType, price: Number(priceVal),
+      }).select().single();
+      if (data) setPrices(prev => prev.map(p => p.service_type === serviceType ? data : p));
+    }
+    setSavingPrice(null);
+  };
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+  if (!company) return <Layout><p>Company not found.</p></Layout>;
+
+  const activeTasks = tasks.filter(t => t.status !== 'client_approved');
+  const completedTasks = tasks.filter(t => t.status === 'client_approved');
+
+  return (
+    <Layout>
+      <button className="back-link" onClick={() => navigate('/companies')}>← Back to Companies</button>
+
+      <div className="page-header">
+        <div>
+          <div className="page-title">{company.name}</div>
+          <div className="page-subtitle">
+            {company.email && <>{company.email}</>}
+            {company.email && company.phone && ' · '}
+            {company.phone && <>{company.phone}</>}
+            {!company.email && !company.phone && 'No contact info'}
+          </div>
+        </div>
+        <span className="badge badge-client" style={{ fontSize: 13, padding: '6px 14px' }}>Company</span>
+      </div>
+
+      <div className="stats-grid" style={{ marginBottom: 28 }}>
+        <div className="stat-card">
+          <div className="stat-icon">📁</div>
+          <div className="stat-value">{projects.length}</div>
+          <div className="stat-label">Projects</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-icon">⚡</div>
+          <div className="stat-value">{activeTasks.length}</div>
+          <div className="stat-label">Active Jobs</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-icon">✅</div>
+          <div className="stat-value">{completedTasks.length}</div>
+          <div className="stat-label">Completed</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-icon">📅</div>
+          <div className="stat-value" style={{ fontSize: 16 }}>{new Date(company.created_at).toLocaleDateString()}</div>
+          <div className="stat-label">Since</div>
+        </div>
+      </div>
+
+      {/* Tabs */}
+      <div style={{ display: 'flex', gap: 4, marginBottom: 24, borderBottom: '1px solid var(--border)', paddingBottom: 0 }}>
+        {['projects', 'users', 'pricing'].map(t => (
+          <button
+            key={t}
+            onClick={() => setTab(t)}
+            style={{
+              background: 'none', border: 'none', cursor: 'pointer',
+              padding: '8px 16px', fontSize: 13, fontWeight: 600,
+              color: tab === t ? 'var(--accent)' : 'var(--text-muted)',
+              borderBottom: tab === t ? '2px solid var(--accent)' : '2px solid transparent',
+              marginBottom: -1, textTransform: 'capitalize', fontFamily: 'inherit',
+            }}
+          >
+            {t}
+            {t === 'users' && unassigned.length > 0 && (
+              <span style={{ marginLeft: 6, fontSize: 10, background: 'var(--danger)', color: 'white', padding: '1px 5px', borderRadius: 10, fontWeight: 700 }}>
+                {unassigned.length}
+              </span>
+            )}
+          </button>
+        ))}
+      </div>
+
+      {/* Projects Tab */}
+      {tab === 'projects' && projects.length === 0 && (
+        <div className="empty-state">
+          <h3>No projects yet</h3>
+          <p>Projects will appear here when requests come in.</p>
+        </div>
+      )}
+      {tab === 'projects' && projects.length > 0 && (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+          {projects.map(project => {
+            const projectTasks = tasks.filter(t => t.project_id === project.id);
+            const active = projectTasks.filter(t => t.status !== 'client_approved');
+            return (
+              <div key={project.id} className="request-card">
+                <div className="request-card-header">
+                  <div>
+                    <div className="request-card-title">
+                      <Link to={`/projects/${project.id}`} className="table-link">{project.name}</Link>
+                    </div>
+                    {project.description && <div className="request-card-meta">{project.description}</div>}
+                    <div className="request-card-meta" style={{ marginTop: 4 }}>
+                      Started {new Date(project.created_at).toLocaleDateString()} · {projectTasks.length} job{projectTasks.length !== 1 ? 's' : ''} · {active.length} active
+                    </div>
+                  </div>
+                  <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+                    <StatusBadge status={project.status} />
+                    <Link to={`/projects/${project.id}`} className="btn btn-outline btn-sm">View</Link>
+                  </div>
+                </div>
+                {projectTasks.length > 0 && (
+                  <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap', marginTop: 8 }}>
+                    {projectTasks.map(task => (
+                      <Link key={task.id} to={`/tasks/${task.id}`} style={{
+                        display: 'inline-flex', alignItems: 'center', gap: 6,
+                        padding: '5px 12px', borderRadius: 6,
+                        background: 'var(--bg)', border: '1px solid var(--border)',
+                        fontSize: 12, fontWeight: 500, color: 'var(--text-primary)',
+                        textDecoration: 'none',
+                      }}>
+                        {task.title}
+                        <StatusBadge status={task.status} />
+                      </Link>
+                    ))}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+
+      {/* Users Tab */}
+      {tab === 'users' && (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+          <div className="card">
+            <div className="card-title">Assigned Users</div>
+            {users.length === 0 ? (
+              <p style={{ fontSize: 13, color: 'var(--text-muted)' }}>No users assigned to this company yet.</p>
+            ) : (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 0 }}>
+                {users.map((user, i) => (
+                  <div key={user.id} style={{
+                    display: 'flex', alignItems: 'center', justifyContent: 'space-between',
+                    padding: '12px 0',
+                    borderBottom: i < users.length - 1 ? '1px solid var(--border)' : 'none',
+                  }}>
+                    <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+                      <div style={{
+                        width: 32, height: 32, borderRadius: 4, background: 'var(--accent)',
+                        display: 'flex', alignItems: 'center', justifyContent: 'center',
+                        fontSize: 12, fontWeight: 700, color: '#111', flexShrink: 0,
+                      }}>
+                        {user.name?.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2)}
+                      </div>
+                      <div>
+                        <div style={{ fontWeight: 600, fontSize: 14 }}>{user.name}</div>
+                        <div style={{ fontSize: 12, color: 'var(--text-muted)' }}>{user.email || '—'}</div>
+                      </div>
+                    </div>
+                    <button
+                      className="btn btn-outline btn-sm"
+                      style={{ fontSize: 11, color: 'var(--danger)', borderColor: 'var(--danger)' }}
+                      onClick={() => handleRemoveUser(user.id)}
+                    >
+                      Remove
+                    </button>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {unassigned.length > 0 && (
+            <div className="card">
+              <div className="card-title">Unassigned Users</div>
+              <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 14 }}>
+                These users have signed up but aren't assigned to any company yet.
+              </p>
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+                {unassigned.map(user => (
+                  <div key={user.id} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px 14px', background: 'var(--bg)', borderRadius: 8, border: '1px solid var(--border)' }}>
+                    <div>
+                      <div style={{ fontWeight: 600, fontSize: 13 }}>{user.name}</div>
+                      <div style={{ fontSize: 12, color: 'var(--text-muted)' }}>{user.email}</div>
+                    </div>
+                    <button
+                      className="btn btn-primary btn-sm"
+                      onClick={() => handleAssignUser(user.id)}
+                      disabled={assigning}
+                    >
+                      Assign to {company.name}
+                    </button>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Pricing Tab */}
+      {tab === 'pricing' && (
+        <div className="card">
+          <div className="card-title">Price List — {company.name}</div>
+          <p style={{ fontSize: 13, color: 'var(--text-muted)', marginBottom: 16 }}>
+            Set prices per service type for this company. These auto-fill when creating an invoice.
+          </p>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
+            {serviceTypes.map(serviceType => (
+              <div key={serviceType} style={{ display: 'grid', gridTemplateColumns: '1fr 160px 80px', gap: 10, alignItems: 'center' }}>
+                <div style={{ fontSize: 14, fontWeight: 500 }}>{serviceType}</div>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+                  <span style={{ color: 'var(--text-muted)', fontSize: 14 }}>$</span>
+                  <input
+                    type="number"
+                    min="0"
+                    step="0.01"
+                    placeholder="0.00"
+                    value={getPrice(serviceType)}
+                    onChange={e => handlePriceChange(serviceType, e.target.value)}
+                    style={{ margin: 0 }}
+                  />
+                </div>
+                <button
+                  className="btn btn-outline btn-sm"
+                  onClick={() => handlePriceSave(serviceType)}
+                  disabled={savingPrice === serviceType}
+                >
+                  {savingPrice === serviceType ? '...' : 'Save'}
+                </button>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+    </Layout>
+  );
+}
diff --git a/src/pages/team/CreateInvoice.jsx b/src/pages/team/CreateInvoice.jsx
new file mode 100644
index 0000000..e4f6d56
--- /dev/null
+++ b/src/pages/team/CreateInvoice.jsx
@@ -0,0 +1,236 @@
+import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import { supabase } from '../../lib/supabase';
+import { useAuth } from '../../context/AuthContext';
+
+function newItem(description = '', unit_price = '', quantity = 1, task_id = null) {
+  return { id: crypto.randomUUID(), description, unit_price, quantity, task_id };
+}
+
+export default function CreateInvoice() {
+  const navigate = useNavigate();
+  const { currentUser } = useAuth();
+
+  const [companies, setCompanies] = useState([]);
+  const [selectedCompanyId, setSelectedCompanyId] = useState('');
+  const [uninvoicedTasks, setUninvoicedTasks] = useState([]);
+  const [priceList, setPriceList] = useState([]);
+  const [items, setItems] = useState([newItem()]);
+  const [notes, setNotes] = useState('');
+  const [saving, setSaving] = useState(false);
+  const [loadingTasks, setLoadingTasks] = useState(false);
+
+  const today = new Date().toISOString().split('T')[0];
+  const net30 = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
+
+  useEffect(() => {
+    supabase.from('companies').select('id, name, email').order('name').then(({ data }) => setCompanies(data || []));
+  }, []);
+
+  useEffect(() => {
+    if (!selectedCompanyId) { setUninvoicedTasks([]); setPriceList([]); setItems([newItem()]); return; }
+    setLoadingTasks(true);
+    Promise.all([
+      supabase.from('projects').select('id').eq('company_id', selectedCompanyId),
+      supabase.from('company_prices').select('*').eq('company_id', selectedCompanyId),
+    ]).then(async ([{ data: projects }, { data: prices }]) => {
+      setPriceList(prices || []);
+      if (projects && projects.length > 0) {
+        const { data: tasks } = await supabase
+          .from('tasks')
+          .select('*, project:projects(name)')
+          .in('project_id', projects.map(p => p.id))
+          .eq('invoiced', false);
+        setUninvoicedTasks(tasks || []);
+      } else {
+        setUninvoicedTasks([]);
+      }
+      setLoadingTasks(false);
+    });
+  }, [selectedCompanyId]);
+
+  const addTaskAsItem = (task) => {
+    const price = priceList.find(p => p.service_type === task.title);
+    setItems(prev => {
+      if (prev.length === 1 && !prev[0].description && !prev[0].unit_price) {
+        return [newItem(task.title, price?.price || '', 1, task.id)];
+      }
+      return [...prev, newItem(task.title, price?.price || '', 1, task.id)];
+    });
+  };
+
+  const updateItem = (id, field, value) => {
+    setItems(prev => prev.map(item => item.id === id ? { ...item, [field]: value } : item));
+  };
+
+  const removeItem = (id) => setItems(prev => prev.filter(item => item.id !== id));
+
+  const total = items.reduce((sum, item) => sum + (Number(item.quantity) || 0) * (Number(item.unit_price) || 0), 0);
+
+  const handleSave = async (status) => {
+    if (!selectedCompanyId) return alert('Please select a company.');
+    if (items.every(i => !i.description)) return alert('Please add at least one line item.');
+    setSaving(true);
+
+    const year = new Date().getFullYear();
+    const { count } = await supabase.from('invoices').select('*', { count: 'exact', head: true }).gte('created_at', `${year}-01-01`);
+    const invoiceNumber = `INV-${year}-${String((count || 0) + 1).padStart(3, '0')}`;
+
+    const { data: invoice, error } = await supabase.from('invoices').insert({
+      company_id: selectedCompanyId,
+      invoice_number: invoiceNumber,
+      invoice_date: today,
+      due_date: net30,
+      status,
+      notes: notes || null,
+      total,
+      created_by: currentUser?.id,
+    }).select().single();
+
+    if (error || !invoice) { setSaving(false); alert('Error saving invoice.'); return; }
+
+    const validItems = items.filter(i => i.description);
+    if (validItems.length > 0) {
+      await supabase.from('invoice_items').insert(
+        validItems.map(item => ({
+          invoice_id: invoice.id,
+          task_id: item.task_id || null,
+          description: item.description,
+          quantity: Number(item.quantity) || 1,
+          unit_price: Number(item.unit_price) || 0,
+        }))
+      );
+    }
+
+    const taskIds = validItems.filter(i => i.task_id).map(i => i.task_id);
+    if (taskIds.length > 0) {
+      await supabase.from('tasks').update({ invoiced: true }).in('id', taskIds);
+    }
+
+    navigate(`/invoices/${invoice.id}`);
+  };
+
+  const selectedCompany = companies.find(c => c.id === selectedCompanyId);
+
+  return (
+    <Layout>
+      <button className="back-link" onClick={() => navigate('/invoices')}>← Back to Invoices</button>
+
+      <div className="page-header">
+        <div>
+          <div className="page-title">New Invoice</div>
+          <div className="page-subtitle">Invoice date: {new Date(today).toLocaleDateString()} · Due: {new Date(net30).toLocaleDateString()} (Net 30)</div>
+        </div>
+        <div className="action-buttons">
+          <button className="btn btn-outline" onClick={() => handleSave('draft')} disabled={saving}>Save Draft</button>
+          <button className="btn btn-primary" onClick={() => handleSave('sent')} disabled={saving}>
+            {saving ? 'Saving...' : 'Finalise & Send'}
+          </button>
+        </div>
+      </div>
+
+      <div className="grid-2" style={{ gap: 24, marginBottom: 24 }}>
+        <div className="card">
+          <div className="card-title">Company</div>
+          <div className="form-group">
+            <label>Select Company *</label>
+            <select value={selectedCompanyId} onChange={e => setSelectedCompanyId(e.target.value)}>
+              <option value="">Choose a company...</option>
+              {companies.map(c => (
+                <option key={c.id} value={c.id}>{c.name}</option>
+              ))}
+            </select>
+          </div>
+          {selectedCompany && (
+            <div style={{ padding: '12px 14px', background: 'var(--bg)', borderRadius: 8, border: '1px solid var(--border)', fontSize: 13 }}>
+              <div style={{ fontWeight: 600 }}>{selectedCompany.name}</div>
+              {selectedCompany.email && <div style={{ color: 'var(--text-muted)', marginTop: 2 }}>{selectedCompany.email}</div>}
+            </div>
+          )}
+        </div>
+
+        <div className="card">
+          <div className="card-title">Uninvoiced Requests</div>
+          {!selectedCompanyId ? (
+            <p style={{ fontSize: 13, color: 'var(--text-muted)' }}>Select a company to see their uninvoiced requests.</p>
+          ) : loadingTasks ? (
+            <p style={{ fontSize: 13, color: 'var(--text-muted)' }}>Loading...</p>
+          ) : uninvoicedTasks.length === 0 ? (
+            <p style={{ fontSize: 13, color: 'var(--text-muted)' }}>No uninvoiced requests found.</p>
+          ) : (
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
+              {uninvoicedTasks.map(task => {
+                const price = priceList.find(p => p.service_type === task.title);
+                const alreadyAdded = items.some(i => i.task_id === task.id);
+                return (
+                  <div key={task.id} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '8px 12px', background: 'var(--bg)', borderRadius: 6, border: '1px solid var(--border)' }}>
+                    <div>
+                      <div style={{ fontSize: 13, fontWeight: 600 }}>{task.title}</div>
+                      <div style={{ fontSize: 11, color: 'var(--text-muted)' }}>{task.project?.name} · {price ? `$${Number(price.price).toFixed(2)}` : 'No price set'}</div>
+                    </div>
+                    <button
+                      className={`btn btn-sm ${alreadyAdded ? 'btn-outline' : 'btn-primary'}`}
+                      onClick={() => !alreadyAdded && addTaskAsItem(task)}
+                      disabled={alreadyAdded}
+                    >
+                      {alreadyAdded ? 'Added' : '+ Add'}
+                    </button>
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </div>
+      </div>
+
+      <div className="card" style={{ marginBottom: 24 }}>
+        <div className="card-title">Line Items</div>
+
+        <div style={{ display: 'grid', gridTemplateColumns: '1fr 80px 120px 120px 40px', gap: 8, marginBottom: 8 }}>
+          {['Description', 'Qty', 'Unit Price', 'Total', ''].map((h, i) => (
+            <div key={i} style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)', textAlign: i > 1 ? 'right' : 'left' }}>{h}</div>
+          ))}
+        </div>
+
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+          {items.map(item => (
+            <div key={item.id} style={{ display: 'grid', gridTemplateColumns: '1fr 80px 120px 120px 40px', gap: 8, alignItems: 'center' }}>
+              <input type="text" placeholder="Description..." value={item.description} onChange={e => updateItem(item.id, 'description', e.target.value)} style={{ margin: 0 }} />
+              <input type="number" min="1" value={item.quantity} onChange={e => updateItem(item.id, 'quantity', e.target.value)} style={{ margin: 0, textAlign: 'center' }} />
+              <input type="number" min="0" step="0.01" placeholder="0.00" value={item.unit_price} onChange={e => updateItem(item.id, 'unit_price', e.target.value)} style={{ margin: 0, textAlign: 'right' }} />
+              <div style={{ textAlign: 'right', fontSize: 14, fontWeight: 600, color: 'var(--text-primary)', paddingRight: 4 }}>
+                ${((Number(item.quantity) || 0) * (Number(item.unit_price) || 0)).toFixed(2)}
+              </div>
+              <button onClick={() => removeItem(item.id)} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', fontSize: 16, padding: 4 }}>✕</button>
+            </div>
+          ))}
+        </div>
+
+        <button className="btn btn-outline btn-sm" style={{ marginTop: 12 }} onClick={() => setItems(prev => [...prev, newItem()])}>
+          + Add Line Item
+        </button>
+
+        <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: 20, paddingTop: 16, borderTop: '1px solid var(--border)' }}>
+          <div style={{ textAlign: 'right' }}>
+            <div style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)', marginBottom: 4 }}>Total</div>
+            <div style={{ fontSize: 26, fontWeight: 700, color: 'var(--accent)' }}>${total.toFixed(2)}</div>
+          </div>
+        </div>
+      </div>
+
+      <div className="card" style={{ marginBottom: 24 }}>
+        <div className="card-title">Notes</div>
+        <textarea placeholder="Additional notes, payment instructions, or terms..." value={notes} onChange={e => setNotes(e.target.value)} style={{ minHeight: 80 }} />
+      </div>
+
+      <div className="action-buttons">
+        <button className="btn btn-outline" onClick={() => handleSave('draft')} disabled={saving}>Save Draft</button>
+        <button className="btn btn-primary" onClick={() => handleSave('sent')} disabled={saving}>
+          {saving ? 'Saving...' : 'Finalise & Send'}
+        </button>
+        <button className="btn btn-outline" onClick={() => navigate('/invoices')}>Cancel</button>
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/pages/team/Dashboard.jsx b/src/pages/team/Dashboard.jsx
new file mode 100755
index 0000000..13a148b
--- /dev/null
+++ b/src/pages/team/Dashboard.jsx
@@ -0,0 +1,174 @@
+import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import { supabase } from '../../lib/supabase';
+import { useAuth } from '../../context/AuthContext';
+
+function CompanyGroup({ company, tasks, projects }) {
+  const [open, setOpen] = useState(true);
+  return (
+    <div style={{ marginBottom: 10, border: '1px solid var(--border)', borderRadius: 8, overflow: 'hidden', background: 'var(--card-bg)' }}>
+      <button
+        onClick={() => setOpen(o => !o)}
+        style={{
+          width: '100%', display: 'flex', alignItems: 'center',
+          justifyContent: 'space-between', padding: '10px 14px',
+          background: 'var(--card-bg-2)', border: 'none', cursor: 'pointer',
+          borderBottom: open ? '1px solid var(--border)' : 'none',
+          fontFamily: 'inherit',
+        }}
+      >
+        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+          <span style={{ fontSize: 13, fontWeight: 700, color: 'var(--text-primary)' }}>
+            {company.name}
+          </span>
+          <span style={{ fontSize: 11, fontWeight: 600, padding: '1px 7px', borderRadius: 20, background: 'var(--accent)', color: '#1a1a1a' }}>
+            {tasks.length}
+          </span>
+        </div>
+        <span style={{ fontSize: 12, color: 'var(--text-muted)' }}>{open ? '▲' : '▼'}</span>
+      </button>
+      {open && (
+        <div>
+          {tasks.map(task => {
+            const project = projects.find(p => p.id === task.project_id);
+            return (
+              <div key={task.id} style={{ padding: '10px 14px', borderBottom: '1px solid var(--border)', display: 'flex', flexDirection: 'column', gap: 4 }}>
+                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                  <Link to={`/tasks/${task.id}`} className="table-link" style={{ fontSize: 13 }}>
+                    {task.title} <span style={{ fontWeight: 400, color: 'var(--text-muted)' }}>{'v' + String(task.current_version).padStart(2, '0')}</span>
+                  </Link>
+                  <StatusBadge status={task.status} />
+                </div>
+                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                  <span style={{ fontSize: 11, color: 'var(--text-secondary)' }}>{project?.name}</span>
+                  <span style={{ fontSize: 11, color: task.assigned_name ? 'var(--text-secondary)' : 'var(--text-muted)' }}>
+                    {task.assigned_name || 'Unassigned'}
+                  </span>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function GroupedColumn({ tasks, companies, projects, emptyText }) {
+  if (tasks.length === 0) return (
+    <div style={{ padding: '24px 16px', textAlign: 'center', color: 'var(--text-muted)', fontSize: 13, background: 'var(--card-bg)', borderRadius: 8, border: '1px solid var(--border)' }}>
+      {emptyText}
+    </div>
+  );
+
+  const groups = companies
+    .map(company => {
+      const companyProjectIds = projects.filter(p => p.company_id === company.id).map(p => p.id);
+      const companyTasks = tasks.filter(t => companyProjectIds.includes(t.project_id));
+      return { company, tasks: companyTasks };
+    })
+    .filter(g => g.tasks.length > 0);
+
+  return (
+    <div>
+      {groups.map(({ company, tasks: groupTasks }) => (
+        <CompanyGroup key={company.id} company={company} tasks={groupTasks} projects={projects} />
+      ))}
+    </div>
+  );
+}
+
+export default function Dashboard() {
+  const { currentUser } = useAuth();
+  const [tasks, setTasks] = useState([]);
+  const [projects, setProjects] = useState([]);
+  const [companies, setCompanies] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [showCompleted, setShowCompleted] = useState(false);
+
+  useEffect(() => {
+    async function load() {
+      const [{ data: t }, { data: p }, { data: co }] = await Promise.all([
+        supabase.from('tasks').select('*').order('submitted_at', { ascending: false }),
+        supabase.from('projects').select('*'),
+        supabase.from('companies').select('*').order('name'),
+      ]);
+      setTasks(t || []);
+      setProjects(p || []);
+      setCompanies(co || []);
+      setLoading(false);
+    }
+    load();
+  }, []);
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+
+  const activeTasks = tasks.filter(t => ['in_progress', 'on_hold', 'client_review'].includes(t.status));
+  const notStartedTasks = tasks.filter(t => t.status === 'not_started');
+  const completedTasks = tasks.filter(t => t.status === 'client_approved');
+  const activeProjects = projects.filter(p => p.status === 'active');
+
+  return (
+    <Layout>
+      <div className="page-header">
+        <div>
+          <div className="page-title">Welcome back, {currentUser?.name?.split(' ')[0]}</div>
+          <div className="page-subtitle">Here's what's happening across your projects.</div>
+        </div>
+        <div style={{ display: 'flex', gap: 8 }}>
+          <button className="btn btn-outline" onClick={() => setShowCompleted(s => !s)}>
+            {showCompleted ? 'Hide Completed' : 'Show Completed'}
+          </button>
+          <Link to="/requests" className="btn btn-primary">View Requests</Link>
+        </div>
+      </div>
+
+      <div className="stats-grid">
+        <div className="stat-card">
+          <div className="stat-icon">📁</div>
+          <div className="stat-value">{activeProjects.length}</div>
+          <div className="stat-label">Active Projects</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-icon">⚡</div>
+          <div className="stat-value">{activeTasks.length}</div>
+          <div className="stat-label">Active Jobs</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-icon">🔴</div>
+          <div className="stat-value">{notStartedTasks.length}</div>
+          <div className="stat-label">Not Started</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-icon">✅</div>
+          <div className="stat-value">{completedTasks.length}</div>
+          <div className="stat-label">Completed</div>
+        </div>
+      </div>
+
+      <div style={{ display: 'grid', gridTemplateColumns: showCompleted ? '1fr 1fr 1fr' : '1fr 1fr', gap: 24 }}>
+        <div>
+          <div className="card-title">Not Started</div>
+          <GroupedColumn tasks={notStartedTasks} companies={companies} projects={projects} emptyText="Nothing waiting to start" />
+        </div>
+        <div>
+          <div className="card-title">Active Jobs</div>
+          <GroupedColumn tasks={activeTasks} companies={companies} projects={projects} emptyText="No active jobs" />
+        </div>
+        {showCompleted && (
+          <div>
+            <div className="card-title" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+              Completed
+              <button onClick={() => setShowCompleted(false)} style={{ fontSize: 11, color: 'var(--text-muted)', background: 'none', border: 'none', cursor: 'pointer' }}>
+                Hide ✕
+              </button>
+            </div>
+            <GroupedColumn tasks={completedTasks} companies={companies} projects={projects} emptyText="No completed jobs yet" />
+          </div>
+        )}
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/pages/team/InvoiceDetail.jsx b/src/pages/team/InvoiceDetail.jsx
new file mode 100644
index 0000000..f3338b5
--- /dev/null
+++ b/src/pages/team/InvoiceDetail.jsx
@@ -0,0 +1,166 @@
+import { useState, useEffect } from 'react';
+import { useParams, useNavigate, Link } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import { supabase } from '../../lib/supabase';
+import { generateInvoicePDF } from '../../lib/invoice';
+
+const statusColor = { draft: 'not_started', sent: 'in_progress', paid: 'client_approved' };
+
+export default function InvoiceDetail() {
+  const { id } = useParams();
+  const navigate = useNavigate();
+
+  const [invoice, setInvoice] = useState(null);
+  const [company, setCompany] = useState(null);
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    async function load() {
+      const { data: inv } = await supabase.from('invoices').select('*').eq('id', id).single();
+      if (!inv) { setLoading(false); return; }
+      setInvoice(inv);
+
+      const [{ data: co }, { data: its }] = await Promise.all([
+        supabase.from('companies').select('*').eq('id', inv.company_id).single(),
+        supabase.from('invoice_items').select('*').eq('invoice_id', id).order('created_at'),
+      ]);
+      setCompany(co);
+      setItems(its || []);
+      setLoading(false);
+    }
+    load();
+  }, [id]);
+
+  const updateStatus = async (status) => {
+    setSaving(true);
+    await supabase.from('invoices').update({ status }).eq('id', id);
+    setInvoice(i => ({ ...i, status }));
+    setSaving(false);
+  };
+
+  const handleDelete = async () => {
+    if (!window.confirm('Delete this invoice? This cannot be undone.')) return;
+    setSaving(true);
+    try {
+      const { data: freshItems } = await supabase.from('invoice_items').select('task_id').eq('invoice_id', id);
+      const taskIds = (freshItems || []).filter(i => i.task_id).map(i => i.task_id);
+      if (taskIds.length > 0) await supabase.from('tasks').update({ invoiced: false }).in('id', taskIds);
+      const { error } = await supabase.from('invoices').delete().eq('id', id);
+      if (error) throw error;
+      navigate('/invoices');
+    } catch {
+      alert('Failed to delete invoice. Please try again.');
+      setSaving(false);
+    }
+  };
+
+  const handleDownload = async () => {
+    await generateInvoicePDF(invoice, company, items);
+  };
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+  if (!invoice) return <Layout><p>Invoice not found.</p></Layout>;
+
+  const isOverdue = invoice.status !== 'paid' && new Date(invoice.due_date) < new Date();
+
+  return (
+    <Layout>
+      <button className="back-link" onClick={() => navigate('/invoices')}>← Back to Invoices</button>
+
+      <div className="page-header">
+        <div>
+          <div className="page-title">{invoice.invoice_number}</div>
+          <div className="page-subtitle">
+            <Link to={`/companies/${company?.id}`} style={{ color: 'var(--accent)' }}>{company?.name}</Link>
+          </div>
+        </div>
+        <div className="action-buttons">
+          <span className={`badge badge-${statusColor[invoice.status]}`} style={{ fontSize: 13, padding: '6px 14px', textTransform: 'capitalize' }}>
+            {invoice.status}{isOverdue ? ' · Overdue' : ''}
+          </span>
+          <button className="btn btn-primary" onClick={handleDownload}>Download PDF</button>
+        </div>
+      </div>
+
+      <div className="grid-2" style={{ marginBottom: 24 }}>
+        <div className="card">
+          <div className="card-title">Bill To</div>
+          <div style={{ fontSize: 15, fontWeight: 700 }}>{company?.name}</div>
+          {company?.email && <div style={{ fontSize: 13, color: 'var(--text-muted)', marginTop: 2 }}>{company.email}</div>}
+          <div style={{ marginTop: 12 }}>
+            <Link to={`/companies/${company?.id}`} className="btn btn-outline btn-sm">View Company</Link>
+          </div>
+        </div>
+        <div className="card">
+          <div className="card-title">Invoice Details</div>
+          <div className="detail-grid" style={{ marginBottom: 0 }}>
+            <div className="detail-item"><label>Invoice Date</label><p>{new Date(invoice.invoice_date).toLocaleDateString()}</p></div>
+            <div className="detail-item"><label>Due Date</label>
+              <p style={{ color: isOverdue ? 'var(--danger)' : 'inherit' }}>{new Date(invoice.due_date).toLocaleDateString()}</p>
+            </div>
+            <div className="detail-item"><label>Terms</label><p>Net 30</p></div>
+            <div className="detail-item"><label>Total</label><p style={{ fontSize: 18, fontWeight: 700, color: 'var(--accent)' }}>${Number(invoice.total).toFixed(2)}</p></div>
+          </div>
+        </div>
+      </div>
+
+      <div className="card" style={{ marginBottom: 24 }}>
+        <div className="card-title">Line Items</div>
+        <div className="table-wrapper" style={{ border: 'none' }}>
+          <table>
+            <thead>
+              <tr>
+                <th>Description</th>
+                <th style={{ textAlign: 'center' }}>Qty</th>
+                <th style={{ textAlign: 'right' }}>Unit Price</th>
+                <th style={{ textAlign: 'right' }}>Total</th>
+              </tr>
+            </thead>
+            <tbody>
+              {items.map(item => (
+                <tr key={item.id}>
+                  <td>{item.description}</td>
+                  <td style={{ textAlign: 'center' }}>{item.quantity}</td>
+                  <td style={{ textAlign: 'right' }}>${Number(item.unit_price).toFixed(2)}</td>
+                  <td style={{ textAlign: 'right', fontWeight: 700 }}>${(Number(item.quantity) * Number(item.unit_price)).toFixed(2)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+        <div style={{ display: 'flex', justifyContent: 'flex-end', padding: '16px 16px 0', borderTop: '1px solid var(--border)', marginTop: 8 }}>
+          <div style={{ textAlign: 'right' }}>
+            <div style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)', marginBottom: 4 }}>Total</div>
+            <div style={{ fontSize: 24, fontWeight: 700, color: 'var(--accent)' }}>${Number(invoice.total).toFixed(2)}</div>
+          </div>
+        </div>
+      </div>
+
+      {invoice.notes && (
+        <div className="card" style={{ marginBottom: 24 }}>
+          <div className="card-title">Notes</div>
+          <p style={{ fontSize: 14, color: 'var(--text-secondary)', lineHeight: 1.6, whiteSpace: 'pre-wrap' }}>{invoice.notes}</p>
+        </div>
+      )}
+
+      <div className="card">
+        <div className="card-title">Actions</div>
+        <div className="action-buttons">
+          {invoice.status === 'draft' && (
+            <button className="btn btn-primary" onClick={() => updateStatus('sent')} disabled={saving}>Mark as Sent</button>
+          )}
+          {invoice.status === 'sent' && (
+            <button className="btn btn-success" onClick={() => updateStatus('paid')} disabled={saving}>Mark as Paid</button>
+          )}
+          {invoice.status === 'paid' && (
+            <button className="btn btn-outline" onClick={() => updateStatus('sent')} disabled={saving}>Reopen</button>
+          )}
+          <button className="btn btn-primary" onClick={handleDownload}>Download PDF</button>
+          <button className="btn btn-danger" onClick={handleDelete} disabled={saving}>Delete Invoice</button>
+        </div>
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/pages/team/Invoices.jsx b/src/pages/team/Invoices.jsx
new file mode 100644
index 0000000..c731719
--- /dev/null
+++ b/src/pages/team/Invoices.jsx
@@ -0,0 +1,121 @@
+import { useState, useEffect } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import { supabase } from '../../lib/supabase';
+
+const statusColor = { draft: 'not_started', sent: 'in_progress', paid: 'client_approved' };
+
+export default function Invoices() {
+  const navigate = useNavigate();
+  const [invoices, setInvoices] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [filter, setFilter] = useState('all');
+
+  useEffect(() => {
+    async function load() {
+      const { data } = await supabase
+        .from('invoices')
+        .select('*, company:companies(name, email)')
+        .order('created_at', { ascending: false });
+      setInvoices(data || []);
+      setLoading(false);
+    }
+    load();
+  }, []);
+
+  const filtered = filter === 'all' ? invoices : invoices.filter(inv => inv.status === filter);
+
+  const totals = {
+    all: invoices.reduce((s, i) => s + Number(i.total), 0),
+    draft: invoices.filter(i => i.status === 'draft').reduce((s, i) => s + Number(i.total), 0),
+    sent: invoices.filter(i => i.status === 'sent').reduce((s, i) => s + Number(i.total), 0),
+    paid: invoices.filter(i => i.status === 'paid').reduce((s, i) => s + Number(i.total), 0),
+  };
+
+  return (
+    <Layout>
+      <div className="page-header">
+        <div>
+          <div className="page-title">Invoices</div>
+          <div className="page-subtitle">{invoices.length} invoice{invoices.length !== 1 ? 's' : ''} total</div>
+        </div>
+        <button className="btn btn-primary" onClick={() => navigate('/invoices/new')}>+ New Invoice</button>
+      </div>
+
+      <div className="stats-grid" style={{ marginBottom: 24 }}>
+        {[
+          { label: 'Outstanding', value: totals.sent, count: invoices.filter(i => i.status === 'sent').length },
+          { label: 'Paid', value: totals.paid, count: invoices.filter(i => i.status === 'paid').length },
+          { label: 'Draft', value: totals.draft, count: invoices.filter(i => i.status === 'draft').length },
+          { label: 'Total Billed', value: totals.all, count: invoices.length },
+        ].map(({ label, value, count }) => (
+          <div key={label} className="stat-card">
+            <div className="stat-value" style={{ fontSize: 22 }}>${value.toFixed(2)}</div>
+            <div className="stat-label">{label} · {count} invoice{count !== 1 ? 's' : ''}</div>
+          </div>
+        ))}
+      </div>
+
+      <div style={{ display: 'flex', gap: 8, marginBottom: 16 }}>
+        {['all', 'draft', 'sent', 'paid'].map(s => (
+          <button
+            key={s}
+            onClick={() => setFilter(s)}
+            className={`btn btn-sm ${filter === s ? 'btn-primary' : 'btn-outline'}`}
+            style={{ textTransform: 'capitalize' }}
+          >
+            {s}
+          </button>
+        ))}
+      </div>
+
+      {loading ? (
+        <p style={{ color: 'var(--text-muted)' }}>Loading...</p>
+      ) : filtered.length === 0 ? (
+        <div className="empty-state">
+          <h3>No invoices</h3>
+          <p>Create your first invoice to get started.</p>
+          <button className="btn btn-primary" style={{ marginTop: 16 }} onClick={() => navigate('/invoices/new')}>+ New Invoice</button>
+        </div>
+      ) : (
+        <div className="table-wrapper">
+          <table>
+            <thead>
+              <tr>
+                <th>Invoice #</th>
+                <th>Company</th>
+                <th>Date</th>
+                <th>Due</th>
+                <th>Status</th>
+                <th>Total</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              {filtered.map(inv => (
+                <tr key={inv.id}>
+                  <td><Link to={`/invoices/${inv.id}`} className="table-link">{inv.invoice_number}</Link></td>
+                  <td>
+                    <div style={{ fontWeight: 600 }}>{inv.company?.name}</div>
+                    {inv.company?.email && <div style={{ fontSize: 12, color: 'var(--text-muted)' }}>{inv.company.email}</div>}
+                  </td>
+                  <td>{new Date(inv.invoice_date).toLocaleDateString()}</td>
+                  <td>
+                    <span style={{ color: inv.status !== 'paid' && new Date(inv.due_date) < new Date() ? 'var(--danger)' : 'inherit' }}>
+                      {new Date(inv.due_date).toLocaleDateString()}
+                    </span>
+                  </td>
+                  <td><span className={`badge badge-${statusColor[inv.status]}`} style={{ textTransform: 'capitalize' }}>{inv.status}</span></td>
+                  <td style={{ fontWeight: 700 }}>${Number(inv.total).toFixed(2)}</td>
+                  <td>
+                    <Link to={`/invoices/${inv.id}`} className="btn btn-outline btn-sm">View</Link>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </Layout>
+  );
+}
diff --git a/src/pages/team/ProjectDetail.jsx b/src/pages/team/ProjectDetail.jsx
new file mode 100755
index 0000000..54daac7
--- /dev/null
+++ b/src/pages/team/ProjectDetail.jsx
@@ -0,0 +1,125 @@
+import { useState, useEffect } from 'react';
+import { useParams, Link, useNavigate } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import { supabase } from '../../lib/supabase';
+
+export default function ProjectDetail() {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const [project, setProject] = useState(null);
+  const [company, setCompany] = useState(null);
+  const [tasks, setTasks] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    async function load() {
+      const { data: p } = await supabase.from('projects').select('*').eq('id', id).single();
+      if (!p) { setLoading(false); return; }
+      setProject(p);
+
+      const [{ data: co }, { data: t }] = await Promise.all([
+        supabase.from('companies').select('*').eq('id', p.company_id).single(),
+        supabase.from('tasks').select('*').eq('project_id', id).order('submitted_at', { ascending: false }),
+      ]);
+      setCompany(co);
+      setTasks(t || []);
+      setLoading(false);
+    }
+    load();
+  }, [id]);
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+  if (!project) return <Layout><p>Project not found.</p></Layout>;
+
+  return (
+    <Layout>
+      <button className="back-link" onClick={() => navigate(`/companies/${company?.id}`)}>
+        ← Back to {company?.name}
+      </button>
+
+      <div className="page-header">
+        <div>
+          <div className="page-title">{project.name}</div>
+          <div className="page-subtitle">
+            <Link to={`/companies/${company?.id}`} style={{ color: 'var(--accent)' }}>
+              {company?.name}
+            </Link>
+            {' · '}Started {new Date(project.created_at).toLocaleDateString()}
+          </div>
+        </div>
+        <StatusBadge status={project.status} />
+      </div>
+
+      <div className="grid-2" style={{ marginBottom: 24 }}>
+        <div className="card">
+          <div className="card-title">Project Info</div>
+          <div className="detail-grid" style={{ marginBottom: 0 }}>
+            <div className="detail-item"><label>Company</label><p>{company?.name || '—'}</p></div>
+            <div className="detail-item"><label>Contact</label><p>{company?.email || '—'}</p></div>
+            <div className="detail-item"><label>Status</label><p><StatusBadge status={project.status} /></p></div>
+            <div className="detail-item"><label>Started</label><p>{new Date(project.created_at).toLocaleDateString()}</p></div>
+          </div>
+        </div>
+        <div className="card">
+          <div className="card-title">Project Summary</div>
+          <div className="detail-grid" style={{ marginBottom: 0 }}>
+            <div className="detail-item"><label>Total Jobs</label><p>{tasks.length}</p></div>
+            <div className="detail-item"><label>Completed</label><p>{tasks.filter(t => t.status === 'client_approved').length}</p></div>
+            <div className="detail-item"><label>In Progress</label><p>{tasks.filter(t => t.status === 'in_progress').length}</p></div>
+            <div className="detail-item"><label>Awaiting Review</label><p>{tasks.filter(t => t.status === 'client_review').length}</p></div>
+          </div>
+        </div>
+      </div>
+
+      <div className="card-title">Jobs</div>
+      {tasks.length === 0 ? (
+        <div className="empty-state">
+          <div className="empty-state-icon">📋</div>
+          <h3>No jobs yet</h3>
+          <p>Jobs will appear here when requests come in.</p>
+        </div>
+      ) : (
+        <div className="table-wrapper">
+          <table>
+            <thead>
+              <tr>
+                <th>Job</th>
+                <th>Assigned To</th>
+                <th>Version</th>
+                <th>Status</th>
+                <th>Submitted</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              {tasks.map(task => (
+                <tr key={task.id}>
+                  <td>
+                    {task.title}
+                    <span style={{ marginLeft: 6, fontWeight: 600, color: 'var(--text-muted)', fontSize: 12 }}>
+                      {'v' + String(task.current_version).padStart(2, '0')}
+                    </span>
+                  </td>
+                  <td style={{ color: task.assigned_name ? 'var(--text-primary)' : 'var(--text-muted)' }}>
+                    {task.assigned_name || 'Unassigned'}
+                  </td>
+                  <td>
+                    <span className="badge badge-not_started">v{task.current_version}</span>
+                  </td>
+                  <td><StatusBadge status={task.status} /></td>
+                  <td style={{ color: 'var(--text-secondary)' }}>
+                    {new Date(task.submitted_at).toLocaleDateString()}
+                  </td>
+                  <td>
+                    <Link to={`/tasks/${task.id}`} className="btn btn-outline btn-sm">View</Link>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </Layout>
+  );
+}
diff --git a/src/pages/team/Projects.jsx b/src/pages/team/Projects.jsx
new file mode 100755
index 0000000..4814c29
--- /dev/null
+++ b/src/pages/team/Projects.jsx
@@ -0,0 +1,58 @@
+import { Link } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import { mockProjects, mockTasks } from '../../data/mockData';
+
+export default function Projects() {
+  return (
+    <Layout>
+      <div className="page-header">
+        <div>
+          <div className="page-title">Projects</div>
+          <div className="page-subtitle">All client engagements and their tasks.</div>
+        </div>
+      </div>
+
+      <div className="table-wrapper">
+        <table>
+          <thead>
+            <tr>
+              <th>Project</th>
+              <th>Client</th>
+              <th>Company</th>
+              <th>Jobs</th>
+              <th>Status</th>
+              <th>Created</th>
+            </tr>
+          </thead>
+          <tbody>
+            {mockProjects.map(project => {
+              const tasks = mockTasks.filter(t => t.projectId === project.id);
+              const activeTasks = tasks.filter(t => t.status !== 'approved');
+              return (
+                <tr key={project.id}>
+                  <td>
+                    <Link to={`/projects/${project.id}`} className="table-link">{project.name}</Link>
+                  </td>
+                  <td>
+                    {project.clientName}
+                    {!project.clientId && (
+                      <span className="badge badge-not_started" style={{ marginLeft: 6, fontSize: 10 }}>Guest</span>
+                    )}
+                  </td>
+                  <td style={{ color: 'var(--text-secondary)' }}>{project.company || '—'}</td>
+                  <td>
+                    <span style={{ fontWeight: 600 }}>{activeTasks.length}</span>
+                    <span style={{ color: 'var(--text-muted)', fontSize: 12 }}> / {tasks.length} active jobs</span>
+                  </td>
+                  <td><StatusBadge status={project.status} /></td>
+                  <td style={{ color: 'var(--text-secondary)' }}>{project.createdAt}</td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/pages/team/Requests.jsx b/src/pages/team/Requests.jsx
new file mode 100755
index 0000000..d5f2333
--- /dev/null
+++ b/src/pages/team/Requests.jsx
@@ -0,0 +1,95 @@
+import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import { supabase } from '../../lib/supabase';
+
+export default function Requests() {
+  const [submissions, setSubmissions] = useState([]);
+  const [tasks, setTasks] = useState([]);
+  const [projects, setProjects] = useState([]);
+  const [companies, setCompanies] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    async function load() {
+      const [{ data: subs }, { data: t }, { data: p }, { data: co }] = await Promise.all([
+        supabase.from('submissions').select('*').order('submitted_at', { ascending: false }),
+        supabase.from('tasks').select('*'),
+        supabase.from('projects').select('*'),
+        supabase.from('companies').select('id, name'),
+      ]);
+      setSubmissions(subs || []);
+      setTasks(t || []);
+      setProjects(p || []);
+      setCompanies(co || []);
+      setLoading(false);
+    }
+    load();
+  }, []);
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+
+  return (
+    <Layout>
+      <div className="page-header">
+        <div>
+          <div className="page-title">Requests Inbox</div>
+          <div className="page-subtitle">All incoming submissions — initial requests and revisions.</div>
+        </div>
+      </div>
+
+      {submissions.length === 0 ? (
+        <div className="empty-state">
+          <h3>No requests yet</h3>
+          <p>Client requests will appear here.</p>
+        </div>
+      ) : submissions.map(sub => {
+        const task = tasks.find(t => t.id === sub.task_id);
+        const project = projects.find(p => p.id === task?.project_id);
+        const company = companies.find(co => co.id === project?.company_id);
+
+        return (
+          <div key={sub.id} className="request-card">
+            <div className="request-card-header">
+              <div>
+                <div className="request-card-title">
+                  {sub.service_type}
+                  {sub.type === 'revision' && (
+                    <span className="badge badge-revision" style={{ marginLeft: 8 }}>Revision v{sub.version_number}</span>
+                  )}
+                </div>
+                <div className="request-card-meta">
+                  From <strong>{sub.submitted_by_name}</strong>
+                  {company && (
+                    <> · <Link to={`/companies/${company.id}`} className="table-link">{company.name}</Link></>
+                  )}
+                  {' · '}{new Date(sub.submitted_at).toLocaleDateString()}
+                </div>
+              </div>
+              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                <StatusBadge status={task?.status || 'not_started'} />
+                {task && <Link to={`/tasks/${task.id}`} className="btn btn-outline btn-sm">View Job</Link>}
+              </div>
+            </div>
+
+            <div style={{ display: 'flex', gap: 24, marginBottom: 12 }}>
+              <div>
+                <span style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)' }}>Deadline</span>
+                <div style={{ fontSize: 13, marginTop: 2 }}>{sub.deadline || 'Not specified'}</div>
+              </div>
+              <div>
+                <span style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)' }}>Project</span>
+                <div style={{ fontSize: 13, marginTop: 2 }}>
+                  {project ? <Link to={`/projects/${project.id}`} className="table-link">{project.name}</Link> : '—'}
+                </div>
+              </div>
+            </div>
+
+            <p style={{ fontSize: 13, color: 'var(--text-secondary)', lineHeight: 1.6 }}>{sub.description}</p>
+          </div>
+        );
+      })}
+    </Layout>
+  );
+}
diff --git a/src/pages/team/TaskDetail.jsx b/src/pages/team/TaskDetail.jsx
new file mode 100755
index 0000000..5e5b043
--- /dev/null
+++ b/src/pages/team/TaskDetail.jsx
@@ -0,0 +1,378 @@
+import { useState, useEffect } from 'react';
+import { useParams, useNavigate, Link } from 'react-router-dom';
+import Layout from '../../components/Layout';
+import StatusBadge from '../../components/StatusBadge';
+import { supabase } from '../../lib/supabase';
+import { sendEmail } from '../../lib/email';
+import { useAuth } from '../../context/AuthContext';
+
+const vLabel = (v) => 'v' + String(v).padStart(2, '0');
+const MAX_FILES = 20;
+const MAX_SIZE_MB = 10;
+const MAX_SIZE_BYTES = MAX_SIZE_MB * 1024 * 1024;
+const formatSize = (bytes) => bytes < 1024 * 1024 ? (bytes / 1024).toFixed(1) + ' KB' : (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+
+export default function TaskDetail() {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const { currentUser } = useAuth();
+
+  const [task, setTask] = useState(null);
+  const [project, setProject] = useState(null);
+  const [company, setCompany] = useState(null);
+  const [submissions, setSubmissions] = useState([]);
+  const [teamMembers, setTeamMembers] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  const [notification, setNotification] = useState(null);
+  const [showSendForm, setShowSendForm] = useState(false);
+  const [sendForm, setSendForm] = useState({ files: [], message: '' });
+  const [fileErrors, setFileErrors] = useState([]);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    async function load() {
+      const { data: t } = await supabase.from('tasks').select('*').eq('id', id).single();
+      if (!t) { setLoading(false); return; }
+      setTask(t);
+
+      const [{ data: p }, { data: subs }, { data: team }] = await Promise.all([
+        supabase.from('projects').select('*').eq('id', t.project_id).single(),
+        supabase.from('submissions').select('*, delivery:deliveries(*, files:delivery_files(*))').eq('task_id', id).order('version_number'),
+        supabase.from('profiles').select('*').eq('role', 'team'),
+      ]);
+      setProject(p);
+      setSubmissions(subs || []);
+      setTeamMembers(team || []);
+
+      if (p) {
+        const { data: co } = await supabase.from('companies').select('*').eq('id', p.company_id).single();
+        setCompany(co);
+      }
+      setLoading(false);
+    }
+    load();
+  }, [id]);
+
+  const updateStatus = async (newStatus, message) => {
+    setSaving(true);
+    await supabase.from('tasks').update({ status: newStatus }).eq('id', id);
+    setTask(t => ({ ...t, status: newStatus }));
+    setNotification(message);
+    setSaving(false);
+  };
+
+  const handleStart = () => updateStatus('in_progress', '✓ Job started — status set to In Progress.');
+  const handleOnHold = () => updateStatus('on_hold', '✓ Job placed on hold.');
+  const handleResume = () => updateStatus('in_progress', '✓ Job resumed — back to In Progress.');
+
+  const handleAssign = async (e) => {
+    const member = teamMembers.find(m => m.id === e.target.value);
+    await supabase.from('tasks').update({
+      assigned_to: e.target.value || null,
+      assigned_name: member?.name || null,
+    }).eq('id', id);
+    setTask(t => ({ ...t, assigned_to: e.target.value || null, assigned_name: member?.name || null }));
+    setNotification('✓ Job assigned.');
+  };
+
+  const handleFileChange = (e) => {
+    const incoming = Array.from(e.target.files);
+    const combined = [...sendForm.files, ...incoming];
+    const errors = [];
+    if (combined.length > MAX_FILES) errors.push(`Maximum ${MAX_FILES} files allowed.`);
+    incoming.filter(f => f.size > MAX_SIZE_BYTES).forEach(f => errors.push(`"${f.name}" exceeds 10 MB limit.`));
+    if (errors.length > 0) { setFileErrors(errors); return; }
+    setFileErrors([]);
+    setSendForm(f => ({ ...f, files: combined }));
+    e.target.value = '';
+  };
+
+  const removeFile = (index) => {
+    setSendForm(f => ({ ...f, files: f.files.filter((_, i) => i !== index) }));
+    setFileErrors([]);
+  };
+
+  const handleSendToClient = async (e) => {
+    e.preventDefault();
+    setSaving(true);
+    const latestSub = submissions[submissions.length - 1];
+    if (!latestSub) return;
+
+    const uploadedFiles = [];
+    for (const file of sendForm.files) {
+      const path = `${id}/${Date.now()}_${file.name}`;
+      const { data: uploaded } = await supabase.storage.from('deliveries').upload(path, file);
+      if (uploaded) uploadedFiles.push({ name: file.name, storage_path: path, size: file.size });
+    }
+
+    const { data: delivery } = await supabase.from('deliveries').insert({
+      submission_id: latestSub.id,
+      sent_by: currentUser?.name,
+      message: sendForm.message,
+    }).select().single();
+
+    if (delivery && uploadedFiles.length > 0) {
+      await supabase.from('delivery_files').insert(
+        uploadedFiles.map(f => ({ ...f, delivery_id: delivery.id }))
+      );
+    }
+
+    await supabase.from('tasks').update({ status: 'client_review' }).eq('id', id);
+    setTask(t => ({ ...t, status: 'client_review' }));
+
+    const { data: subs } = await supabase
+      .from('submissions')
+      .select('*, delivery:deliveries(*, files:delivery_files(*))')
+      .eq('task_id', id)
+      .order('version_number');
+    setSubmissions(subs || []);
+
+    if (company?.email) {
+      sendEmail('sent_to_client', company.email, {
+        clientFirstName: company.name,
+        serviceType: task.title,
+        projectName: project?.name,
+        message: sendForm.message,
+        taskId: id,
+      });
+    }
+
+    setShowSendForm(false);
+    setSendForm({ files: [], message: '' });
+    setNotification(`✓ Sent to client — ${company?.name} has been notified with ${uploadedFiles.length} file${uploadedFiles.length !== 1 ? 's' : ''}.`);
+    setSaving(false);
+  };
+
+  const getFileUrl = async (path) => {
+    const { data } = await supabase.storage.from('deliveries').createSignedUrl(path, 3600);
+    if (data?.signedUrl) window.open(data.signedUrl, '_blank');
+  };
+
+  if (loading) return <Layout><p style={{ padding: 24, color: 'var(--text-muted)' }}>Loading...</p></Layout>;
+  if (!task) return <Layout><p>Job not found.</p></Layout>;
+
+  const titleWithVersion = `${task.title} ${vLabel(task.current_version)}`;
+
+  return (
+    <Layout>
+      <button className="back-link" onClick={() => navigate(`/projects/${task.project_id}`)}>
+        ← Back to {project?.name}
+      </button>
+
+      <div className="page-header">
+        <div>
+          <div className="page-title">{titleWithVersion}</div>
+          <div className="page-subtitle">
+            <Link to={`/companies/${company?.id}`} style={{ color: 'var(--accent)' }}>{company?.name}</Link>
+            {' › '}
+            <Link to={`/projects/${project?.id}`} style={{ color: 'var(--accent)' }}>{project?.name}</Link>
+          </div>
+        </div>
+        <StatusBadge status={task.status} />
+      </div>
+
+      {notification && <div className="notification notification-success">{notification}</div>}
+
+      {showSendForm && (
+        <div className="card" style={{ marginBottom: 24, border: '1px solid var(--accent)', borderRadius: 12 }}>
+          <div className="card-title">Send to Client — {company?.name}</div>
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', marginBottom: 16 }}>
+            Upload the completed file and add an optional message. An email will be sent to <strong>{company?.email}</strong>.
+          </p>
+          <form onSubmit={handleSendToClient}>
+            <div className="form-group">
+              <label>
+                Attach Files *
+                <span style={{ fontWeight: 400, color: 'var(--text-muted)', marginLeft: 6 }}>
+                  Up to {MAX_FILES} files · Max {MAX_SIZE_MB} MB each
+                </span>
+              </label>
+              <div style={{
+                border: `2px dashed ${sendForm.files.length > 0 ? 'var(--accent)' : 'var(--border)'}`,
+                borderRadius: 8, padding: '20px 16px', textAlign: 'center',
+                background: sendForm.files.length > 0 ? '#fffbeb' : '#fafafa',
+              }}>
+                <input type="file" multiple onChange={handleFileChange} style={{ display: 'none' }} id="file-upload" />
+                <label htmlFor="file-upload" style={{ cursor: 'pointer' }}>
+                  <div style={{ fontSize: 24, marginBottom: 6 }}>📎</div>
+                  <div style={{ fontWeight: 600, fontSize: 13 }}>
+                    {sendForm.files.length > 0 ? `${sendForm.files.length} file${sendForm.files.length !== 1 ? 's' : ''} added` : 'Click to add files'}
+                  </div>
+                  <div style={{ fontSize: 12, color: 'var(--text-secondary)', marginTop: 4 }}>Any file type accepted</div>
+                </label>
+              </div>
+              {fileErrors.map((err, i) => <div key={i} style={{ fontSize: 12, color: 'var(--danger)', marginTop: 4 }}>⚠ {err}</div>)}
+              {sendForm.files.length > 0 && (
+                <div style={{ marginTop: 10, display: 'flex', flexDirection: 'column', gap: 6 }}>
+                  {sendForm.files.map((file, i) => (
+                    <div key={i} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '8px 12px', background: 'white', borderRadius: 8, border: '1px solid var(--border)' }}>
+                      <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                        <span>📄</span>
+                        <div>
+                          <div style={{ fontSize: 13, fontWeight: 600 }}>{file.name}</div>
+                          <div style={{ fontSize: 11, color: 'var(--text-muted)' }}>{formatSize(file.size)}</div>
+                        </div>
+                      </div>
+                      <button type="button" onClick={() => removeFile(i)} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', fontSize: 16 }}>✕</button>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+            <div className="form-group">
+              <label>Message to Client <span style={{ fontWeight: 400, color: 'var(--text-muted)' }}>(optional)</span></label>
+              <textarea
+                placeholder={`Hi ${company?.name}, your ${task.title} is ready for review!`}
+                value={sendForm.message}
+                onChange={e => setSendForm(f => ({ ...f, message: e.target.value }))}
+                style={{ minHeight: 80 }}
+              />
+            </div>
+            <div className="action-buttons">
+              <button type="submit" className="btn btn-success" disabled={sendForm.files.length === 0 || saving}>
+                {saving ? 'Uploading...' : `✉️ Send to Client${sendForm.files.length > 0 ? ` (${sendForm.files.length} file${sendForm.files.length !== 1 ? 's' : ''})` : ''}`}
+              </button>
+              <button type="button" className="btn btn-outline" onClick={() => { setShowSendForm(false); setSendForm({ files: [], message: '' }); }}>Cancel</button>
+            </div>
+          </form>
+        </div>
+      )}
+
+      <div className="grid-2" style={{ marginBottom: 24 }}>
+        <div className="card">
+          <div className="card-title">Job Details</div>
+          <div className="detail-grid" style={{ marginBottom: 16 }}>
+            <div className="detail-item"><label>Status</label><p><StatusBadge status={task.status} /></p></div>
+            <div className="detail-item"><label>Version</label><p style={{ fontWeight: 700, fontSize: 16 }}>{vLabel(task.current_version)}</p></div>
+            <div className="detail-item"><label>Submitted</label><p>{new Date(task.submitted_at).toLocaleDateString()}</p></div>
+            <div className="detail-item"><label>Completed</label><p>{task.completed_at ? new Date(task.completed_at).toLocaleDateString() : '—'}</p></div>
+          </div>
+          <div className="form-group">
+            <label>Assigned To</label>
+            <select value={task.assigned_to || ''} onChange={handleAssign} style={{ width: '100%' }}>
+              <option value="">Unassigned</option>
+              {teamMembers.map(m => <option key={m.id} value={m.id}>{m.name}</option>)}
+            </select>
+          </div>
+          <div className="action-buttons" style={{ marginTop: 8 }}>
+            {task.status === 'not_started' && (
+              <button className="btn btn-primary" onClick={handleStart} disabled={saving}>▶ Start Job</button>
+            )}
+            {task.status === 'in_progress' && !showSendForm && (
+              <>
+                <button className="btn btn-success" onClick={() => setShowSendForm(true)}>✉️ Send to Client</button>
+                <button className="btn btn-outline" onClick={handleOnHold} disabled={saving}>⏸ Put On Hold</button>
+              </>
+            )}
+            {task.status === 'on_hold' && (
+              <button className="btn btn-primary" onClick={handleResume} disabled={saving}>▶ Resume</button>
+            )}
+            {task.status === 'client_review' && (
+              <div style={{ padding: '10px 14px', background: '#f5f3ff', borderRadius: 8, fontSize: 13, color: '#7c3aed', fontWeight: 500 }}>
+                ⏳ Awaiting client review — no action needed.
+              </div>
+            )}
+            {task.status === 'client_approved' && (
+              <div style={{ padding: '10px 14px', background: '#f0fdf4', borderRadius: 8, fontSize: 13, color: '#16a34a', fontWeight: 500 }}>
+                ✓ Client approved this job.
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div className="card">
+          <div className="card-title">Current Request Notes</div>
+          {submissions.length === 0 ? (
+            <p style={{ color: 'var(--text-muted)', fontSize: 13 }}>No request notes yet.</p>
+          ) : (() => {
+            const latest = submissions[submissions.length - 1];
+            return (
+              <>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 14 }}>
+                  <span style={{ fontWeight: 700, fontSize: 13 }}>{vLabel(latest.version_number - 1)}</span>
+                  <StatusBadge status={latest.type} />
+                  <span style={{ fontSize: 12, color: 'var(--text-muted)', marginLeft: 'auto' }}>
+                    {latest.submitted_by_name} · {new Date(latest.submitted_at).toLocaleDateString()}
+                  </span>
+                </div>
+                <div className="detail-grid" style={{ marginBottom: 14 }}>
+                  <div className="detail-item"><label>Service Type</label><p>{latest.service_type}</p></div>
+                  <div className="detail-item"><label>Deadline</label><p>{latest.deadline || '—'}</p></div>
+                </div>
+                <div>
+                  <label style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)' }}>Description</label>
+                  <p style={{ marginTop: 8, fontSize: 14, lineHeight: 1.7, color: 'var(--text-primary)', background: 'var(--bg)', padding: '12px 14px', borderRadius: 8, border: '1px solid var(--border)', whiteSpace: 'pre-wrap' }}>
+                    {latest.description}
+                  </p>
+                </div>
+              </>
+            );
+          })()}
+        </div>
+      </div>
+
+      {submissions.length > 0 && (
+        <div className="card">
+          <div className="card-title">Version History</div>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
+            {submissions.map((sub, i) => {
+              const delivery = sub.delivery;
+              const isCurrent = i === submissions.length - 1;
+              return (
+                <div key={sub.id} style={{ borderRadius: 8, border: `1px solid ${isCurrent ? '#fde68a' : 'var(--border)'}`, background: isCurrent ? '#fffbeb' : 'var(--bg)', overflow: 'hidden' }}>
+                  <div style={{ padding: '12px 16px', display: 'flex', alignItems: 'center', gap: 10, borderBottom: '1px solid var(--border)' }}>
+                    <span style={{ fontWeight: 700, fontSize: 13 }}>{vLabel(sub.version_number - 1)}</span>
+                    <StatusBadge status={sub.type} />
+                    {isCurrent && <span style={{ fontSize: 11, color: '#d97706', fontWeight: 600 }}>Current</span>}
+                    <span style={{ fontSize: 12, color: 'var(--text-muted)', marginLeft: 'auto' }}>
+                      {sub.submitted_by_name} · {new Date(sub.submitted_at).toLocaleDateString()}
+                    </span>
+                  </div>
+                  <div style={{ padding: '12px 16px', borderBottom: delivery ? '1px solid var(--border)' : 'none' }}>
+                    <div style={{ display: 'flex', gap: 24, marginBottom: 8 }}>
+                      <div>
+                        <span style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)' }}>Service</span>
+                        <div style={{ fontSize: 13, marginTop: 2 }}>{sub.service_type}</div>
+                      </div>
+                      <div>
+                        <span style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: 'var(--text-muted)' }}>Deadline</span>
+                        <div style={{ fontSize: 13, marginTop: 2 }}>{sub.deadline || '—'}</div>
+                      </div>
+                    </div>
+                    <p style={{ fontSize: 13, color: 'var(--text-secondary)', lineHeight: 1.6, whiteSpace: 'pre-wrap' }}>{sub.description}</p>
+                  </div>
+                  {delivery ? (
+                    <div style={{ padding: '10px 16px', background: '#f0fdf4', borderTop: '1px solid #bbf7d0' }}>
+                      <div style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', color: '#16a34a', marginBottom: 8 }}>
+                        ✓ Delivered by {delivery.sent_by} on {new Date(delivery.sent_at).toLocaleDateString()}
+                      </div>
+                      <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
+                        {(delivery.files || []).map((file, fi) => (
+                          <div key={fi} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '6px 10px', background: 'white', borderRadius: 6, border: '1px solid #bbf7d0' }}>
+                            <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                              <span>📄</span>
+                              <span style={{ fontSize: 13, fontWeight: 500 }}>{file.name}</span>
+                              {file.size > 0 && <span style={{ fontSize: 11, color: 'var(--text-muted)' }}>{formatSize(file.size)}</span>}
+                            </div>
+                            <button className="btn btn-outline btn-sm" onClick={() => getFileUrl(file.storage_path)}>
+                              📥 View
+                            </button>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  ) : (
+                    <div style={{ padding: '10px 16px', background: '#f8f8f8' }}>
+                      <span style={{ fontSize: 12, color: 'var(--text-muted)' }}>📎 No file delivered yet for this version.</span>
+                    </div>
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      )}
+    </Layout>
+  );
+}
diff --git a/supabase/.temp/cli-latest b/supabase/.temp/cli-latest
new file mode 100755
index 0000000..0cce2dc
--- /dev/null
+++ b/supabase/.temp/cli-latest
@@ -0,0 +1 @@
+v2.78.1
\ No newline at end of file
diff --git a/supabase/.temp/gotrue-version b/supabase/.temp/gotrue-version
new file mode 100755
index 0000000..5bbfd4d
--- /dev/null
+++ b/supabase/.temp/gotrue-version
@@ -0,0 +1 @@
+v2.188.1
\ No newline at end of file
diff --git a/supabase/.temp/pooler-url b/supabase/.temp/pooler-url
new file mode 100755
index 0000000..13800ee
--- /dev/null
+++ b/supabase/.temp/pooler-url
@@ -0,0 +1 @@
+postgresql://postgres.fqflxxqvennhvoeywrdw@aws-0-us-west-2.pooler.supabase.com:5432/postgres
\ No newline at end of file
diff --git a/supabase/.temp/postgres-version b/supabase/.temp/postgres-version
new file mode 100755
index 0000000..0b3371f
--- /dev/null
+++ b/supabase/.temp/postgres-version
@@ -0,0 +1 @@
+17.6.1.084
\ No newline at end of file
diff --git a/supabase/.temp/project-ref b/supabase/.temp/project-ref
new file mode 100755
index 0000000..123d984
--- /dev/null
+++ b/supabase/.temp/project-ref
@@ -0,0 +1 @@
+fqflxxqvennhvoeywrdw
\ No newline at end of file
diff --git a/supabase/.temp/rest-version b/supabase/.temp/rest-version
new file mode 100755
index 0000000..d748f28
--- /dev/null
+++ b/supabase/.temp/rest-version
@@ -0,0 +1 @@
+v14.4
\ No newline at end of file
diff --git a/supabase/.temp/storage-migration b/supabase/.temp/storage-migration
new file mode 100755
index 0000000..b781586
--- /dev/null
+++ b/supabase/.temp/storage-migration
@@ -0,0 +1 @@
+fix-optimized-search-function
\ No newline at end of file
diff --git a/supabase/.temp/storage-version b/supabase/.temp/storage-version
new file mode 100755
index 0000000..f663f9d
--- /dev/null
+++ b/supabase/.temp/storage-version
@@ -0,0 +1 @@
+v1.37.7
\ No newline at end of file
diff --git a/supabase/functions/send-email/index.ts b/supabase/functions/send-email/index.ts
new file mode 100755
index 0000000..c93ef52
--- /dev/null
+++ b/supabase/functions/send-email/index.ts
@@ -0,0 +1,102 @@
+import { serve } from 'https://deno.land/std@0.168.0/http/server.ts';
+
+const RESEND_API_KEY = Deno.env.get('RESEND_API_KEY');
+const FROM = 'Fourge Branding <hello@fourgebranding.com>';
+
+const corsHeaders = {
+  'Access-Control-Allow-Origin': '*',
+  'Access-Control-Allow-Headers': 'authorization, x-client-info, apikey, content-type',
+};
+
+serve(async (req) => {
+  if (req.method === 'OPTIONS') {
+    return new Response('ok', { headers: corsHeaders });
+  }
+
+  try {
+    const { type, to, data } = await req.json();
+
+    let subject = '';
+    let html = '';
+
+    if (type === 'new_request') {
+      subject = `New Request: ${data.serviceType} — ${data.clientName}`;
+      html = `
+        <h2>New Request Received</h2>
+        <p><strong>From:</strong> ${data.clientName} (${data.clientEmail})</p>
+        <p><strong>Company:</strong> ${data.company || '—'}</p>
+        <p><strong>Service:</strong> ${data.serviceType}</p>
+        <p><strong>Project:</strong> ${data.projectName}</p>
+        ${data.deadline ? `<p><strong>Deadline:</strong> ${data.deadline}</p>` : ''}
+        <hr />
+        <p><strong>Description:</strong></p>
+        <p>${data.description}</p>
+        <br />
+        <a href="https://portal.fourgebranding.com/tasks/${data.taskId}" style="background:#F5A523;color:#1a1a1a;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;">View Job</a>
+      `;
+    }
+
+    else if (type === 'sent_to_client') {
+      subject = `Your ${data.serviceType} is ready for review!`;
+      html = `
+        <h2>Hi ${data.clientFirstName},</h2>
+        <p>Your <strong>${data.serviceType}</strong> for <strong>${data.projectName}</strong> is ready for review.</p>
+        ${data.message ? `<p>${data.message}</p>` : ''}
+        <p>Please log in to the portal to review and approve or request changes.</p>
+        <br />
+        <a href="https://portal.fourgebranding.com/my-requests/${data.taskId}" style="background:#F5A523;color:#1a1a1a;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;">Review Your Work</a>
+        <br /><br />
+        <p style="color:#666;font-size:13px;">— The Fourge Branding Team</p>
+      `;
+    }
+
+    else if (type === 'revision_submitted') {
+      subject = `Revision Request: ${data.serviceType} — ${data.clientName}`;
+      html = `
+        <h2>Revision Requested</h2>
+        <p><strong>From:</strong> ${data.clientName}</p>
+        <p><strong>Job:</strong> ${data.serviceType} — ${data.projectName}</p>
+        <p><strong>New Version:</strong> ${data.version}</p>
+        ${data.deadline ? `<p><strong>New Deadline:</strong> ${data.deadline}</p>` : ''}
+        <hr />
+        <p><strong>Requested changes:</strong></p>
+        <p>${data.description}</p>
+        <br />
+        <a href="https://portal.fourgebranding.com/tasks/${data.taskId}" style="background:#F5A523;color:#1a1a1a;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;">View Job</a>
+      `;
+    }
+
+    else if (type === 'client_approved') {
+      subject = `Approved! ${data.serviceType} — ${data.clientName}`;
+      html = `
+        <h2>Job Approved ✓</h2>
+        <p><strong>${data.clientName}</strong> has approved <strong>${data.serviceType}</strong> for <strong>${data.projectName}</strong>.</p>
+        <p>This job is now complete.</p>
+        <br />
+        <a href="https://portal.fourgebranding.com/tasks/${data.taskId}" style="background:#F5A523;color:#1a1a1a;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;">View Job</a>
+      `;
+    }
+
+    const res = await fetch('https://api.resend.com/emails', {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${RESEND_API_KEY}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ from: FROM, to, subject, html }),
+    });
+
+    const result = await res.json();
+
+    return new Response(JSON.stringify(result), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: res.ok ? 200 : 400,
+    });
+
+  } catch (err) {
+    return new Response(JSON.stringify({ error: err.message }), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: 500,
+    });
+  }
+});
diff --git a/supabase/schema.sql b/supabase/schema.sql
new file mode 100755
index 0000000..1e6a601
--- /dev/null
+++ b/supabase/schema.sql
@@ -0,0 +1,276 @@
+-- ============================================================
+-- Fourge Branding Portal — Database Schema v2
+-- Paste this entire file into Supabase → SQL Editor → Run
+-- ============================================================
+
+-- Companies (client companies — created and managed by team)
+create table public.companies (
+  id uuid default gen_random_uuid() primary key,
+  name text not null,
+  email text default '',
+  phone text default '',
+  created_at timestamptz default now() not null
+);
+alter table public.companies enable row level security;
+
+-- Profiles (extends auth.users — auto-created on signup)
+create table public.profiles (
+  id uuid references auth.users on delete cascade primary key,
+  name text not null default '',
+  email text default '',
+  role text not null check (role in ('team', 'client')) default 'client',
+  company_id uuid references public.companies(id) on delete set null,
+  created_at timestamptz default now() not null
+);
+alter table public.profiles enable row level security;
+
+-- Projects (belong to a company)
+create table public.projects (
+  id uuid default gen_random_uuid() primary key,
+  company_id uuid references public.companies(id) on delete cascade not null,
+  name text not null,
+  description text default '',
+  status text not null check (status in ('active', 'completed')) default 'active',
+  created_at timestamptz default now() not null
+);
+alter table public.projects enable row level security;
+
+-- Tasks (belong to a project)
+create table public.tasks (
+  id uuid default gen_random_uuid() primary key,
+  project_id uuid references public.projects(id) on delete cascade not null,
+  title text not null,
+  assigned_to uuid references public.profiles(id) on delete set null,
+  assigned_name text,
+  status text not null check (status in ('not_started', 'in_progress', 'on_hold', 'client_review', 'client_approved')) default 'not_started',
+  current_version integer default 0 not null,
+  invoiced boolean default false,
+  submitted_at timestamptz default now() not null,
+  completed_at timestamptz
+);
+alter table public.tasks enable row level security;
+
+-- Submissions (each version of a request)
+create table public.submissions (
+  id uuid default gen_random_uuid() primary key,
+  task_id uuid references public.tasks(id) on delete cascade not null,
+  version_number integer not null,
+  type text not null check (type in ('initial', 'revision')) default 'initial',
+  service_type text default '',
+  deadline date,
+  description text default '',
+  submitted_by uuid references public.profiles(id) on delete set null,
+  submitted_by_name text default '',
+  submitted_at timestamptz default now() not null
+);
+alter table public.submissions enable row level security;
+
+-- Submission Files
+create table public.submission_files (
+  id uuid default gen_random_uuid() primary key,
+  submission_id uuid references public.submissions(id) on delete cascade not null,
+  name text not null,
+  storage_path text,
+  size bigint default 0
+);
+alter table public.submission_files enable row level security;
+
+-- Deliveries (work sent to client)
+create table public.deliveries (
+  id uuid default gen_random_uuid() primary key,
+  submission_id uuid references public.submissions(id) on delete cascade not null unique,
+  sent_at timestamptz default now() not null,
+  sent_by text default '',
+  message text default ''
+);
+alter table public.deliveries enable row level security;
+
+-- Delivery Files
+create table public.delivery_files (
+  id uuid default gen_random_uuid() primary key,
+  delivery_id uuid references public.deliveries(id) on delete cascade not null,
+  name text not null,
+  storage_path text,
+  size bigint default 0
+);
+alter table public.delivery_files enable row level security;
+
+-- Company Prices (per service type, per company)
+create table public.company_prices (
+  id uuid default gen_random_uuid() primary key,
+  company_id uuid references public.companies(id) on delete cascade not null,
+  service_type text not null,
+  price numeric(10,2) default 0,
+  unique(company_id, service_type)
+);
+alter table public.company_prices enable row level security;
+
+-- Invoices
+create table public.invoices (
+  id uuid default gen_random_uuid() primary key,
+  company_id uuid references public.companies(id) on delete cascade not null,
+  invoice_number text not null,
+  status text not null check (status in ('draft', 'sent', 'paid')) default 'draft',
+  invoice_date date default current_date,
+  due_date date,
+  total numeric(10,2) default 0,
+  notes text default '',
+  created_by uuid references public.profiles(id) on delete set null,
+  created_at timestamptz default now() not null
+);
+alter table public.invoices enable row level security;
+
+-- Invoice Items
+create table public.invoice_items (
+  id uuid default gen_random_uuid() primary key,
+  invoice_id uuid references public.invoices(id) on delete cascade not null,
+  task_id uuid references public.tasks(id) on delete set null,
+  description text not null,
+  quantity numeric(10,2) default 1,
+  unit_price numeric(10,2) default 0,
+  created_at timestamptz default now() not null
+);
+alter table public.invoice_items enable row level security;
+
+-- ============================================================
+-- Helpers
+-- ============================================================
+
+create or replace function public.get_my_role()
+returns text as $$
+  select role from public.profiles where id = auth.uid();
+$$ language sql security definer stable;
+
+create or replace function public.get_my_company_id()
+returns uuid as $$
+  select company_id from public.profiles where id = auth.uid();
+$$ language sql security definer stable;
+
+-- ============================================================
+-- RLS Policies
+-- ============================================================
+
+-- Companies
+create policy "Team all companies" on public.companies for all using (get_my_role() = 'team');
+create policy "Client reads own company" on public.companies for select using (id = get_my_company_id());
+
+-- Profiles
+create policy "Own profile select" on public.profiles for select using (id = auth.uid());
+create policy "Team reads all profiles" on public.profiles for select using (get_my_role() = 'team');
+create policy "Own profile update" on public.profiles for update using (id = auth.uid());
+create policy "Team update profiles" on public.profiles for update using (get_my_role() = 'team');
+
+-- Projects
+create policy "Team all projects" on public.projects for all using (get_my_role() = 'team');
+create policy "Client reads company projects" on public.projects for select using (company_id = get_my_company_id());
+create policy "Client inserts company projects" on public.projects for insert with check (company_id = get_my_company_id());
+
+-- Tasks
+create policy "Team all tasks" on public.tasks for all using (get_my_role() = 'team');
+create policy "Client reads company tasks" on public.tasks for select using (
+  project_id in (select id from public.projects where company_id = get_my_company_id())
+);
+create policy "Client insert task" on public.tasks for insert with check (
+  project_id in (select id from public.projects where company_id = get_my_company_id())
+);
+create policy "Client updates company tasks" on public.tasks for update using (
+  project_id in (select id from public.projects where company_id = get_my_company_id())
+);
+
+-- Submissions
+create policy "Team all submissions" on public.submissions for all using (get_my_role() = 'team');
+create policy "Client reads company submissions" on public.submissions for select using (
+  task_id in (
+    select t.id from public.tasks t
+    join public.projects p on p.id = t.project_id
+    where p.company_id = get_my_company_id()
+  )
+);
+create policy "Client inserts submissions" on public.submissions for insert with check (submitted_by = auth.uid());
+
+-- Submission Files
+create policy "Team all submission_files" on public.submission_files for all using (get_my_role() = 'team');
+create policy "Client reads company submission_files" on public.submission_files for select using (
+  submission_id in (
+    select s.id from public.submissions s
+    join public.tasks t on t.id = s.task_id
+    join public.projects p on p.id = t.project_id
+    where p.company_id = get_my_company_id()
+  )
+);
+create policy "Client inserts submission_files" on public.submission_files for insert with check (true);
+
+-- Deliveries
+create policy "Team all deliveries" on public.deliveries for all using (get_my_role() = 'team');
+create policy "Client reads company deliveries" on public.deliveries for select using (
+  submission_id in (
+    select s.id from public.submissions s
+    join public.tasks t on t.id = s.task_id
+    join public.projects p on p.id = t.project_id
+    where p.company_id = get_my_company_id()
+  )
+);
+
+-- Delivery Files
+create policy "Team all delivery_files" on public.delivery_files for all using (get_my_role() = 'team');
+create policy "Client reads company delivery_files" on public.delivery_files for select using (
+  delivery_id in (
+    select d.id from public.deliveries d
+    join public.submissions s on s.id = d.submission_id
+    join public.tasks t on t.id = s.task_id
+    join public.projects p on p.id = t.project_id
+    where p.company_id = get_my_company_id()
+  )
+);
+
+-- Company Prices
+create policy "Team all company_prices" on public.company_prices for all using (get_my_role() = 'team');
+create policy "Client reads own company prices" on public.company_prices for select using (company_id = get_my_company_id());
+
+-- Invoices
+create policy "Team all invoices" on public.invoices for all using (get_my_role() = 'team');
+create policy "Client reads company invoices" on public.invoices for select using (company_id = get_my_company_id());
+
+-- Invoice Items
+create policy "Team all invoice_items" on public.invoice_items for all using (get_my_role() = 'team');
+create policy "Client reads company invoice_items" on public.invoice_items for select using (
+  invoice_id in (select id from public.invoices where company_id = get_my_company_id())
+);
+
+-- ============================================================
+-- Storage Buckets
+-- ============================================================
+insert into storage.buckets (id, name, public) values ('submissions', 'submissions', false);
+insert into storage.buckets (id, name, public) values ('deliveries', 'deliveries', false);
+
+create policy "Auth users upload to submissions" on storage.objects
+  for insert to authenticated with check (bucket_id = 'submissions');
+create policy "Auth users read submissions" on storage.objects
+  for select to authenticated using (bucket_id = 'submissions');
+
+create policy "Team upload deliveries" on storage.objects
+  for insert to authenticated with check (bucket_id = 'deliveries' and get_my_role() = 'team');
+create policy "Auth users read deliveries" on storage.objects
+  for select to authenticated using (bucket_id = 'deliveries');
+
+-- ============================================================
+-- Trigger: auto-create profile on signup
+-- Team assigns company_id later via the Companies page
+-- ============================================================
+create or replace function public.handle_new_user()
+returns trigger as $$
+begin
+  insert into public.profiles (id, name, email, role)
+  values (
+    new.id,
+    coalesce(new.raw_user_meta_data->>'name', ''),
+    new.email,
+    coalesce(new.raw_user_meta_data->>'role', 'client')
+  );
+  return new;
+end;
+$$ language plpgsql security definer;
+
+create trigger on_auth_user_created
+  after insert on auth.users
+  for each row execute procedure public.handle_new_user();
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..0f32683
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,3 @@
+{
+  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100755
index 0000000..8b0f57b
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})