Configuration
- `server`, `database`, `security`, and `performance` keys live in `dbal/cpp/config/production.yaml`. Credentials reference environment secrets, while audit paths are write-only.
+ `server`, `database`, `security`, and `performance` keys live in `dbal/production/config/production.yaml`. Credentials reference environment secrets, while audit paths are write-only.
diff --git a/frontends/nextjs/eslint-plugins/README.md b/frontends/nextjs/eslint-plugins/README.md
new file mode 100644
index 000000000..5bc6cf596
--- /dev/null
+++ b/frontends/nextjs/eslint-plugins/README.md
@@ -0,0 +1,135 @@
+# ESLint Plugins for MetaBuilder
+
+Custom ESLint plugins to enforce architectural patterns and best practices.
+
+## Atomic Design Rules
+
+**File:** `atomic-design-rules.js`
+
+Enforces atomic design hierarchy to prevent upward dependencies.
+
+### Rules
+
+#### `atomic-design/no-upward-imports`
+
+Prevents components from importing higher-level components in the atomic design hierarchy:
+
+- **Atoms** cannot import from **molecules** or **organisms**
+- **Molecules** cannot import from **organisms**
+
+**Severity:** `error`
+
+**Why?** This ensures the component hierarchy remains clean and prevents circular dependencies. Atoms should be the most fundamental components, composed only of React and MUI primitives.
+
+### Examples
+
+❌ **Bad** - Atom importing from molecule:
+```typescript
+// frontends/nextjs/src/components/atoms/Button.tsx
+import { FormField } from '@/components/molecules/FormField' // ERROR!
+```
+
+❌ **Bad** - Atom importing from organism:
+```typescript
+// frontends/nextjs/src/components/atoms/Input.tsx
+import { DataTable } from '@/components/organisms/DataTable' // ERROR!
+```
+
+❌ **Bad** - Molecule importing from organism:
+```typescript
+// frontends/nextjs/src/components/molecules/FormField.tsx
+import { UserManagement } from '@/components/organisms/UserManagement' // ERROR!
+```
+
+✅ **Good** - Atom using only MUI:
+```typescript
+// frontends/nextjs/src/components/atoms/Button.tsx
+import { Button as MuiButton } from '@mui/material'
+```
+
+✅ **Good** - Molecule using atoms:
+```typescript
+// frontends/nextjs/src/components/molecules/FormField.tsx
+import { Label, Input } from '@/components/atoms'
+```
+
+✅ **Good** - Organism using atoms and molecules:
+```typescript
+// frontends/nextjs/src/components/organisms/UserForm.tsx
+import { Button, Input } from '@/components/atoms'
+import { FormField } from '@/components/molecules'
+```
+
+### Testing the Rule
+
+Run ESLint on your components:
+
+```bash
+cd frontends/nextjs
+
+# Check all atoms
+npx eslint src/components/atoms/**/*.tsx
+
+# Check all molecules
+npx eslint src/components/molecules/**/*.tsx
+```
+
+### Disabling the Rule (Not Recommended)
+
+If you have a legitimate exception, you can disable the rule for a specific line:
+
+```typescript
+// eslint-disable-next-line atomic-design/no-upward-imports
+import { SpecialComponent } from '@/components/organisms/SpecialComponent'
+```
+
+However, this should be avoided. If you find yourself needing to disable this rule, consider:
+1. Is your component in the right category?
+2. Can you refactor the code to avoid the upward dependency?
+3. Should the imported component be moved to a lower level?
+
+## Adding New Rules
+
+To add a new custom rule:
+
+1. Create a new file in `eslint-plugins/` with your rule logic
+2. Import and register the plugin in `eslint.config.js`
+3. Add documentation here
+4. Test the rule with example violations
+
+### Rule Template
+
+```javascript
+export default {
+ rules: {
+ 'my-rule-name': {
+ meta: {
+ type: 'problem', // or 'suggestion', 'layout'
+ docs: {
+ description: 'Description of the rule',
+ category: 'Best Practices',
+ recommended: true,
+ },
+ messages: {
+ myMessage: 'Error message with {{variable}} placeholders',
+ },
+ schema: [], // JSON schema for rule options
+ },
+ create(context) {
+ return {
+ // AST node visitors
+ ImportDeclaration(node) {
+ // Rule logic
+ },
+ }
+ },
+ },
+ },
+}
+```
+
+## Resources
+
+- [ESLint Custom Rules Guide](https://eslint.org/docs/latest/extend/custom-rules)
+- [ESTree AST Spec](https://github.com/estree/estree)
+- [Atomic Design Principles](https://atomicdesign.bradfrost.com/)
diff --git a/frontends/nextjs/eslint-plugins/atomic-design-rules.js b/frontends/nextjs/eslint-plugins/atomic-design-rules.js
new file mode 100644
index 000000000..4a74adf10
--- /dev/null
+++ b/frontends/nextjs/eslint-plugins/atomic-design-rules.js
@@ -0,0 +1,67 @@
+/**
+ * ESLint plugin to enforce atomic design hierarchy rules
+ *
+ * Rules:
+ * - Atoms cannot import from molecules or organisms
+ * - Molecules cannot import from organisms
+ */
+
+export default {
+ rules: {
+ 'no-upward-imports': {
+ meta: {
+ type: 'problem',
+ docs: {
+ description: 'Prevent atoms from importing molecules/organisms and molecules from importing organisms',
+ category: 'Best Practices',
+ recommended: true,
+ },
+ messages: {
+ atomImportsMolecule: 'Atoms cannot import from molecules. Atoms should only use MUI and React primitives.',
+ atomImportsOrganism: 'Atoms cannot import from organisms. Atoms should only use MUI and React primitives.',
+ moleculeImportsOrganism: 'Molecules cannot import from organisms. Molecules should only import atoms.',
+ },
+ schema: [],
+ },
+ create(context) {
+ const filename = context.getFilename()
+
+ // Determine component level based on file path
+ const isAtom = filename.includes('/atoms/')
+ const isMolecule = filename.includes('/molecules/')
+
+ return {
+ ImportDeclaration(node) {
+ const importPath = node.source.value
+
+ // Check if atom is importing from molecule or organism
+ if (isAtom) {
+ if (importPath.includes('molecules') || importPath.includes('@/components/molecules')) {
+ context.report({
+ node,
+ messageId: 'atomImportsMolecule',
+ })
+ }
+ if (importPath.includes('organisms') || importPath.includes('@/components/organisms')) {
+ context.report({
+ node,
+ messageId: 'atomImportsOrganism',
+ })
+ }
+ }
+
+ // Check if molecule is importing from organism
+ if (isMolecule) {
+ if (importPath.includes('organisms') || importPath.includes('@/components/organisms')) {
+ context.report({
+ node,
+ messageId: 'moleculeImportsOrganism',
+ })
+ }
+ }
+ },
+ }
+ },
+ },
+ },
+}
diff --git a/frontends/nextjs/eslint.config.js b/frontends/nextjs/eslint.config.js
index 75822d7b5..77bf89531 100644
--- a/frontends/nextjs/eslint.config.js
+++ b/frontends/nextjs/eslint.config.js
@@ -3,9 +3,10 @@ import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'
+import atomicDesignRules from './eslint-plugins/atomic-design-rules.js'
export default tseslint.config(
- { ignores: ['dist', 'node_modules', 'packages/*/dist', 'packages/*/node_modules', '.next/**', 'coverage/**', 'next-env.d.ts', 'prisma.config.ts'] },
+ { ignores: ['dist', 'node_modules', 'packages/*/dist', 'packages/*/node_modules', '.next/**', 'coverage/**', 'next-env.d.ts', 'prisma.config.ts', 'playwright.dbal-daemon.config.ts'] },
{
extends: [js.configs.recommended, ...tseslint.configs.recommended],
files: ['**/*.{ts,tsx}'],
@@ -20,6 +21,7 @@ export default tseslint.config(
plugins: {
'react-hooks': reactHooks,
'react-refresh': reactRefresh,
+ 'atomic-design': atomicDesignRules,
},
rules: {
...reactHooks.configs.recommended.rules,
@@ -40,6 +42,8 @@ export default tseslint.config(
'no-debugger': 'error',
'prefer-const': 'error',
'no-var': 'error',
+ // Atomic design rules
+ 'atomic-design/no-upward-imports': 'error',
},
},
)
diff --git a/frontends/nextjs/next.config.ts b/frontends/nextjs/next.config.ts
index 3a4fa55d7..78a59cdd1 100644
--- a/frontends/nextjs/next.config.ts
+++ b/frontends/nextjs/next.config.ts
@@ -82,11 +82,21 @@ const nextConfig: NextConfig = {
NEXT_PUBLIC_DBAL_WS_URL: process.env.DBAL_WS_URL || 'ws://localhost:50051',
NEXT_PUBLIC_DBAL_API_KEY: process.env.DBAL_API_KEY || '',
},
- webpack(config) {
+ webpack(config, { isServer }) {
config.resolve.alias = {
...config.resolve.alias,
- '@/dbal': path.resolve(__dirname, '..', 'dbal', 'ts', 'src'),
+ '@/dbal': path.resolve(__dirname, '../../dbal/development/src'),
+ '@dbal-ui': path.resolve(__dirname, '../../dbal/shared/ui'),
}
+
+ // Ignore optional AWS SDK on client side
+ if (!isServer) {
+ config.resolve.fallback = {
+ ...config.resolve.fallback,
+ '@aws-sdk/client-s3': false,
+ }
+ }
+
return config
},
}
diff --git a/frontends/nextjs/package-lock.json b/frontends/nextjs/package-lock.json
index 6126008b3..0f23ad79f 100644
--- a/frontends/nextjs/package-lock.json
+++ b/frontends/nextjs/package-lock.json
@@ -327,7 +327,6 @@
"resolved": "https://registry.npmjs.org/@aws-sdk/client-s3/-/client-s3-3.958.0.tgz",
"integrity": "sha512-ol8Sw37AToBWb6PjRuT/Wu40SrrZSA0N4F7U3yTkjUNX0lirfO1VFLZ0hZtZplVJv8GNPITbiczxQ8VjxESXxg==",
"license": "Apache-2.0",
- "peer": true,
"dependencies": {
"@aws-crypto/sha1-browser": "5.2.0",
"@aws-crypto/sha256-browser": "5.2.0",
@@ -1311,7 +1310,6 @@
}
],
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=18"
},
@@ -1355,7 +1353,6 @@
}
],
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=18"
}
@@ -1428,7 +1425,6 @@
"resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
"integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@babel/runtime": "^7.18.3",
"@emotion/babel-plugin": "^11.13.5",
@@ -1472,7 +1468,6 @@
"resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
"integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@babel/runtime": "^7.18.3",
"@emotion/babel-plugin": "^11.13.5",
@@ -2734,7 +2729,6 @@
"resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.6.tgz",
"integrity": "sha512-R4DaYF3dgCQCUAkr4wW1w26GHXcf5rCmBRHVBuuvJvaGLmZdD8EjatP80Nz5JCw0KxORAzwftnHzXVnjR8HnFw==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@babel/runtime": "^7.28.4",
"@mui/core-downloads-tracker": "^7.3.6",
@@ -2845,7 +2839,6 @@
"resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.6.tgz",
"integrity": "sha512-8fehAazkHNP1imMrdD2m2hbA9sl7Ur6jfuNweh5o4l9YPty4iaZzRXqYvBCWQNwFaSHmMEj2KPbyXGp7Bt73Rg==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@babel/runtime": "^7.28.4",
"@mui/private-theming": "^7.3.6",
@@ -3334,7 +3327,6 @@
"resolved": "https://registry.npmjs.org/@octokit/core/-/core-7.0.6.tgz",
"integrity": "sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@octokit/auth-token": "^6.0.0",
"@octokit/graphql": "^9.0.3",
@@ -3847,7 +3839,6 @@
"integrity": "sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==",
"devOptional": true,
"license": "Apache-2.0",
- "peer": true,
"dependencies": {
"playwright": "1.57.0"
},
@@ -3945,6 +3936,20 @@
"url": "https://dotenvx.com"
}
},
+ "node_modules/@prisma/config/node_modules/magicast": {
+ "version": "0.3.5",
+ "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.3.5.tgz",
+ "integrity": "sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@babel/parser": "^7.25.4",
+ "@babel/types": "^7.25.4",
+ "source-map-js": "^1.2.0"
+ }
+ },
"node_modules/@prisma/debug": {
"version": "6.19.1",
"resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.19.1.tgz",
@@ -5326,7 +5331,6 @@
"integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@babel/code-frame": "^7.10.4",
"@babel/runtime": "^7.12.5",
@@ -5492,7 +5496,6 @@
"integrity": "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==",
"devOptional": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"undici-types": "~7.16.0"
}
@@ -5514,7 +5517,6 @@
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
"integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
"license": "MIT",
- "peer": true,
"dependencies": {
"csstype": "^3.2.2"
}
@@ -5525,7 +5527,6 @@
"integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
"dev": true,
"license": "MIT",
- "peer": true,
"peerDependencies": {
"@types/react": "^19.2.0"
}
@@ -5544,7 +5545,8 @@
"resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
"integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
"license": "MIT",
- "optional": true
+ "optional": true,
+ "peer": true
},
"node_modules/@types/use-sync-external-store": {
"version": "0.0.6",
@@ -5597,7 +5599,6 @@
"integrity": "sha512-hM5faZwg7aVNa819m/5r7D0h0c9yC4DUlWAOvHAtISdFTc8xB86VmX5Xqabrama3wIPJ/q9RbGS1worb6JfnMg==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@typescript-eslint/scope-manager": "8.50.1",
"@typescript-eslint/types": "8.50.1",
@@ -6001,7 +6002,6 @@
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
"dev": true,
"license": "MIT",
- "peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -7097,7 +7097,6 @@
"resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
"integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
"license": "ISC",
- "peer": true,
"engines": {
"node": ">=12"
}
@@ -7255,7 +7254,6 @@
"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
"integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
"license": "MIT",
- "peer": true,
"funding": {
"type": "github",
"url": "https://github.com/sponsors/kossnocorp"
@@ -7444,6 +7442,7 @@
"resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
"integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
"license": "(MPL-2.0 OR Apache-2.0)",
+ "peer": true,
"optionalDependencies": {
"@types/trusted-types": "^2.0.7"
}
@@ -7789,7 +7788,6 @@
"integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.8.0",
"@eslint-community/regexpp": "^4.12.1",
@@ -8267,7 +8265,6 @@
"resolved": "https://registry.npmjs.org/fengari/-/fengari-0.1.4.tgz",
"integrity": "sha512-6ujqUuiIYmcgkGz8MGAdERU57EIluGGPSUgGPTsco657EHa+srq0S3/YUl/r9kx1+D+d4rGfYObd+m8K22gB1g==",
"license": "MIT",
- "peer": true,
"dependencies": {
"readline-sync": "^1.4.9",
"sprintf-js": "^1.1.1",
@@ -9472,7 +9469,6 @@
"integrity": "sha512-GtldT42B8+jefDUC4yUKAvsaOrH7PDHmZxZXNgF2xMmymjUbRYJvpAybZAKEmXDGTM0mCsz8duOa4vTm5AY2Kg==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@acemir/cssom": "^0.9.28",
"@asamuzakjp/dom-selector": "^6.7.6",
@@ -9825,6 +9821,7 @@
"resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
"integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==",
"license": "MIT",
+ "peer": true,
"dependencies": {
"dompurify": "3.2.7",
"marked": "14.0.0"
@@ -9835,6 +9832,7 @@
"resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz",
"integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==",
"license": "MIT",
+ "peer": true,
"bin": {
"marked": "bin/marked.js"
},
@@ -9902,7 +9900,6 @@
"resolved": "https://registry.npmjs.org/next/-/next-16.1.1.tgz",
"integrity": "sha512-QI+T7xrxt1pF6SQ/JYFz95ro/mg/1Znk5vBebsWwbpejj1T0A23hO7GYEaVac9QUOT2BIMiuzm0L99ooq7k0/w==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@next/env": "16.1.1",
"@swc/helpers": "0.5.15",
@@ -10541,7 +10538,6 @@
"devOptional": true,
"hasInstallScript": true,
"license": "Apache-2.0",
- "peer": true,
"dependencies": {
"@prisma/config": "6.19.1",
"@prisma/engines": "6.19.1"
@@ -10679,7 +10675,6 @@
"resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
"integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=0.10.0"
}
@@ -10689,7 +10684,6 @@
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
"integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
"license": "MIT",
- "peer": true,
"dependencies": {
"scheduler": "^0.27.0"
},
@@ -10714,7 +10708,6 @@
"resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.69.0.tgz",
"integrity": "sha512-yt6ZGME9f4F6WHwevrvpAjh42HMvocuSnSIHUGycBqXIJdhqGSPQzTpGF+1NLREk/58IdPxEMfPcFCjlMhclGw==",
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=18.0.0"
},
@@ -10730,15 +10723,13 @@
"version": "19.2.3",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.3.tgz",
"integrity": "sha512-qJNJfu81ByyabuG7hPFEbXqNcWSU3+eVus+KJs+0ncpGfMyYdvSmxiJxbWR65lYi1I+/0HBcliO029gc4F+PnA==",
- "license": "MIT",
- "peer": true
+ "license": "MIT"
},
"node_modules/react-redux": {
"version": "9.2.0",
"resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
"integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
"license": "MIT",
- "peer": true,
"dependencies": {
"@types/use-sync-external-store": "^0.0.6",
"use-sync-external-store": "^1.4.0"
@@ -10845,8 +10836,7 @@
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
"integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
- "license": "MIT",
- "peer": true
+ "license": "MIT"
},
"node_modules/redux-thunk": {
"version": "3.1.0",
@@ -11102,7 +11092,6 @@
"integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==",
"devOptional": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@@ -11793,7 +11782,6 @@
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=12"
},
@@ -12050,7 +12038,6 @@
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"devOptional": true,
"license": "Apache-2.0",
- "peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
@@ -12204,7 +12191,6 @@
"resolved": "https://registry.npmjs.org/vite/-/vite-7.3.0.tgz",
"integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
"license": "MIT",
- "peer": true,
"dependencies": {
"esbuild": "^0.27.0",
"fdir": "^6.5.0",
@@ -12310,7 +12296,6 @@
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=12"
},
@@ -12352,7 +12337,6 @@
"integrity": "sha512-E4t7DJ9pESL6E3I8nFjPa4xGUd3PmiWDLsDztS2qXSJWfHtbQnwAWylaBvSNY48I3vr8PTqIZlyK8TE3V3CA4Q==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@vitest/expect": "4.0.16",
"@vitest/mocker": "4.0.16",
diff --git a/frontends/nextjs/package.json b/frontends/nextjs/package.json
index 6aa461dff..e3dc2b268 100644
--- a/frontends/nextjs/package.json
+++ b/frontends/nextjs/package.json
@@ -47,15 +47,15 @@
"db:generate": "prisma generate",
"db:push": "prisma db push",
"db:migrate": "prisma migrate deploy",
- "cpp:check": "node dbal/tools/cpp-build-assistant.cjs check",
- "cpp:init": "node dbal/tools/cpp-build-assistant.cjs init",
- "cpp:install": "node dbal/tools/cpp-build-assistant.cjs install",
- "cpp:configure": "node dbal/tools/cpp-build-assistant.cjs configure",
- "cpp:build": "node dbal/tools/cpp-build-assistant.cjs build",
- "cpp:test": "node dbal/tools/cpp-build-assistant.cjs test",
- "cpp:clean": "node dbal/tools/cpp-build-assistant.cjs clean",
- "cpp:rebuild": "node dbal/tools/cpp-build-assistant.cjs rebuild",
- "cpp:full": "node dbal/tools/cpp-build-assistant.cjs full",
+ "cpp:check": "node dbal/shared/tools/cpp-build-assistant.cjs check",
+ "cpp:init": "node dbal/shared/tools/cpp-build-assistant.cjs init",
+ "cpp:install": "node dbal/shared/tools/cpp-build-assistant.cjs install",
+ "cpp:configure": "node dbal/shared/tools/cpp-build-assistant.cjs configure",
+ "cpp:build": "node dbal/shared/tools/cpp-build-assistant.cjs build",
+ "cpp:test": "node dbal/shared/tools/cpp-build-assistant.cjs test",
+ "cpp:clean": "node dbal/shared/tools/cpp-build-assistant.cjs clean",
+ "cpp:rebuild": "node dbal/shared/tools/cpp-build-assistant.cjs rebuild",
+ "cpp:full": "node dbal/shared/tools/cpp-build-assistant.cjs full",
"screenshot": "npx playwright install chromium && npx tsx scripts/capture-screenshot.ts"
},
"dependencies": {
diff --git a/frontends/nextjs/scripts/check-function-coverage.js b/frontends/nextjs/scripts/check-function-coverage.js
index 26690d93b..f5385005c 120000
--- a/frontends/nextjs/scripts/check-function-coverage.js
+++ b/frontends/nextjs/scripts/check-function-coverage.js
@@ -1 +1 @@
-../../../tools/check-function-coverage.js
\ No newline at end of file
+../../../tools/quality/code/check-function-coverage.js
\ No newline at end of file
diff --git a/frontends/nextjs/scripts/generate-test-coverage-report.js b/frontends/nextjs/scripts/generate-test-coverage-report.js
index a9b98796e..24dffecb0 120000
--- a/frontends/nextjs/scripts/generate-test-coverage-report.js
+++ b/frontends/nextjs/scripts/generate-test-coverage-report.js
@@ -1 +1 @@
-../../../tools/generate-test-coverage-report.js
\ No newline at end of file
+../../../tools/generation/generate-test-coverage-report.js
\ No newline at end of file
diff --git a/frontends/nextjs/src/app/api/github/actions/runs/route.ts b/frontends/nextjs/src/app/api/github/actions/runs/route.ts
index 51af8aacf..cdea4da7d 100644
--- a/frontends/nextjs/src/app/api/github/actions/runs/route.ts
+++ b/frontends/nextjs/src/app/api/github/actions/runs/route.ts
@@ -2,7 +2,7 @@ import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'
import { createGitHubClient } from '@/lib/github/create-github-client'
import { resolveGitHubRepo } from '@/lib/github/resolve-github-repo'
-import { listWorkflowRuns } from '@/lib/github/list-workflow-runs'
+import { listWorkflowRuns } from '@/lib/github/workflows/listing/list-workflow-runs'
export const GET = async (request: NextRequest) => {
try {
diff --git a/frontends/nextjs/src/app/api/users/[userId]/route.ts b/frontends/nextjs/src/app/api/users/[userId]/route.ts
index a71b9e0a9..d272c9529 100644
--- a/frontends/nextjs/src/app/api/users/[userId]/route.ts
+++ b/frontends/nextjs/src/app/api/users/[userId]/route.ts
@@ -5,7 +5,7 @@ import {
dbalGetUserById,
dbalUpdateUser,
initializeDBAL,
-} from '@/lib/dbal/database-dbal.server'
+} from '@/lib/dbal/core/client/database-dbal.server'
import { hashPassword } from '@/lib/db/hash-password'
import { setCredential } from '@/lib/db/credentials/set-credential'
import { requireDBALApiKey } from '@/lib/api/require-dbal-api-key'
diff --git a/frontends/nextjs/src/app/codegen/CodegenStudioClient.tsx b/frontends/nextjs/src/app/codegen/CodegenStudioClient.tsx
index 48bcce1aa..ee56df809 100644
--- a/frontends/nextjs/src/app/codegen/CodegenStudioClient.tsx
+++ b/frontends/nextjs/src/app/codegen/CodegenStudioClient.tsx
@@ -37,7 +37,7 @@ type FormState = (typeof initialFormState)
type FetchStatus = 'idle' | 'loading' | 'success'
const createFilename = (header: string | null, fallback: string) => {
- const match = header?.match(/filename="?([^\"]+)"?/) ?? null
+ const match = header?.match(/filename="?([^"]+)"?/) ?? null
return match ? match[1] : fallback
}
diff --git a/frontends/nextjs/src/components/atoms/README.md b/frontends/nextjs/src/components/atoms/README.md
index eb21c5143..9e0ed303d 100644
--- a/frontends/nextjs/src/components/atoms/README.md
+++ b/frontends/nextjs/src/components/atoms/README.md
@@ -4,34 +4,78 @@ Atoms are the smallest, indivisible UI elements in the MetaBuilder component lib
## Components
+### Controls
| Component | Description | MUI Base |
|-----------|-------------|----------|
| `Button` | Primary action button with variants | `MuiButton` |
-| `Input` | Text input field | `InputBase` |
-| `Label` | Form field label | `Typography` |
-| `Badge` | Status indicator chip | `Chip` |
| `Checkbox` | Boolean toggle with optional label | `MuiCheckbox` |
| `Switch` | Toggle switch with optional label | `MuiSwitch` |
+| `Radio` | Radio button with optional label | `MuiRadio` |
+
+### Inputs
+| Component | Description | MUI Base |
+|-----------|-------------|----------|
+| `Input` | Text input field | `InputBase` |
+| `TextArea` | Multi-line text input | `TextareaAutosize` |
+| `Select` | Dropdown selection | `MuiSelect` |
+
+### Display
+| Component | Description | MUI Base |
+|-----------|-------------|----------|
+| `Label` | Form field label | `Typography` |
+| `Badge` | Status indicator chip | `Chip` |
| `Avatar` | User/entity image with fallback | `MuiAvatar` |
+| `IconButton` | Icon-only button | `MuiIconButton` |
+| `Icon` | Icon wrapper for MUI icons | `@mui/icons-material` |
+| `Link` | Navigation link with Next.js integration | `MuiLink` + `NextLink` |
+| `Text` | Typography with weight/alignment options | `Typography` |
+
+### Feedback
+| Component | Description | MUI Base |
+|-----------|-------------|----------|
| `Skeleton` | Loading placeholder | `MuiSkeleton` |
| `Separator` | Visual divider | `Divider` |
| `Progress` | Progress indicator | `LinearProgress` |
| `Tooltip` | Hover information | `MuiTooltip` |
| `Spinner` | Loading spinner | `CircularProgress` |
-| `IconButton` | Icon-only button | `MuiIconButton` |
## Usage
```typescript
-import { Button, Input, Label, Badge } from '@/components/atoms'
+import {
+ Button, Input, TextArea, Select, Radio,
+ Label, Badge, Icon, Link, Text
+} from '@/components/atoms'
function MyComponent() {
return (