fix(ci): bypass buildx cache and ignore pnpm store to resolve EOF corruption

Summary of changes:
- Corrected Directus extensions to use 'vue-router' for 'useRouter' instead of '@directus/extensions-sdk' (Fixed runtime crash).
- Standardized extension folder structure and moved built extensions to the root 'directus/extensions' directory.
- Updated 'scripts/sync-extensions.sh' and 'scripts/validate-extensions.sh' for better extension management.
- Added 'scripts/validate-sdk-imports.sh' as a safeguard against future invalid SDK imports.
- Integrated import validation into the '.husky/pre-push' hook.
- Standardized Docker restart policies and network configurations in 'cms-infra/docker-compose.yml'.
- Updated tracked 'data.db' with the correct 'module_bar' settings to ensure extension visibility.
- Cleaned up legacy files and consolidated extension package source code.

This commit captures the full state of the repository after resolving the 'missing extensions' issue.

.dockerignore

@@ -10,3 +10,5 @@ coverage
 .turbo
 *.log
 .DS_Store
+.pnpm-store
+.gitea

.env

@@ -1,5 +1,5 @@
 # Project
-IMAGE_TAG=v1.8.0
+IMAGE_TAG=v1.8.10
 PROJECT_NAME=at-mintel
 PROJECT_COLOR=#82ed20
 GITEA_TOKEN=ccce002e30fe16a31a6c9d5a414740af2f72a582
@@ -10,13 +10,13 @@ AUTH_COOKIE_NAME=mintel_gatekeeper_session
 
 # Host Config (Local)
 TRAEFIK_HOST=at-mintel.localhost
-DIRECTUS_HOST=cms.localhost
+DIRECTUS_HOST=cms-legacy.localhost
 
 # Next.js
 NEXT_PUBLIC_BASE_URL=http://at-mintel.localhost
 
 # Directus
-DIRECTUS_URL=http://cms.localhost
+DIRECTUS_URL=http://cms-legacy.localhost
 DIRECTUS_KEY=F9IIfahEjPq6NZhKyRLw516D8GotuFj79EGK7pGfIWg=
 DIRECTUS_SECRET=OZfxMu8lBxzaEnFGRKreNBoJpRiRu58U+HsVg2yWk4o=
 CORS_ENABLED=true

.env.example

@@ -1,5 +1,5 @@
 # Project
-IMAGE_TAG=v1.8.0
+IMAGE_TAG=v1.8.10
 PROJECT_NAME=sample-website
 PROJECT_COLOR=#82ed20
 

.eslintignore

@@ -1,2 +1,4 @@
 **/index.js
 **/dist/**
+packages/cms-infra/extensions/**
+packages/cms-infra/extensions/**

.gitea/workflows/pipeline.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - '**'
     tags:
-      - 'v*'
+      - '*'
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -26,16 +26,17 @@ jobs:
           REF: ${{ github.ref }}
           REF_NAME: ${{ github.ref_name }}
           EVENT: ${{ github.event_name }}
+          SHA: ${{ github.sha }}
         run: |
           echo "🔎 Debug: Event=$EVENT, Ref=$REF, RefName=$REF_NAME, RunId=$RUN_ID"
           
+          # Fetch recent runs for the repository
+          RUNS=$(curl -s -H "Authorization: token $GITEA_TOKEN" "https://git.infra.mintel.me/api/v1/repos/$REPO/actions/runs?limit=30")
+          
           case "$REF" in
-            refs/tags/v*)
+            refs/tags/*)
               echo "🚀 Release detected ($REF_NAME). Cancelling non-tag runs..."
               
-              # Fetch all runs
-              RUNS=$(curl -s -H "Authorization: token $GITEA_TOKEN" "https://git.infra.mintel.me/api/v1/repos/$REPO/actions/runs")
-              
               # Identify runs to cancel: in_progress/queued, NOT this run, and NOT a tag run
               echo "$RUNS" | jq -c '.workflow_runs[] | select(.status == "in_progress" or .status == "queued") | select(.id | tostring != "'$RUN_ID'")' | while read -r run; do
                 ID=$(echo "$run" | jq -r '.id')
@@ -43,7 +44,7 @@ jobs:
                 TITLE=$(echo "$run" | jq -r '.display_title')
                 
                 case "$RUN_REF" in
-                  refs/tags/v*)
+                  refs/tags/*)
                     echo "⏭️ Skipping parallel release run $ID ($TITLE) on $RUN_REF"
                     ;;
                   *)
@@ -54,7 +55,17 @@ jobs:
               done
               ;;
             *)
-              echo "ℹ️ Regular push. No prioritization needed."
+              echo "ℹ️ Regular push. Checking for parallel release tag for SHA $SHA..."
+              
+              # Check if there's a tag run for the SAME commit
+              TAG_RUN_ID=$(echo "$RUNS" | jq -r '.workflow_runs[] | select(.ref | startswith("refs/tags/")) | select(.head_sha == "'$SHA'") | .id' | head -n 1)
+              
+              if [[ -n "$TAG_RUN_ID" && "$TAG_RUN_ID" != "null" ]]; then
+                echo "🚀 Found parallel tag run $TAG_RUN_ID for commit $SHA. Cancelling this branch run ($RUN_ID)..."
+                curl -X POST -s -H "Authorization: token $GITEA_TOKEN" "https://git.infra.mintel.me/api/v1/repos/$REPO/actions/runs/$RUN_ID/cancel"
+                exit 0
+              fi
+              echo "✅ No parallel tag run found. Proceeding."
               ;;
           esac
 
@@ -130,7 +141,7 @@ jobs:
   release:
     name: 🚀 Release
     needs: [lint, test, build]
-    if: startsWith(github.ref, 'refs/tags/v')
+    if: startsWith(github.ref, 'refs/tags/')
     runs-on: docker
     container:
       image: catthehacker/ubuntu:act-latest
@@ -160,12 +171,13 @@ jobs:
   build-images:
     name: 🐳 Build ${{ matrix.name }}
     needs: [lint, test, build]
-    if: startsWith(github.ref, 'refs/tags/v')
+    if: startsWith(github.ref, 'refs/tags/')
     runs-on: docker
     container:
       image: catthehacker/ubuntu:act-latest
     strategy:
       fail-fast: false
+      max-parallel: 1
       matrix:
         include:
           - image: nextjs
@@ -207,6 +219,4 @@ jobs:
           tags: |
             registry.infra.mintel.me/mintel/${{ matrix.image }}:${{ github.ref_name }}
             registry.infra.mintel.me/mintel/${{ matrix.image }}:latest
-          cache-from: type=registry,ref=registry.infra.mintel.me/mintel/${{ matrix.image }}:buildcache
-          cache-to: type=registry,ref=registry.infra.mintel.me/mintel/${{ matrix.image }}:buildcache,mode=max
 

.gitignore

@@ -37,3 +37,6 @@ Thumbs.db
 
 # Changesets
 .changeset/*.lock
+directus/extensions/
+packages/cms-infra/extensions/
+packages/cms-infra/uploads/

.husky/pre-push

@@ -1,16 +1,44 @@
+# Validate Directus SDK imports before push
+# This prevents runtime crashes caused by importing non-existent exports
+SCRIPT_DIR="$(cd "$(dirname "$0")/.." && pwd)"
+if [ -f "$SCRIPT_DIR/scripts/validate-sdk-imports.sh" ]; then
+  "$SCRIPT_DIR/scripts/validate-sdk-imports.sh" || exit 1
+fi
 
 # Check if we are pushing a tag
 while read local_ref local_sha remote_ref remote_sha
 do
-  if [[ "$remote_ref" == refs/tags/v* ]]; then
+  if [[ "$remote_ref" == refs/tags/* ]]; then
     TAG=${remote_ref#refs/tags/}
-    echo "🏷️ Tag detected: $TAG, syncing versions..."
+    echo "🏷️ Tag detected: $TAG, ensuring versions are synced..."
+    
+    # Run sync script
     pnpm sync-versions "$TAG"
     
-    # Stage the changed files (excluding ignored files like .env)
-    git add package.json packages/*/package.json apps/*/package.json .env.example
+    # Check for changes in relevant files
+    SYNC_FILES="package.json packages/*/package.json apps/*/package.json .env.example"
+    CHANGES=$(git status --porcelain $SYNC_FILES)
     
-    echo "⚠️ package.json and .env files updated to match tag $TAG."
-    echo "⚠️ Note: You might need to push again if these changes were not already in your commit/tag."
+    if [[ -n "$CHANGES" ]]; then
+      echo "📝 Version sync made changes. Integrating into tag..."
+      
+      # Stage and commit
+      git add $SYNC_FILES
+      git commit -m "chore: sync versions to $TAG" --no-verify
+      
+      # Force update the local tag to point to the new commit
+      git tag -f "$TAG" > /dev/null
+      
+      echo "✅ Tag $TAG has been updated locally with synced versions."
+      echo "🚀 Auto-pushing updated tag..."
+      
+      # Push the updated tag directly (using --no-verify to avoid recursion)
+      git push origin "$TAG" --force --no-verify
+      
+      echo "✨ All done! Hook integrated the sync and pushed for you."
+      exit 1 # Still exit 1 to abort the original (now outdated) push attempt
+    else
+      echo "✨ Versions already in sync for $TAG."
+    fi
   fi
 done

README.md

@@ -80,3 +80,4 @@ Client websites scaffolded via the CLI use a **tag-based deployment** strategy:
 - **Git Tag `v*.*.*`**: Deploys to the `production` environment.
 
 See the [`@mintel/infra`](packages/infra/README.md) package for detailed template documentation.
+

apps/sample-website/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-website",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "private": true,
   "type": "module",
   "scripts": {

directus/extensions/acquisition-manager/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "acquisition-manager",
-  "description": "Custom High-Fidelity Acquisition Management for Directus",
-  "icon": "account_balance_wallet",
-  "version": "1.8.0",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "files": [
-    "dist"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "*",
-    "name": "Acquisition Manager"
-  },
-  "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/acquisition/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "acquisition",
-  "version": "1.8.0",
-  "type": "module",
-  "directus:extension": {
-    "type": "endpoint",
-    "path": "dist/index.js",
-    "source": "src/index.ts",
-    "host": "^11.0.0"
-  },
-  "scripts": {
-    "build": "node build.mjs",
-    "dev": "node build.mjs --watch"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/acquisition": "workspace:*",
-    "@mintel/mail": "workspace:*",
-    "esbuild": "^0.25.0",
-    "typescript": "^5.6.3"
-  },
-  "dependencies": {
-    "jquery": "^3.7.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4"
-  }
-}

directus/extensions/customer-manager/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "customer-manager",
-  "description": "Custom High-Fidelity Customer & Company Management for Directus",
-  "icon": "supervisor_account",
-  "version": "1.8.0",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "files": [
-    "dist"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "*",
-    "name": "Customer Manager"
-  },
-  "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/feedback-commander/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "feedback-commander",
-  "description": "Custom High-Fidelity Feedback Management Extension for Directus",
-  "icon": "view_kanban",
-  "version": "1.8.0",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "files": [
-    "dist"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "*",
-    "name": "Feedback Commander"
-  },
-  "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

directus/schema/snapshot.yaml

@@ -1,19 +0,0 @@
-version: 1
-directus: 11.15.1
-vendor: postgres
-collections: []
-fields: []
-systemFields:
-  - collection: directus_activity
-    field: timestamp
-    schema:
-      is_indexed: true
-  - collection: directus_revisions
-    field: activity
-    schema:
-      is_indexed: true
-  - collection: directus_revisions
-    field: parent
-    schema:
-      is_indexed: true
-relations: []

directus/uploads/directus-health-file

@@ -1 +0,0 @@
-S9WsV

docker-compose.yml

@@ -21,6 +21,8 @@ services:
       - "traefik.enable=true"
       - "traefik.http.routers.sample-website.rule=Host(`${TRAEFIK_HOST:-sample-website.localhost}`)"
       - "traefik.http.services.sample-website.loadbalancer.server.port=3000"
+      - "caddy=http://${TRAEFIK_HOST:-acquisition.localhost}"
+      - "caddy.reverse_proxy={{upstreams 3000}}"
 
   directus:
     image: registry.infra.mintel.me/mintel/directus:${IMAGE_TAG:-latest}
@@ -58,6 +60,8 @@ services:
       - "traefik.enable=true"
       - "traefik.http.routers.sample-website-directus.rule=Host(`${DIRECTUS_HOST:-cms.sample-website.localhost}`)"
       - "traefik.http.services.sample-website-directus.loadbalancer.server.port=8055"
+      - "caddy=http://${DIRECTUS_HOST:-cms.at.localhost}"
+      - "caddy.reverse_proxy={{upstreams 8055}}"
 
   at-mintel-directus-db:
     image: postgres:15-alpine

eslint.config.js

@@ -5,7 +5,7 @@ export default [
   {
     ignores: [
       "packages/cms-infra/extensions/**",
-      "packages/customer-manager/index.js",
+      "**/index.js",
       "**/*.db",
       "**/build/**",
       "**/data/**",

package.json

@@ -10,12 +10,16 @@
     "changeset": "changeset",
     "version-packages": "changeset version",
     "sync-versions": "tsx scripts/sync-versions.ts --",
-    "cms:push:infra": "./scripts/sync-directus.sh push infra",
-    "cms:pull:infra": "./scripts/sync-directus.sh pull infra",
+    "cms:dev": "pnpm --filter @mintel/cms-infra dev",
+    "cms:up": "pnpm --filter @mintel/cms-infra up",
+    "cms:down": "pnpm --filter @mintel/cms-infra down",
+    "cms:logs": "pnpm --filter @mintel/cms-infra logs",
     "cms:schema:snapshot": "./scripts/cms-snapshot.sh",
     "cms:schema:apply": "./scripts/cms-apply.sh local",
     "cms:schema:apply:infra": "./scripts/cms-apply.sh infra",
-    "dev:infra": "docker-compose up -d directus directus-db",
+    "cms:sync:push": "./scripts/sync-directus.sh push infra",
+    "cms:sync:pull": "./scripts/sync-directus.sh pull infra",
+    "build:extensions": "./scripts/sync-extensions.sh",
     "release": "pnpm build && changeset publish",
     "release:tag": "pnpm build && pnpm -r publish --no-git-checks --access public",
     "prepare": "husky"
@@ -26,6 +30,7 @@
     "@commitlint/config-conventional": "^20.4.0",
     "@mintel/eslint-config": "workspace:*",
     "@mintel/husky-config": "workspace:*",
+    "@next/eslint-plugin-next": "16.1.6",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^20.17.16",
@@ -33,7 +38,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.39.2",
-    "@next/eslint-plugin-next": "16.1.6",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "happy-dom": "^20.4.0",
@@ -47,16 +51,17 @@
     "vitest": "^4.0.18"
   },
   "dependencies": {
+    "globals": "^17.3.0",
     "import-in-the-middle": "^3.0.0",
     "pino": "^10.3.1",
     "pino-pretty": "^13.1.3",
     "require-in-the-middle": "^8.0.1"
   },
-  "version": "1.8.0",
+  "version": "1.8.10",
   "pnpm": {
     "overrides": {
       "next": "16.1.6",
       "@sentry/nextjs": "10.38.0"
     }
   }
-}
+}

packages/acquisition-manager/package.json

@@ -1,30 +1,30 @@
 {
   "name": "acquisition-manager",
-  "description": "Custom High-Fidelity Acquisition Management for Directus",
-  "icon": "account_balance_wallet",
-  "version": "1.8.0",
+  "description": "Custom High-Fidelity Management for Directus",
+  "icon": "extension",
+  "version": "1.8.10",
   "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
     "directus-extension-module"
   ],
-  "files": [
-    "dist"
-  ],
   "directus:extension": {
     "type": "module",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.ts",
-    "host": "*",
-    "name": "Acquisition Manager"
+    "host": "app",
+    "name": "acquisition manager"
   },
   "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
+    "build": "directus-extension build",
     "dev": "directus-extension build -w"
   },
+  "dependencies": {
+    "@mintel/directus-extension-toolkit": "workspace:*"
+  },
   "devDependencies": {
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
+}

packages/acquisition-manager/src/module.vue

@@ -1,8 +1,16 @@
 <template>
-	<private-view title="Acquisition Manager">
+	<MintelManagerLayout
+		title="Acquisition Manager"
+		:item-title="getCompanyName(selectedLead) || 'Lead wählen'"
+		:is-empty="!selectedLead"
+		empty-title="Lead auswählen"
+		empty-icon="auto_awesome"
+		:notice="notice"
+		@close-notice="notice = null"
+	>
 		<template #navigation>
 			<v-list nav>
-				<v-list-item @click="showAddLead = true" clickable>
+				<v-list-item @click="openCreateDrawer" clickable>
 					<v-list-item-icon><v-icon name="add" color="var(--theme--primary)" /></v-list-item-icon>
 					<v-list-item-content>
 						<v-text-overflow text="Neuen Lead anlegen" />
@@ -15,7 +23,7 @@
 					v-for="lead in leads"
 					:key="lead.id"
 					:active="selectedLeadId === lead.id"
-					class="lead-item"
+					class="nav-item"
 					clickable
 					@click="selectLead(lead.id)"
 				>
@@ -29,166 +37,145 @@
 			</v-list>
 		</template>
 
-		<template #title-outer:after>
-			<v-notice v-if="notice" :type="notice.type" @close="notice = null" dismissible>
-				{{ notice.message }}
-			</v-notice>
+		<template #subtitle>
+			<template v-if="selectedLead">
+				<v-icon name="language" x-small />
+				<a :href="selectedLead.website_url" target="_blank" class="url-link">
+					{{ selectedLead.website_url.replace(/^https?:\/\//, '') }}
+				</a>
+				&middot; Status: {{ selectedLead.status.toUpperCase() }}
+			</template>
 		</template>
 
-		<div class="content-wrapper">
-			<v-notice type="success" style="margin-bottom: 16px;">
-				DEBUG: Module Version 1.1.0 - Native Build - {{ new Date().toISOString() }}
-			</v-notice>
+		<template #actions>
+			<v-button 
+				v-if="selectedLead?.status === 'new'" 
+				secondary 
+				:loading="loadingAudit" 
+				@click="runAudit"
+			>
+				<v-icon name="settings_suggest" left />
+				Audit starten
+			</v-button>
 
-			<div v-if="!selectedLead" class="empty-state">
-				<v-info title="Lead auswählen" icon="auto_awesome" center>
-					Wähle einen Lead in der Navigation aus oder
-					<v-button x-small @click="showAddLead = true">registriere einen neuen Lead</v-button>.
-				</v-info>
-			</div>
+			<template v-if="selectedLead?.status === 'audit_ready'">
+				<v-button secondary :loading="loadingEmail" @click="sendAuditEmail">
+					<v-icon name="mail" left />
+					Audit E-Mail
+				</v-button>
+				<v-button :loading="loadingPdf" @click="generatePdf">
+					<v-icon name="picture_as_pdf" left />
+					PDF Erstellen
+				</v-button>
+			</template>
 
-			<template v-else>
-				<header class="header">
-					<div class="header-left">
-						<h1 class="title">{{ getCompanyName(selectedLead) }}</h1>
-						<p class="subtitle">
-							<v-icon name="language" x-small />
-							<a :href="selectedLead.website_url" target="_blank" class="url-link">
-								{{ selectedLead.website_url.replace(/^https?:\/\//, '') }}
-							</a>
-							&middot; Status: {{ selectedLead.status.toUpperCase() }}
-						</p>
-					</div>
-					<div class="header-right">
-						<v-button 
-							v-if="selectedLead.status === 'new'" 
-							secondary 
-							:loading="loadingAudit" 
-							@click="runAudit"
-						>
-							<v-icon name="settings_suggest" left />
-							Audit starten
-						</v-button>
+			<v-button v-if="selectedLead?.audit_pdf_path" secondary icon v-tooltip.bottom="'PDF öffnen'" @click="openPdf">
+				<v-icon name="open_in_new" />
+			</v-button>
 
-						<template v-if="selectedLead.status === 'audit_ready'">
-							<v-button secondary :loading="loadingEmail" @click="sendAuditEmail">
-								<v-icon name="mail" left />
-								Audit E-Mail
-							</v-button>
-							<v-button :loading="loadingPdf" @click="generatePdf">
-								<v-icon name="picture_as_pdf" left />
-								PDF Erstellen
-							</v-button>
-						</template>
+			<v-button 
+				v-if="selectedLead && !isCustomer(selectedLead.company)" 
+				secondary
+				@click="linkAsCustomer"
+			>
+				<v-icon name="handshake" left />
+				Kunde verlinken
+			</v-button>
+			
+			<v-button 
+				v-if="selectedLead?.audit_pdf_path" 
+				primary
+				:loading="loadingEmail"
+				@click="sendEstimateEmail"
+			>
+				<v-icon name="send" left />
+				Angebot senden
+			</v-button>
+		</template>
 
-						<v-button v-if="selectedLead.audit_pdf_path" secondary icon v-tooltip.bottom="'PDF öffnen'" @click="openPdf">
-							<v-icon name="open_in_new" />
-						</v-button>
-						
-						<v-button 
-							v-if="selectedLead.audit_pdf_path" 
-							primary
-							:loading="loadingEmail"
-							@click="sendEstimateEmail"
-						>
-							<v-icon name="send" left />
-							Angebot senden
-						</v-button>
-					</div>
-				</header>
+		<template #empty-state>
+			Wähle einen Lead in der Navigation aus oder
+			<v-button x-small @click="openCreateDrawer">registriere einen neuen Lead</v-button>.
+		</template>
 
-				<div class="sections">
-					<div class="main-info">
-						<div class="form-grid">
-							<div class="field">
-								<span class="label">Kontaktperson</span>
-								<div v-if="selectedLead.contact_person" class="value person-link" @click="goToPerson(selectedLead.contact_person)">
-									{{ getPersonName(selectedLead.contact_person) }}
-								</div>
-								<div v-else class="value text-subdued">Keine Person verknüpft</div>
-							</div>
-							<div class="field">
-								<span class="label">E-Mail (Legacy)</span>
-								<div class="value">{{ selectedLead.contact_email || '—' }}</div>
-							</div>
-							<div class="field full">
-								<span class="label">Briefing / Fokus</span>
-								<div class="value text-block">{{ selectedLead.briefing || 'Kein Briefing hinterlegt.' }}</div>
-							</div>
+		<div v-if="selectedLead" class="sections">
+			<div class="main-info">
+				<div class="form-grid">
+					<div class="field">
+						<span class="label">Kontaktperson</span>
+						<div v-if="selectedLead.contact_person" class="value person-link" @click="goToPerson(selectedLead.contact_person)">
+							{{ getPersonName(selectedLead.contact_person) }}
 						</div>
+						<div v-else class="value text-subdued">Keine Person verknüpft</div>
 					</div>
-
-					<v-divider />
-
-					<div v-if="selectedLead.ai_state" class="ai-observations">
-						<h3 class="section-title">AI Observations & Estimation</h3>
-						
-						<div class="metrics">
-							<v-info label="Projekt-Modus" :value="selectedLead.ai_state.projectType || 'Unbekannt'" />
-							<v-info label="Seitenanzahl" :value="selectedLead.ai_state.sitemap?.length || '0'" />
-						</div>
-
-						<v-table
-							v-if="selectedLead.ai_state.sitemap"
-							:headers="[ { text: 'Seite', value: 'title' }, { text: 'URL', value: 'url' } ]"
-							:items="selectedLead.ai_state.sitemap"
-							class="observation-table"
-						>
-							<template #[`item.title`]="{ item }">
-								<span class="page-title">{{ item.title }}</span>
-							</template>
-							<template #[`item.url`]="{ item }">
-								<span class="page-url">{{ item.url }}</span>
-							</template>
-						</v-table>
+					<div class="field full">
+						<span class="label">Briefing / Fokus</span>
+						<div class="value text-block">{{ selectedLead.briefing || 'Kein Briefing hinterlegt.' }}</div>
 					</div>
 				</div>
-			</template>
+			</div>
+
+			<v-divider />
+
+			<div v-if="selectedLead.ai_state" class="ai-observations">
+				<h3 class="section-title">AI Observations & Estimation</h3>
+				
+				<div class="metrics">
+					<MintelStatCard label="Projekt-Modus" :value="selectedLead.ai_state.projectType || 'Unbekannt'" icon="category" />
+					<MintelStatCard label="Seitenanzahl" :value="selectedLead.ai_state.sitemap?.length || '0'" icon="description" />
+				</div>
+
+				<v-table
+					v-if="selectedLead.ai_state.sitemap"
+					:headers="[ { text: 'Seite', value: 'title' }, { text: 'URL', value: 'url' } ]"
+					:items="selectedLead.ai_state.sitemap"
+					class="observation-table"
+				>
+					<template #[`item.title`]="{ item }">
+						<span class="page-title">{{ item.title }}</span>
+					</template>
+					<template #[`item.url`]="{ item }">
+						<span class="page-url">{{ item.url }}</span>
+					</template>
+				</v-table>
+			</div>
 		</div>
 
 		<!-- Drawer: New Lead -->
 		<v-drawer
-			v-model="showAddLead"
+			v-model="drawerActive"
 			title="Neuen Lead registrieren"
 			icon="person_add"
-			@cancel="showAddLead = false"
+			@cancel="drawerActive = false"
 		>
 			<div class="drawer-content">
 				<div class="form-section">
 					<div class="field">
 						<span class="label">Organisation / Firma (Zentral)</span>
-						<v-select
+						<MintelSelect
 							v-model="newLead.company"
 							:items="companyOptions"
 							placeholder="Bestehende Firma auswählen..."
+							allow-add
+							@add="openQuickAdd('company')"
 						/>
 					</div>
-					<div class="field">
-						<span class="label">Organisation / Firma (Legacy / Neu)</span>
-						<v-input v-model="newLead.company_name" placeholder="z.B. Schmidt GmbH" autofocus />
-					</div>
 					<div class="field">
 						<span class="label">Website URL</span>
 						<v-input v-model="newLead.website_url" placeholder="https://..." />
 					</div>
-					<div class="field">
-						<span class="label">Ansprechpartner</span>
-						<v-input v-model="newLead.contact_name" placeholder="Vorname Nachname" />
-					</div>
-					<div class="field">
-						<span class="label">E-Mail Adresse</span>
-						<v-input v-model="newLead.contact_email" placeholder="email@beispiel.de" type="email" />
-					</div>
 					<div class="field">
 						<span class="label">Briefing / Fokus</span>
 						<v-textarea v-model="newLead.briefing" placeholder="Besonderheiten für das Audit..." />
 					</div>
 					<div class="field">
 						<span class="label">Kontaktperson (Optional)</span>
-						<v-select
+						<MintelSelect
 							v-model="newLead.contact_person"
 							:items="peopleOptions"
 							placeholder="Person auswählen..."
+							allow-add
+							@add="openQuickAdd('person')"
 						/>
 					</div>
 				</div>
@@ -198,29 +185,30 @@
 				</div>
 			</div>
 		</v-drawer>
-	</private-view>
+	</MintelManagerLayout>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue';
 import { useApi } from '@directus/extensions-sdk';
+import { useRoute, useRouter } from 'vue-router';
+import { MintelManagerLayout, MintelSelect, MintelStatCard } from '@mintel/directus-extension-toolkit';
 
 const api = useApi();
+const route = useRoute();
+const router = useRouter();
 const leads = ref<any[]>([]);
 const selectedLeadId = ref<string | null>(null);
 const loadingAudit = ref(false);
 const loadingPdf = ref(false);
 const loadingEmail = ref(false);
-const showAddLead = ref(false);
+const drawerActive = ref(false);
 const savingLead = ref(false);
 const notice = ref<{ type: string; message: string } | null>(null);
 
 const newLead = ref({
-	company_name: '', // Legacy
 	company: null,
 	website_url: '',
-	contact_name: '', // Legacy
-	contact_email: '', // Legacy
 	contact_person: null,
 	briefing: '',
 	status: 'new'
@@ -228,6 +216,7 @@ const newLead = ref({
 
 const companies = ref<any[]>([]);
 const people = ref<any[]>([]);
+const customers = ref<any[]>([]);
 
 const companyOptions = computed(() => 
 	companies.value.map(c => ({
@@ -244,10 +233,11 @@ const peopleOptions = computed(() =>
 );
 
 function getCompanyName(lead: any) {
+	if (!lead) return '';
 	if (lead.company) {
-		return typeof lead.company === 'object' ? lead.company.name : (companies.value.find(c => c.id === lead.company)?.name || lead.company_name);
+		return typeof lead.company === 'object' ? lead.company.name : (companies.value.find(c => c.id === lead.company)?.name || 'Unbekannte Firma');
 	}
-	return lead.company_name;
+	return 'Unbekannte Organisation';
 }
 
 function getPersonName(id: string | any) {
@@ -258,34 +248,64 @@ function getPersonName(id: string | any) {
 }
 
 function goToPerson(id: string) {
-	// Logic to navigate to people manager or open details
 	notice.value = { type: 'info', message: `Navigiere zu Person: ${id}` };
 }
 
 const selectedLead = computed(() => leads.value.find(l => l.id === selectedLeadId.value));
 
-onMounted(fetchData);
-
 async function fetchData() {
-	const [leadsResp, peopleResp, companiesResp] = await Promise.all([
-		api.get('/items/leads', { 
-			params: { 
-				sort: '-date_created',
-				fields: '*.*'
-			} 
-		}),
-		api.get('/items/people', { params: { sort: 'last_name' } }),
-		api.get('/items/companies', { params: { sort: 'name' } })
-	]);
-	leads.value = leadsResp.data.data;
-	people.value = peopleResp.data.data;
-	companies.value = companiesResp.data.data;
-	
-	if (!selectedLeadId.value && leads.value.length > 0) {
-		selectedLeadId.value = leads.value[0].id;
+	try {
+		const [leadsResp, peopleResp, companiesResp, customersResp] = await Promise.all([
+			api.get('/items/leads', { 
+				params: { 
+					sort: '-date_created',
+					fields: '*.*'
+				} 
+			}),
+			api.get('/items/people', { params: { sort: 'last_name' } }),
+			api.get('/items/companies', { params: { sort: 'name' } }),
+			api.get('/items/customers', { params: { fields: ['company'] } })
+		]);
+		leads.value = leadsResp.data.data;
+		people.value = peopleResp.data.data;
+		companies.value = companiesResp.data.data;
+		customers.value = customersResp.data.data;
+		
+		if (!selectedLeadId.value && leads.value.length > 0) {
+			selectedLeadId.value = leads.value[0].id;
+		}
+	} catch (e: any) {
+		console.error('Fetch error:', e);
 	}
 }
 
+function isCustomer(companyId: string | any) {
+    if (!companyId) return false;
+    const id = typeof companyId === 'object' ? companyId.id : companyId;
+    return customers.value.some(c => (typeof c.company === 'object' ? c.company.id : c.company) === id);
+}
+
+async function linkAsCustomer() {
+    if (!selectedLead.value) return;
+    
+    const companyId = selectedLead.value.company 
+        ? (typeof selectedLead.value.company === 'object' ? selectedLead.value.company.id : selectedLead.value.company)
+        : null;
+        
+    const personId = selectedLead.value.contact_person
+        ? (typeof selectedLead.value.contact_person === 'object' ? selectedLead.value.contact_person.id : selectedLead.value.contact_person)
+        : null;
+
+    router.push({
+        name: 'module-customer-manager',
+        query: {
+            create: 'true',
+            company: companyId,
+            contact_person: personId
+        }
+    });
+}
+
 async function fetchLeads() {
 	await fetchData();
 }
@@ -294,6 +314,17 @@ function selectLead(id: string) {
 	selectedLeadId.value = id;
 }
 
+function openCreateDrawer() {
+	newLead.value = { 
+		company: null,
+		website_url: '', 
+		contact_person: null,
+		briefing: '', 
+		status: 'new' 
+	};
+	drawerActive.value = true;
+}
+
 async function runAudit() {
 	if (!selectedLeadId.value) return;
 	loadingAudit.value = true;
@@ -356,8 +387,8 @@ function openPdf() {
 }
 
 async function saveLead() {
-	if (!newLead.value.company_name && !newLead.value.company) {
-		notice.value = { type: 'danger', message: 'Firma oder Firmenname erforderlich.' };
+	if (!newLead.value.company) {
+		notice.value = { type: 'danger', message: 'Organisation erforderlich.' };
 		return;
 	}
 	savingLead.value = true;
@@ -368,19 +399,9 @@ async function saveLead() {
 		};
 		await api.post('/items/leads', payload);
 		notice.value = { type: 'success', message: 'Lead erfolgreich registriert!' };
-		showAddLead.value = false;
+		drawerActive.value = false;
 		await fetchLeads();
 		selectedLeadId.value = payload.id;
-		newLead.value = { 
-			company_name: '', 
-			company: null,
-			website_url: '', 
-			contact_name: '', 
-			contact_email: '', 
-			contact_person: null,
-			briefing: '', 
-			status: 'new' 
-		};
 	} catch (e: any) {
 		notice.value = { type: 'danger', message: `Fehler beim Speichern: ${e.message}` };
 	} finally {
@@ -388,6 +409,10 @@ async function saveLead() {
 	}
 }
 
+function openQuickAdd(type: string) {
+	notice.value = { type: 'info', message: `${type === 'company' ? 'Firma' : 'Person'} im jeweiligen Manager anlegen.` };
+}
+
 function getStatusIcon(status: string) {
 	switch(status) {
 		case 'new': return 'fiber_new';
@@ -407,18 +432,18 @@ function getStatusColor(status: string) {
 		default: return 'var(--theme--foreground-subdued)';
 	}
 }
+
+onMounted(async () => {
+    await fetchData();
+    if (route.query.create === 'true') {
+        openCreateDrawer();
+    }
+});
 </script>
 
 <style scoped>
-.content-wrapper { padding: 32px; height: 100%; display: flex; flex-direction: column; overflow-y: auto; }
-.lead-item { cursor: pointer; }
-.header { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end; }
-.header-right { display: flex; gap: 12px; }
-.title { font-size: 24px; font-weight: 800; margin-bottom: 4px; color: var(--theme--foreground); }
-.subtitle { color: var(--theme--foreground-subdued); font-size: 14px; display: flex; align-items: center; gap: 8px; }
 .url-link { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
 .url-link:hover { border-bottom-color: currentColor; }
-.empty-state { height: 100%; display: flex; align-items: center; justify-content: center; }
 
 .sections { display: flex; flex-direction: column; gap: 32px; }
 
@@ -431,7 +456,7 @@ function getStatusColor(status: string) {
 
 .ai-observations { display: flex; flex-direction: column; gap: 16px; }
 .section-title { font-size: 16px; font-weight: 700; color: var(--theme--foreground); margin-bottom: 8px; }
-.metrics { display: flex; gap: 32px; margin-bottom: 16px; }
+.metrics { display: flex; gap: 24px; margin-bottom: 16px; }
 
 .observation-table { border: 1px solid var(--theme--border); border-radius: 8px; overflow: hidden; }
 .page-title { font-weight: 600; }
@@ -440,6 +465,4 @@ function getStatusColor(status: string) {
 .drawer-content { padding: 24px; display: flex; flex-direction: column; gap: 32px; }
 .form-section { display: flex; flex-direction: column; gap: 20px; }
 .drawer-actions { margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
-
-:deep(.v-list-item) { cursor: pointer !important; }
 </style>

packages/acquisition/build.mjs

@@ -11,7 +11,9 @@ const outfile = resolve(__dirname, 'dist/index.js');
 
 try {
     mkdirSync(dirname(outfile), { recursive: true });
-} catch (e) { }
+} catch {
+    // ignore
+}
 
 console.log(`Building from ${entryPoint} to ${outfile}...`);
 
@@ -22,12 +24,16 @@ build({
     target: 'node18',
     outfile: outfile,
     jsx: 'automatic',
+    format: 'esm',
+    // footer: {
+    //    js: "module.exports = module.exports.default || module.exports;",
+    // },
     loader: {
         '.tsx': 'tsx',
         '.ts': 'ts',
         '.js': 'js',
     },
-    external: ["@react-pdf/renderer", "react", "react-dom", "jsdom", "jsdom/*", "jquery", "jquery/*", "canvas", "fs", "path", "os", "http", "https", "zlib", "stream", "util", "url", "net", "tls", "crypto"],
+    external: ["canvas", "fs", "path", "os", "http", "https", "zlib", "stream", "util", "url", "net", "tls", "crypto"],
     plugins: [{
         name: 'mock-canvas',
         setup(build) {

packages/acquisition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acquisition",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "type": "module",
   "directus:extension": {
     "type": "endpoint",
@@ -24,4 +24,4 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   }
-}
+}

packages/acquisition/src/index.ts

@@ -1,176 +1,236 @@
 import { defineEndpoint } from "@directus/extensions-sdk";
 import { AcquisitionService, PdfEngine } from "@mintel/pdf/server";
-import { render, SiteAuditTemplate, ProjectEstimateTemplate } from "@mintel/mail";
+import {
+  render,
+  SiteAuditTemplate,
+  ProjectEstimateTemplate,
+} from "@mintel/mail";
 import { createElement } from "react";
 import * as path from "path";
 import * as fs from "fs";
 
 export default defineEndpoint((router, { services, env }) => {
+  const { ItemsService, MailService } = services;
+
+  router.get("/ping", (req, res) => res.send("pong"));
+
+  router.post("/audit/:id", async (req: any, res: any) => {
+    const { id } = req.params;
+    const leadsService = new ItemsService("leads", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+
+    try {
+      const lead = await leadsService.readOne(id);
+      if (!lead) return res.status(404).send({ error: "Lead not found" });
+
+      await leadsService.updateOne(id, { status: "auditing" });
+
+      const acqService = new AcquisitionService(env.OPENROUTER_API_KEY);
+      const result = await acqService.runFullSequence(
+        lead.website_url,
+        lead.briefing,
+        lead.comments,
+      );
+
+      await leadsService.updateOne(id, {
+        status: "audit_ready",
+        ai_state: result.state,
+        audit_context: JSON.stringify(result.usage),
+      });
+
+      res.send({ success: true, result });
+    } catch (error: any) {
+      console.error("Audit failed:", error);
+      await leadsService.updateOne(id, {
+        status: "new",
+        comments: `Audit failed: ${error.message}`,
+      });
+      res.status(500).send({ error: error.message });
+    }
+  });
+
+  router.post("/audit-email/:id", async (req: any, res: any) => {
+    const { id } = req.params;
     const { ItemsService, MailService } = services;
-
-    router.get("/ping", (req, res) => res.send("pong"));
-
-    router.post("/audit/:id", async (req: any, res: any) => {
-        const { id } = req.params;
-        const leadsService = new ItemsService("leads", { schema: req.schema, accountability: req.accountability });
-
-        try {
-            const lead = await leadsService.readOne(id);
-            if (!lead) return res.status(404).send({ error: "Lead not found" });
-
-            await leadsService.updateOne(id, { status: "auditing" });
-
-            const acqService = new AcquisitionService(env.OPENROUTER_API_KEY);
-            const result = await acqService.runFullSequence(lead.website_url, lead.briefing, lead.comments);
-
-            await leadsService.updateOne(id, {
-                status: "audit_ready",
-                ai_state: result.state,
-                audit_context: JSON.stringify(result.usage),
-            });
-
-            res.send({ success: true, result });
-        } catch (error: any) {
-            console.error("Audit failed:", error);
-            await leadsService.updateOne(id, { status: "new", comments: `Audit failed: ${error.message}` });
-            res.status(500).send({ error: error.message });
-        }
+    const leadsService = new ItemsService("leads", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+    const _peopleService = new ItemsService("people", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+    const companiesService = new ItemsService("companies", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+    const mailService = new MailService({
+      schema: req.schema,
+      accountability: req.accountability,
     });
 
-    router.post("/audit-email/:id", async (req: any, res: any) => {
-        const { id } = req.params;
-        const { ItemsService, MailService } = services;
-        const leadsService = new ItemsService("leads", { schema: req.schema, accountability: req.accountability });
-        const peopleService = new ItemsService("people", { schema: req.schema, accountability: req.accountability });
-        const companiesService = new ItemsService("companies", { schema: req.schema, accountability: req.accountability });
-        const mailService = new MailService({ schema: req.schema, accountability: req.accountability });
+    try {
+      const lead = await leadsService.readOne(id, {
+        fields: ["*", "company.*", "contact_person.*"],
+      });
+      if (!lead || !lead.ai_state)
+        return res.status(400).send({ error: "Lead or Audit not ready" });
 
-        try {
-            const lead = await leadsService.readOne(id, { fields: ["*", "company.*", "contact_person.*"] });
-            if (!lead || !lead.ai_state) return res.status(400).send({ error: "Lead or Audit not ready" });
+      let recipientEmail = lead.contact_email;
+      let companyName = lead.company?.name || lead.company_name;
 
-            let recipientEmail = lead.contact_email;
-            let companyName = lead.company?.name || lead.company_name;
+      if (lead.contact_person) {
+        recipientEmail = lead.contact_person.email || recipientEmail;
 
-            if (lead.contact_person) {
-                recipientEmail = lead.contact_person.email || recipientEmail;
-
-                if (lead.contact_person.company) {
-                    const personCompany = await companiesService.readOne(lead.contact_person.company);
-                    companyName = personCompany?.name || companyName;
-                }
-            }
-
-            if (!recipientEmail) return res.status(400).send({ error: "No recipient email found" });
-
-            const auditHighlights = [
-                `Projekt-Typ: ${lead.ai_state.projectType === "website" ? "Website" : "Web App"}`,
-                ...(lead.ai_state.sitemap || []).slice(0, 3).map((item: any) => `Potenzial in: ${item.category}`),
-            ];
-
-            const html = await render(createElement(SiteAuditTemplate, {
-                companyName: companyName,
-                websiteUrl: lead.website_url,
-                auditHighlights
-            }));
-
-            await mailService.send({
-                to: recipientEmail,
-                subject: `Analyse Ihrer Webpräsenz: ${companyName}`,
-                html
-            });
-
-            await leadsService.updateOne(id, {
-                status: "contacted",
-                last_contacted_at: new Date().toISOString(),
-            });
-
-            res.send({ success: true });
-        } catch (error: any) {
-            console.error("Audit Email failed:", error);
-            res.status(500).send({ error: error.message });
+        if (lead.contact_person.company) {
+          const personCompany = await companiesService.readOne(
+            lead.contact_person.company,
+          );
+          companyName = personCompany?.name || companyName;
         }
+      }
+
+      if (!recipientEmail)
+        return res.status(400).send({ error: "No recipient email found" });
+
+      const auditHighlights = [
+        `Projekt-Typ: ${lead.ai_state.projectType === "website" ? "Website" : "Web App"}`,
+        ...(lead.ai_state.sitemap || [])
+          .slice(0, 3)
+          .map((item: any) => `Potenzial in: ${item.category}`),
+      ];
+
+      const html = await render(
+        createElement(SiteAuditTemplate, {
+          companyName: companyName,
+          websiteUrl: lead.website_url,
+          auditHighlights,
+        }),
+      );
+
+      await mailService.send({
+        to: recipientEmail,
+        subject: `Analyse Ihrer Webpräsenz: ${companyName}`,
+        html,
+      });
+
+      await leadsService.updateOne(id, {
+        status: "contacted",
+        last_contacted_at: new Date().toISOString(),
+      });
+
+      res.send({ success: true });
+    } catch (error: any) {
+      console.error("Audit Email failed:", error);
+      res.status(500).send({ error: error.message });
+    }
+  });
+
+  router.post("/estimate/:id", async (req: any, res: any) => {
+    const { id } = req.params;
+    const leadsService = new ItemsService("leads", {
+      schema: req.schema,
+      accountability: req.accountability,
     });
 
-    router.post("/estimate/:id", async (req: any, res: any) => {
-        const { id } = req.params;
-        const leadsService = new ItemsService("leads", { schema: req.schema, accountability: req.accountability });
+    try {
+      const lead = await leadsService.readOne(id);
+      if (!lead || !lead.ai_state)
+        return res.status(400).send({ error: "Lead or AI state not found" });
 
-        try {
-            const lead = await leadsService.readOne(id);
-            if (!lead || !lead.ai_state) return res.status(400).send({ error: "Lead or AI state not found" });
+      const pdfEngine = new PdfEngine();
+      const filename = `estimate_${id}_${Date.now()}.pdf`;
+      const storageRoot = env.STORAGE_LOCAL_ROOT || "./storage";
+      const outputPath = path.join(storageRoot, filename);
 
-            const pdfEngine = new PdfEngine();
-            const filename = `estimate_${id}_${Date.now()}.pdf`;
-            const storageRoot = env.STORAGE_LOCAL_ROOT || "./storage";
-            const outputPath = path.join(storageRoot, filename);
+      await pdfEngine.generateEstimatePdf(lead.ai_state, outputPath);
 
-            await pdfEngine.generateEstimatePdf(lead.ai_state, outputPath);
+      await leadsService.updateOne(id, {
+        audit_pdf_path: filename,
+      });
 
-            await leadsService.updateOne(id, {
-                audit_pdf_path: filename,
-            });
+      res.send({ success: true, filename });
+    } catch (error: any) {
+      console.error("PDF Generation failed:", error);
+      res.status(500).send({ error: error.message });
+    }
+  });
 
-            res.send({ success: true, filename });
-        } catch (error: any) {
-            console.error("PDF Generation failed:", error);
-            res.status(500).send({ error: error.message });
-        }
+  router.post("/estimate-email/:id", async (req: any, res: any) => {
+    const { id } = req.params;
+    const leadsService = new ItemsService("leads", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+    const _peopleService = new ItemsService("people", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+    const companiesService = new ItemsService("companies", {
+      schema: req.schema,
+      accountability: req.accountability,
+    });
+    const mailService = new MailService({
+      schema: req.schema,
+      accountability: req.accountability,
     });
 
-    router.post("/estimate-email/:id", async (req: any, res: any) => {
-        const { id } = req.params;
-        const leadsService = new ItemsService("leads", { schema: req.schema, accountability: req.accountability });
-        const peopleService = new ItemsService("people", { schema: req.schema, accountability: req.accountability });
-        const companiesService = new ItemsService("companies", { schema: req.schema, accountability: req.accountability });
-        const mailService = new MailService({ schema: req.schema, accountability: req.accountability });
+    try {
+      const lead = await leadsService.readOne(id, {
+        fields: ["*", "company.*", "contact_person.*"],
+      });
+      if (!lead || !lead.audit_pdf_path)
+        return res.status(400).send({ error: "PDF not generated" });
 
-        try {
-            const lead = await leadsService.readOne(id, { fields: ["*", "company.*", "contact_person.*"] });
-            if (!lead || !lead.audit_pdf_path) return res.status(400).send({ error: "PDF not generated" });
+      let recipientEmail = lead.contact_email;
+      let companyName = lead.company?.name || lead.company_name;
 
-            let recipientEmail = lead.contact_email;
-            let companyName = lead.company?.name || lead.company_name;
+      if (lead.contact_person) {
+        recipientEmail = lead.contact_person.email || recipientEmail;
 
-            if (lead.contact_person) {
-                recipientEmail = lead.contact_person.email || recipientEmail;
-
-                if (lead.contact_person.company) {
-                    const personCompany = await companiesService.readOne(lead.contact_person.company);
-                    companyName = personCompany?.name || companyName;
-                }
-            }
-
-            if (!recipientEmail) return res.status(400).send({ error: "No recipient email found" });
-
-            const html = await render(createElement(ProjectEstimateTemplate, {
-                companyName: companyName,
-            }));
-
-            const storageRoot = env.STORAGE_LOCAL_ROOT || "./storage";
-            const attachmentPath = path.join(storageRoot, lead.audit_pdf_path);
-
-            await mailService.send({
-                to: recipientEmail,
-                subject: `Ihre Projekt-Schätzung: ${companyName}`,
-                html,
-                attachments: [
-                    {
-                        filename: `Angebot_${companyName}.pdf`,
-                        content: fs.readFileSync(attachmentPath)
-                    }
-                ]
-            });
-
-            await leadsService.updateOne(id, {
-                status: "contacted",
-                last_contacted_at: new Date().toISOString(),
-            });
-
-            res.send({ success: true });
-        } catch (error: any) {
-            console.error("Estimate Email failed:", error);
-            res.status(500).send({ error: error.message });
+        if (lead.contact_person.company) {
+          const personCompany = await companiesService.readOne(
+            lead.contact_person.company,
+          );
+          companyName = personCompany?.name || companyName;
         }
-    });
+      }
+
+      if (!recipientEmail)
+        return res.status(400).send({ error: "No recipient email found" });
+
+      const html = await render(
+        createElement(ProjectEstimateTemplate, {
+          companyName: companyName,
+        }),
+      );
+
+      const storageRoot = env.STORAGE_LOCAL_ROOT || "./storage";
+      const attachmentPath = path.join(storageRoot, lead.audit_pdf_path);
+
+      await mailService.send({
+        to: recipientEmail,
+        subject: `Ihre Projekt-Schätzung: ${companyName}`,
+        html,
+        attachments: [
+          {
+            filename: `Angebot_${companyName}.pdf`,
+            content: fs.readFileSync(attachmentPath),
+          },
+        ],
+      });
+
+      await leadsService.updateOne(id, {
+        status: "contacted",
+        last_contacted_at: new Date().toISOString(),
+      });
+
+      res.send({ success: true });
+    } catch (error: any) {
+      console.error("Estimate Email failed:", error);
+      res.status(500).send({ error: error.message });
+    }
+  });
 });

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/cli",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/cli/src/index.ts

@@ -41,7 +41,7 @@ program
 `),
     );
     execSync(
-      "docker-compose down --remove-orphans && docker-compose up app directus directus-db",
+      "docker compose down --remove-orphans && docker compose up -d app directus at-mintel-directus-db",
       { stdio: "inherit" },
     );
   });

packages/cloner-library/build.mjs

@@ -12,7 +12,9 @@ const entryPoints = [
 
 try {
     mkdirSync(resolve(__dirname, 'dist'), { recursive: true });
-} catch (e) { }
+} catch {
+    // ignore
+}
 
 console.log(`Building entry point...`);
 

packages/cloner-library/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/cloner",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

packages/cloner-library/src/AssetManager.ts

@@ -3,91 +3,96 @@ import fs from "node:fs";
 import path from "node:path";
 
 export interface AssetMap {
-    [originalUrl: string]: string;
+  [originalUrl: string]: string;
 }
 
 export class AssetManager {
-    private userAgent: string;
+  private userAgent: string;
 
-    constructor(userAgent: string = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36") {
-        this.userAgent = userAgent;
+  constructor(
+    userAgent: string = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36",
+  ) {
+    this.userAgent = userAgent;
+  }
+
+  public sanitizePath(rawPath: string): string {
+    return rawPath
+      .split("/")
+      .map((p) => p.replace(/[^a-z0-9._-]/gi, "_"))
+      .join("/");
+  }
+
+  public async downloadFile(
+    url: string,
+    assetsDir: string,
+  ): Promise<string | null> {
+    if (url.startsWith("//")) url = `https:${url}`;
+    if (!url.startsWith("http")) return null;
+
+    try {
+      const u = new URL(url);
+      const relPath = this.sanitizePath(u.hostname + u.pathname);
+      const dest = path.join(assetsDir, relPath);
+
+      if (fs.existsSync(dest)) return `./assets/${relPath}`;
+
+      const res = await axios.get(url, {
+        responseType: "arraybuffer",
+        headers: { "User-Agent": this.userAgent },
+        timeout: 15000,
+        validateStatus: () => true,
+      });
+
+      if (res.status !== 200) return null;
+
+      if (!fs.existsSync(path.dirname(dest)))
+        fs.mkdirSync(path.dirname(dest), { recursive: true });
+      fs.writeFileSync(dest, Buffer.from(res.data));
+      return `./assets/${relPath}`;
+    } catch {
+      return null;
     }
+  }
 
-    public sanitizePath(rawPath: string): string {
-        return rawPath
-            .split("/")
-            .map((p) => p.replace(/[^a-z0-9._-]/gi, "_"))
-            .join("/");
-    }
+  public async processCssRecursively(
+    cssContent: string,
+    cssUrl: string,
+    assetsDir: string,
+    urlMap: AssetMap,
+    depth = 0,
+  ): Promise<string> {
+    if (depth > 5) return cssContent;
 
-    public async downloadFile(url: string, assetsDir: string): Promise<string | null> {
-        if (url.startsWith("//")) url = `https:${url}`;
-        if (!url.startsWith("http")) return null;
+    const urlRegex = /(?:url\(["']?|@import\s+["'])([^"')]*)["']?\)?/gi;
+    let match;
+    let newContent = cssContent;
 
-        try {
-            const u = new URL(url);
-            const relPath = this.sanitizePath(u.hostname + u.pathname);
-            const dest = path.join(assetsDir, relPath);
+    while ((match = urlRegex.exec(cssContent)) !== null) {
+      const originalUrl = match[1];
+      if (originalUrl.startsWith("data:") || originalUrl.startsWith("blob:"))
+        continue;
 
-            if (fs.existsSync(dest)) return `./assets/${relPath}`;
+      try {
+        const absUrl = new URL(originalUrl, cssUrl).href;
+        const local = await this.downloadFile(absUrl, assetsDir);
 
-            const res = await axios.get(url, {
-                responseType: "arraybuffer",
-                headers: { "User-Agent": this.userAgent },
-                timeout: 15000,
-                validateStatus: () => true,
-            });
+        if (local) {
+          const u = new URL(cssUrl);
+          const cssPath = u.hostname + u.pathname;
+          const assetPath = new URL(absUrl).hostname + new URL(absUrl).pathname;
 
-            if (res.status !== 200) return null;
+          const rel = path.relative(
+            path.dirname(this.sanitizePath(cssPath)),
+            this.sanitizePath(assetPath),
+          );
 
-            if (!fs.existsSync(path.dirname(dest)))
-                fs.mkdirSync(path.dirname(dest), { recursive: true });
-            fs.writeFileSync(dest, Buffer.from(res.data));
-            return `./assets/${relPath}`;
-        } catch {
-            return null;
+          newContent = newContent.split(originalUrl).join(rel);
+          urlMap[absUrl] = local;
         }
+      } catch {
+        // Ignore
+      }
     }
-
-    public async processCssRecursively(
-        cssContent: string,
-        cssUrl: string,
-        assetsDir: string,
-        urlMap: AssetMap,
-        depth = 0,
-    ): Promise<string> {
-        if (depth > 5) return cssContent;
-
-        const urlRegex = /(?:url\(["']?|@import\s+["'])([^"'\)]+)["']?\)?/gi;
-        let match;
-        let newContent = cssContent;
-
-        while ((match = urlRegex.exec(cssContent)) !== null) {
-            const originalUrl = match[1];
-            if (originalUrl.startsWith("data:") || originalUrl.startsWith("blob:"))
-                continue;
-
-            try {
-                const absUrl = new URL(originalUrl, cssUrl).href;
-                const local = await this.downloadFile(absUrl, assetsDir);
-
-                if (local) {
-                    const u = new URL(cssUrl);
-                    const cssPath = u.hostname + u.pathname;
-                    const assetPath = new URL(absUrl).hostname + new URL(absUrl).pathname;
-
-                    const rel = path.relative(
-                        path.dirname(this.sanitizePath(cssPath)),
-                        this.sanitizePath(assetPath),
-                    );
-
-                    newContent = newContent.split(originalUrl).join(rel);
-                    urlMap[absUrl] = local;
-                }
-            } catch {
-                // Ignore
-            }
-        }
-        return newContent;
-    }
+    return newContent;
+  }
 }

packages/cloner-library/src/PageCloner.ts

@@ -1,184 +1,256 @@
-import { chromium, Browser, BrowserContext, Page } from "playwright";
+import { chromium } from "playwright";
 import fs from "node:fs";
 import path from "node:path";
 import axios from "axios";
 import { AssetManager, AssetMap } from "./AssetManager.js";
 
 export interface PageClonerOptions {
-    outputDir: string;
-    userAgent?: string;
+  outputDir: string;
+  userAgent?: string;
 }
 
 export class PageCloner {
-    private options: PageClonerOptions;
-    private assetManager: AssetManager;
-    private userAgent: string;
+  private options: PageClonerOptions;
+  private assetManager: AssetManager;
+  private userAgent: string;
 
-    constructor(options: PageClonerOptions) {
-        this.options = options;
-        this.userAgent = options.userAgent || "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36";
-        this.assetManager = new AssetManager(this.userAgent);
-    }
+  constructor(options: PageClonerOptions) {
+    this.options = options;
+    this.userAgent =
+      options.userAgent ||
+      "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36";
+    this.assetManager = new AssetManager(this.userAgent);
+  }
 
-    public async clone(targetUrl: string): Promise<string> {
-        const urlObj = new URL(targetUrl);
-        const domainSlug = urlObj.hostname.replace("www.", "");
-        const domainDir = path.resolve(this.options.outputDir, domainSlug);
-        const assetsDir = path.join(domainDir, "assets");
+  public async clone(targetUrl: string): Promise<string> {
+    const urlObj = new URL(targetUrl);
+    const domainSlug = urlObj.hostname.replace("www.", "");
+    const domainDir = path.resolve(this.options.outputDir, domainSlug);
+    const assetsDir = path.join(domainDir, "assets");
 
-        if (!fs.existsSync(assetsDir)) fs.mkdirSync(assetsDir, { recursive: true });
+    if (!fs.existsSync(assetsDir)) fs.mkdirSync(assetsDir, { recursive: true });
 
-        let pageSlug = urlObj.pathname.split("/").filter(Boolean).join("-");
-        if (!pageSlug) pageSlug = "index";
-        const htmlFilename = `${pageSlug}.html`;
+    let pageSlug = urlObj.pathname.split("/").filter(Boolean).join("-");
+    if (!pageSlug) pageSlug = "index";
+    const htmlFilename = `${pageSlug}.html`;
 
-        console.log(`🚀 INDUSTRIAL CLONE: ${targetUrl}`);
+    console.log(`🚀 INDUSTRIAL CLONE: ${targetUrl}`);
 
-        const browser = await chromium.launch({ headless: true });
-        const context = await browser.newContext({
-            userAgent: this.userAgent,
-            viewport: { width: 1920, height: 1080 },
-        });
-        const page = await context.newPage();
+    const browser = await chromium.launch({ headless: true });
+    const context = await browser.newContext({
+      userAgent: this.userAgent,
+      viewport: { width: 1920, height: 1080 },
+    });
+    const page = await context.newPage();
 
-        const urlMap: AssetMap = {};
-        const foundAssets = new Set<string>();
+    const urlMap: AssetMap = {};
+    const foundAssets = new Set<string>();
 
-        page.on("response", (response) => {
-            if (response.status() === 200) {
-                const url = response.url();
-                if (url.match(/\.(css|js|png|jpg|jpeg|gif|svg|woff2?|ttf|otf|mp4|webm|webp|ico)/i)) {
-                    foundAssets.add(url);
-                }
-            }
-        });
-
-        try {
-            await page.goto(targetUrl, { waitUntil: "networkidle", timeout: 90000 });
-
-            // Scroll Wave
-            await page.evaluate(async () => {
-                await new Promise((resolve) => {
-                    let totalHeight = 0;
-                    const distance = 400;
-                    const timer = setInterval(() => {
-                        const scrollHeight = document.body.scrollHeight;
-                        window.scrollBy(0, distance);
-                        totalHeight += distance;
-                        if (totalHeight >= scrollHeight) {
-                            clearInterval(timer);
-                            window.scrollTo(0, 0);
-                            resolve(true);
-                        }
-                    }, 100);
-                });
-            });
-
-            const fullHeight = await page.evaluate(() => document.body.scrollHeight);
-            await page.setViewportSize({ width: 1920, height: fullHeight + 1000 });
-            await page.waitForTimeout(3000);
-
-            // Sanitization
-            await page.evaluate(() => {
-                const assetPattern = /\.(jpg|jpeg|png|gif|svg|webp|mp4|webm|woff2?|ttf|otf)/i;
-                document.querySelectorAll("*").forEach((el) => {
-                    if (["META", "LINK", "HEAD", "SCRIPT", "STYLE", "SVG", "PATH"].includes(el.tagName)) return;
-                    const htmlEl = el as HTMLElement;
-                    const style = window.getComputedStyle(htmlEl);
-                    if (style.opacity === "0" || style.visibility === "hidden") {
-                        htmlEl.style.setProperty("opacity", "1", "important");
-                        htmlEl.style.setProperty("visibility", "visible", "important");
-                    }
-                    for (const attr of Array.from(el.attributes)) {
-                        const name = attr.name.toLowerCase();
-                        const val = attr.value;
-                        if (assetPattern.test(val) || name.includes("src") || name.includes("image")) {
-                            if (el.tagName === "IMG") {
-                                const img = el as HTMLImageElement;
-                                if (name.includes("srcset")) img.srcset = val;
-                                else if (!img.src || img.src.includes("data:")) img.src = val;
-                            }
-                            if (el.tagName === "SOURCE") (el as HTMLSourceElement).srcset = val;
-                            if (el.tagName === "VIDEO" || el.tagName === "AUDIO") (el as HTMLMediaElement).src = val;
-                            if (val.match(/^(https?:\/\/|\/\/|\/)/) && !name.includes("href")) {
-                                const bg = htmlEl.style.backgroundImage;
-                                if (!bg || bg === "none") htmlEl.style.backgroundImage = `url('${val}')`;
-                            }
-                        }
-                    }
-                });
-                if (document.body) {
-                    document.body.style.setProperty("opacity", "1", "important");
-                    document.body.style.setProperty("visibility", "visible", "important");
-                }
-            });
-
-            await page.waitForLoadState("networkidle");
-            await page.waitForTimeout(1000);
-
-            let content = await page.content();
-            const regexPatterns = [
-                /(?:src|href|url|data-[a-z-]+|srcset)=["']([^"'<>\s]+?\.(?:css|js|png|jpg|jpeg|gif|svg|woff2?|ttf|otf|mp4|webm|webp|ico)(?:\?[^"']*)?)["']/gi,
-                /url\(["']?([^"'\)]+)["']?\)/gi,
-            ];
-
-            for (const pattern of regexPatterns) {
-                let match;
-                while ((match = pattern.exec(content)) !== null) {
-                    try { foundAssets.add(new URL(match[1], targetUrl).href); } catch { }
-                }
-            }
-
-            for (const url of foundAssets) {
-                const local = await this.assetManager.downloadFile(url, assetsDir);
-                if (local) {
-                    urlMap[url] = local;
-                    const clean = url.split("?")[0];
-                    urlMap[clean] = local;
-                    if (clean.endsWith(".css")) {
-                        try {
-                            const { data } = await axios.get(url, { headers: { "User-Agent": this.userAgent } });
-                            const processedCss = await this.assetManager.processCssRecursively(data, url, assetsDir, urlMap);
-                            const relPath = this.assetManager.sanitizePath(new URL(url).hostname + new URL(url).pathname);
-                            fs.writeFileSync(path.join(assetsDir, relPath), processedCss);
-                        } catch { }
-                    }
-                }
-            }
-
-            let finalContent = content;
-            const sortedUrls = Object.keys(urlMap).sort((a, b) => b.length - a.length);
-            if (sortedUrls.length > 0) {
-                const escaped = sortedUrls.map((u) => u.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
-                const masterRegex = new RegExp(`(${escaped.join("|")})`, "g");
-                finalContent = finalContent.replace(masterRegex, (match) => urlMap[match] || match);
-            }
-
-            const commonDirs = ["/wp-content/", "/wp-includes/", "/assets/", "/static/", "/images/"];
-            for (const dir of commonDirs) {
-                const localDir = `./assets/${urlObj.hostname}${dir}`;
-                finalContent = finalContent.split(`"${dir}`).join(`"${localDir}`).split(`'${dir}`).join(`'${localDir}`).split(`(${dir}`).join(`(${localDir}`);
-            }
-
-            const domainPattern = new RegExp(`https?://(www\\.)?${urlObj.hostname.replace(/\./g, "\\.")}[^"']*`, "gi");
-            finalContent = finalContent.replace(domainPattern, () => "./");
-
-            finalContent = finalContent.replace(/<script\b[^>]*>([\s\S]*?)<\/script>/gi, (match, scriptContent) => {
-                const lower = scriptContent.toLowerCase();
-                return (lower.includes("google-analytics") || lower.includes("gtag") || lower.includes("fbq") || lower.includes("lazy") || lower.includes("tracker")) ? "" : match;
-            });
-
-            const headEnd = finalContent.indexOf("</head>");
-            if (headEnd > -1) {
-                const stabilityCss = `\n<style>* { transition: none !important; animation: none !important; scroll-behavior: auto !important; } [data-aos], .reveal, .lazypath, .lazy-load, [data-src] { opacity: 1 !important; visibility: visible !important; transform: none !important; clip-path: none !important; } img, video, iframe { max-width: 100%; display: block; } a { pointer-events: none; cursor: default; } </style>`;
-                finalContent = finalContent.slice(0, headEnd) + stabilityCss + finalContent.slice(headEnd);
-            }
-
-            const finalPath = path.join(domainDir, htmlFilename);
-            fs.writeFileSync(finalPath, finalContent);
-            return finalPath;
-        } finally {
-            await browser.close();
+    page.on("response", (response) => {
+      if (response.status() === 200) {
+        const url = response.url();
+        if (
+          url.match(
+            /\.(css|js|png|jpg|jpeg|gif|svg|woff2?|ttf|otf|mp4|webm|webp|ico)/i,
+          )
+        ) {
+          foundAssets.add(url);
         }
+      }
+    });
+
+    try {
+      await page.goto(targetUrl, { waitUntil: "networkidle", timeout: 90000 });
+
+      // Scroll Wave
+      await page.evaluate(async () => {
+        await new Promise((resolve) => {
+          let totalHeight = 0;
+          const distance = 400;
+          const timer = setInterval(() => {
+            const scrollHeight = document.body.scrollHeight;
+            window.scrollBy(0, distance);
+            totalHeight += distance;
+            if (totalHeight >= scrollHeight) {
+              clearInterval(timer);
+              window.scrollTo(0, 0);
+              resolve(true);
+            }
+          }, 100);
+        });
+      });
+
+      const fullHeight = await page.evaluate(() => document.body.scrollHeight);
+      await page.setViewportSize({ width: 1920, height: fullHeight + 1000 });
+      await page.waitForTimeout(3000);
+
+      // Sanitization
+      await page.evaluate(() => {
+        const assetPattern =
+          /\.(jpg|jpeg|png|gif|svg|webp|mp4|webm|woff2?|ttf|otf)/i;
+        document.querySelectorAll("*").forEach((el) => {
+          if (
+            ["META", "LINK", "HEAD", "SCRIPT", "STYLE", "SVG", "PATH"].includes(
+              el.tagName,
+            )
+          )
+            return;
+          const htmlEl = el as HTMLElement;
+          const style = window.getComputedStyle(htmlEl);
+          if (style.opacity === "0" || style.visibility === "hidden") {
+            htmlEl.style.setProperty("opacity", "1", "important");
+            htmlEl.style.setProperty("visibility", "visible", "important");
+          }
+          for (const attr of Array.from(el.attributes)) {
+            const name = attr.name.toLowerCase();
+            const val = attr.value;
+            if (
+              assetPattern.test(val) ||
+              name.includes("src") ||
+              name.includes("image")
+            ) {
+              if (el.tagName === "IMG") {
+                const img = el as HTMLImageElement;
+                if (name.includes("srcset")) img.srcset = val;
+                else if (!img.src || img.src.includes("data:")) img.src = val;
+              }
+              if (el.tagName === "SOURCE")
+                (el as HTMLSourceElement).srcset = val;
+              if (el.tagName === "VIDEO" || el.tagName === "AUDIO")
+                (el as HTMLMediaElement).src = val;
+              if (
+                val.match(/^(https?:\/\/|\/\/|\/)/) &&
+                !name.includes("href")
+              ) {
+                const bg = htmlEl.style.backgroundImage;
+                if (!bg || bg === "none")
+                  htmlEl.style.backgroundImage = `url('${val}')`;
+              }
+            }
+          }
+        });
+        if (document.body) {
+          document.body.style.setProperty("opacity", "1", "important");
+          document.body.style.setProperty("visibility", "visible", "important");
+        }
+      });
+
+      await page.waitForLoadState("networkidle");
+      await page.waitForTimeout(1000);
+
+      const content = await page.content();
+      const regexPatterns = [
+        /(?:src|href|url|data-[a-z-]+|srcset)=["']([^"'<>\s]+?\.(?:css|js|png|jpg|jpeg|gif|svg|woff2?|ttf|otf|mp4|webm|webp|ico)(?:\?[^"']*)?)["']/gi,
+        /url\(["']?([^"')]*)["']?\)/gi,
+      ];
+
+      for (const pattern of regexPatterns) {
+        let match;
+        while ((match = pattern.exec(content)) !== null) {
+          try {
+            foundAssets.add(new URL(match[1], targetUrl).href);
+          } catch {
+            // Ignore invalid URLs
+          }
+        }
+      }
+
+      for (const url of foundAssets) {
+        const local = await this.assetManager.downloadFile(url, assetsDir);
+        if (local) {
+          urlMap[url] = local;
+          const clean = url.split("?")[0];
+          urlMap[clean] = local;
+          if (clean.endsWith(".css")) {
+            try {
+              const { data } = await axios.get(url, {
+                headers: { "User-Agent": this.userAgent },
+              });
+              const processedCss =
+                await this.assetManager.processCssRecursively(
+                  data,
+                  url,
+                  assetsDir,
+                  urlMap,
+                );
+              const relPath = this.assetManager.sanitizePath(
+                new URL(url).hostname + new URL(url).pathname,
+              );
+              fs.writeFileSync(path.join(assetsDir, relPath), processedCss);
+            } catch {
+              // Ignore stylesheet download/process failures
+            }
+          }
+        }
+      }
+
+      let finalContent = content;
+      const sortedUrls = Object.keys(urlMap).sort(
+        (a, b) => b.length - a.length,
+      );
+      if (sortedUrls.length > 0) {
+        const escaped = sortedUrls.map((u) =>
+          u.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"),
+        );
+        const masterRegex = new RegExp(`(${escaped.join("|")})`, "g");
+        finalContent = finalContent.replace(
+          masterRegex,
+          (match) => urlMap[match] || match,
+        );
+      }
+
+      const commonDirs = [
+        "/wp-content/",
+        "/wp-includes/",
+        "/assets/",
+        "/static/",
+        "/images/",
+      ];
+      for (const dir of commonDirs) {
+        const localDir = `./assets/${urlObj.hostname}${dir}`;
+        finalContent = finalContent
+          .split(`"${dir}`)
+          .join(`"${localDir}`)
+          .split(`'${dir}`)
+          .join(`'${localDir}`)
+          .split(`(${dir}`)
+          .join(`(${localDir}`);
+      }
+
+      const domainPattern = new RegExp(
+        `https?://(www\\.)?${urlObj.hostname.replace(/\./g, "\\.")}[^"']*`,
+        "gi",
+      );
+      finalContent = finalContent.replace(domainPattern, () => "./");
+
+      finalContent = finalContent.replace(
+        /<script\b[^>]*>([\s\S]*?)<\/script>/gi,
+        (match, scriptContent) => {
+          const lower = scriptContent.toLowerCase();
+          return lower.includes("google-analytics") ||
+            lower.includes("gtag") ||
+            lower.includes("fbq") ||
+            lower.includes("lazy") ||
+            lower.includes("tracker")
+            ? ""
+            : match;
+        },
+      );
+
+      const headEnd = finalContent.indexOf("</head>");
+      if (headEnd > -1) {
+        const stabilityCss = `\n<style>* { transition: none !important; animation: none !important; scroll-behavior: auto !important; } [data-aos], .reveal, .lazypath, .lazy-load, [data-src] { opacity: 1 !important; visibility: visible !important; transform: none !important; clip-path: none !important; } img, video, iframe { max-width: 100%; display: block; } a { pointer-events: none; cursor: default; } </style>`;
+        finalContent =
+          finalContent.slice(0, headEnd) +
+          stabilityCss +
+          finalContent.slice(headEnd);
+      }
+
+      const finalPath = path.join(domainDir, htmlFilename);
+      fs.writeFileSync(finalPath, finalContent);
+      return finalPath;
+    } finally {
+      await browser.close();
     }
+  }
 }

packages/cloner-library/src/WebsiteCloner.ts

@@ -1,123 +1,150 @@
-import { PlaywrightCrawler, RequestQueue } from 'crawlee';
-import * as path from 'node:path';
-import * as fs from 'node:fs';
-import { execSync } from 'node:child_process';
+import { PlaywrightCrawler, RequestQueue } from "crawlee";
+import * as path from "node:path";
+import * as fs from "node:fs";
+import { execSync } from "node:child_process";
 
 export interface WebsiteClonerOptions {
-    baseOutputDir: string;
-    maxRequestsPerCrawl?: number;
-    maxConcurrency?: number;
+  baseOutputDir: string;
+  maxRequestsPerCrawl?: number;
+  maxConcurrency?: number;
 }
 
 export class WebsiteCloner {
-    private options: WebsiteClonerOptions;
+  private options: WebsiteClonerOptions;
 
-    constructor(options: WebsiteClonerOptions) {
-        this.options = {
-            maxRequestsPerCrawl: 100,
-            maxConcurrency: 3,
-            ...options
-        };
+  constructor(options: WebsiteClonerOptions) {
+    this.options = {
+      maxRequestsPerCrawl: 100,
+      maxConcurrency: 3,
+      ...options,
+    };
+  }
+
+  public async clone(
+    targetUrl: string,
+    outputDirName?: string,
+  ): Promise<string> {
+    const urlObj = new URL(targetUrl);
+    const domain = urlObj.hostname;
+    const finalOutputDirName = outputDirName || domain.replace(/\./g, "-");
+    const baseOutputDir = path.resolve(
+      this.options.baseOutputDir,
+      finalOutputDirName,
+    );
+
+    if (fs.existsSync(baseOutputDir)) {
+      fs.rmSync(baseOutputDir, { recursive: true, force: true });
     }
+    fs.mkdirSync(baseOutputDir, { recursive: true });
 
-    public async clone(targetUrl: string, outputDirName?: string): Promise<string> {
-        const urlObj = new URL(targetUrl);
-        const domain = urlObj.hostname;
-        const finalOutputDirName = outputDirName || domain.replace(/\./g, '-');
-        const baseOutputDir = path.resolve(this.options.baseOutputDir, finalOutputDirName);
+    console.log(`🚀 Starting perfect recursive clone of ${targetUrl}...`);
+    console.log(`📂 Output: ${baseOutputDir}`);
 
-        if (fs.existsSync(baseOutputDir)) {
-            fs.rmSync(baseOutputDir, { recursive: true, force: true });
-        }
-        fs.mkdirSync(baseOutputDir, { recursive: true });
+    const requestQueue = await RequestQueue.open();
+    await requestQueue.addRequest({ url: targetUrl });
 
-        console.log(`🚀 Starting perfect recursive clone of ${targetUrl}...`);
-        console.log(`📂 Output: ${baseOutputDir}`);
+    const crawler = new PlaywrightCrawler({
+      requestQueue,
+      maxRequestsPerCrawl: this.options.maxRequestsPerCrawl,
+      maxConcurrency: this.options.maxConcurrency,
 
-        const requestQueue = await RequestQueue.open();
-        await requestQueue.addRequest({ url: targetUrl });
+      async requestHandler({ request, enqueueLinks, log }) {
+        const url = request.url;
+        log.info(`Capturing ${url}...`);
 
-        const crawler = new PlaywrightCrawler({
-            requestQueue,
-            maxRequestsPerCrawl: this.options.maxRequestsPerCrawl,
-            maxConcurrency: this.options.maxConcurrency,
+        const u = new URL(url);
+        let relPath = u.pathname;
+        if (relPath === "/" || relPath === "") relPath = "/index.html";
+        if (!relPath.endsWith(".html") && !path.extname(relPath))
+          relPath += "/index.html";
+        if (relPath.startsWith("/")) relPath = relPath.substring(1);
 
-            async requestHandler({ request, enqueueLinks, log }) {
-                const url = request.url;
-                log.info(`Capturing ${url}...`);
+        const fullPath = path.join(baseOutputDir, relPath);
+        fs.mkdirSync(path.dirname(fullPath), { recursive: true });
 
-                const u = new URL(url);
-                let relPath = u.pathname;
-                if (relPath === '/' || relPath === '') relPath = '/index.html';
-                if (!relPath.endsWith('.html') && !path.extname(relPath)) relPath += '/index.html';
-                if (relPath.startsWith('/')) relPath = relPath.substring(1);
-
-                const fullPath = path.join(baseOutputDir, relPath);
-                fs.mkdirSync(path.dirname(fullPath), { recursive: true });
-
-                try {
-                    // Note: This assumes single-file-cli is available in the environment
-                    execSync(`npx single-file-cli "${url}" "${fullPath}" --browser-headless=true --browser-wait-until=networkidle0`, {
-                        stdio: 'inherit'
-                    });
-                } catch (e) {
-                    log.error(`Failed to capture ${url} with SingleFile`);
-                }
-
-                await enqueueLinks({
-                    strategy: 'same-domain',
-                    transformRequestFunction: (req) => {
-                        if (/\.(download|pdf|zip|gz|exe|png|jpg|jpeg|gif|svg|css|js)$/i.test(req.url)) return false;
-                        return req;
-                    }
-                });
+        try {
+          // Note: This assumes single-file-cli is available in the environment
+          execSync(
+            `npx single-file-cli "${url}" "${fullPath}" --browser-headless=true --browser-wait-until=networkidle0`,
+            {
+              stdio: "inherit",
             },
+          );
+        } catch (_e) {
+          log.error(`Failed to capture ${url} with SingleFile`);
+        }
+
+        await enqueueLinks({
+          strategy: "same-domain",
+          transformRequestFunction: (req) => {
+            if (
+              /\.(download|pdf|zip|gz|exe|png|jpg|jpeg|gif|svg|css|js)$/i.test(
+                req.url,
+              )
+            )
+              return false;
+            return req;
+          },
         });
+      },
+    });
 
-        await crawler.run();
+    await crawler.run();
 
-        console.log('🔗 Rewriting internal links for offline navigation...');
-        const allFiles = this.getFiles(baseOutputDir).filter(f => f.endsWith('.html'));
+    console.log("🔗 Rewriting internal links for offline navigation...");
+    const allFiles = this.getFiles(baseOutputDir).filter((f) =>
+      f.endsWith(".html"),
+    );
 
-        for (const file of allFiles) {
-            let content = fs.readFileSync(file, 'utf8');
-            const fileRelToRoot = path.relative(baseOutputDir, file);
+    for (const file of allFiles) {
+      let content = fs.readFileSync(file, "utf8");
+      const fileRelToRoot = path.relative(baseOutputDir, file);
 
-            content = content.replace(/href="([^"]+)"/g, (match, href) => {
-                if (href.startsWith(targetUrl) || href.startsWith('/') || (!href.includes('://') && !href.startsWith('data:'))) {
-                    try {
-                        const linkUrl = new URL(href, targetUrl);
-                        if (linkUrl.hostname === domain) {
-                            let linkPath = linkUrl.pathname;
-                            if (linkPath === '/' || linkPath === '') linkPath = '/index.html';
-                            if (!linkPath.endsWith('.html') && !path.extname(linkPath)) linkPath += '/index.html';
-                            if (linkPath.startsWith('/')) linkPath = linkPath.substring(1);
+      content = content.replace(/href="([^"]+)"/g, (match, href) => {
+        if (
+          href.startsWith(targetUrl) ||
+          href.startsWith("/") ||
+          (!href.includes("://") && !href.startsWith("data:"))
+        ) {
+          try {
+            const linkUrl = new URL(href, targetUrl);
+            if (linkUrl.hostname === domain) {
+              let linkPath = linkUrl.pathname;
+              if (linkPath === "/" || linkPath === "") linkPath = "/index.html";
+              if (!linkPath.endsWith(".html") && !path.extname(linkPath))
+                linkPath += "/index.html";
+              if (linkPath.startsWith("/")) linkPath = linkPath.substring(1);
 
-                            const relativeLink = path.relative(path.dirname(fileRelToRoot), linkPath);
-                            return `href="${relativeLink}"`;
-                        }
-                    } catch (e) { }
-                }
-                return match;
-            });
-
-            fs.writeFileSync(file, content);
-        }
-
-        console.log(`\n✅ Done! Perfect clone complete in: ${baseOutputDir}`);
-        return baseOutputDir;
-    }
-
-    private getFiles(dir: string, fileList: string[] = []) {
-        const files = fs.readdirSync(dir);
-        for (const file of files) {
-            const name = path.join(dir, file);
-            if (fs.statSync(name).isDirectory()) {
-                this.getFiles(name, fileList);
-            } else {
-                fileList.push(name);
+              const relativeLink = path.relative(
+                path.dirname(fileRelToRoot),
+                linkPath,
+              );
+              return `href="${relativeLink}"`;
             }
+          } catch (_e) {
+            // Ignore link rewriting failures
+          }
         }
-        return fileList;
+        return match;
+      });
+
+      fs.writeFileSync(file, content);
     }
+
+    console.log(`\n✅ Done! Perfect clone complete in: ${baseOutputDir}`);
+    return baseOutputDir;
+  }
+
+  private getFiles(dir: string, fileList: string[] = []) {
+    const files = fs.readdirSync(dir);
+    for (const file of files) {
+      const name = path.join(dir, file);
+      if (fs.statSync(name).isDirectory()) {
+        this.getFiles(name, fileList);
+      } else {
+        fileList.push(name);
+      }
+    }
+    return fileList;
+  }
 }

packages/cms-infra/Dockerfile

@@ -0,0 +1,11 @@
+FROM directus/directus:11
+
+USER root
+# Install dependencies in a way that avoids metadata conflicts in the root
+RUN mkdir -p /directus/lib-dependencies && \
+    cd /directus/lib-dependencies && \
+    npm init -y && \
+    npm install vue @vueuse/core vue-router
+# Ensure they are in the NODE_PATH
+ENV NODE_PATH="/directus/lib-dependencies/node_modules:${NODE_PATH}"
+USER node

packages/cms-infra/docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   infra-cms:
-    image: directus/directus:11
+    image: directus/directus:11.15.2
     ports:
       - "8059:8055"
     networks:
@@ -14,6 +14,7 @@ services:
       DB_CLIENT: "sqlite3"
       DB_FILENAME: "/directus/database/data.db"
       WEBSOCKETS_ENABLED: "true"
+      PUBLIC_URL: "http://cms.localhost"
       EMAIL_TRANSPORT: "smtp"
       EMAIL_SMTP_HOST: "smtp.eu.mailgun.org"
       EMAIL_SMTP_PORT: "587"
@@ -21,19 +22,29 @@ services:
       EMAIL_SMTP_PASSWORD: "4592fcb94599ee1a45b4ac2386fd0a64-102c75d8-ca2870e6"
       EMAIL_SMTP_SECURE: "false"
       EMAIL_FROM: "postmaster@mg.mintel.me"
+      LOG_LEVEL: "debug"
+      SERVE_APP: "true"
+      EXTENSIONS_AUTO_RELOAD: "true"
     volumes:
       - ./database:/directus/database
       - ./uploads:/directus/uploads
       - ./schema:/directus/schema
       - ./extensions:/directus/extensions
+    healthcheck:
+      test: [ "CMD", "wget", "--no-verbose", "--tries=1", "--spider", "http://127.0.0.1:8055/server/health" ]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.infra-cms.rule=Host(`cms.localhost`)"
-      - "traefik.http.services.infra-cms.loadbalancer.server.port=8055"
+      - "traefik.http.routers.at-mintel-infra-cms.rule=Host(`cms.localhost`)"
       - "traefik.docker.network=infra"
+      - "caddy=cms.localhost"
+      - "caddy.reverse_proxy={{upstreams 8055}}"
 
 networks:
   default:
-    name: mintel-infra-cms-internal
+    name: at-mintel-cms-network
   infra:
     external: true

packages/cms-infra/extensions/acquisition-manager/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "acquisition-manager",
-  "description": "Custom High-Fidelity Acquisition Management for Directus",
-  "icon": "account_balance_wallet",
-  "version": "1.7.12",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "files": [
-    "dist"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "*",
-    "name": "Acquisition Manager"
-  },
-  "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

packages/cms-infra/extensions/customer-manager/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "customer-manager",
-  "description": "Custom High-Fidelity Customer & Company Management for Directus",
-  "icon": "supervisor_account",
-  "version": "1.7.12",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "files": [
-    "dist"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "*",
-    "name": "Customer Manager"
-  },
-  "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

packages/cms-infra/extensions/feedback-commander/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "feedback-commander",
-  "description": "Custom High-Fidelity Feedback Management Extension for Directus",
-  "icon": "view_kanban",
-  "version": "1.7.12",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "files": [
-    "dist"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "*",
-    "name": "Feedback Commander"
-  },
-  "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

packages/cms-infra/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@mintel/cms-infra",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "private": true,
   "type": "module",
   "scripts": {
-    "up": "npm run build:extensions && docker compose up -d",
+    "dev": "npm run up -- --link",
+    "up": "../../scripts/cms-up.sh",
     "down": "docker compose down",
     "logs": "docker compose logs -f",
     "build:extensions": "../../scripts/sync-extensions.sh",
@@ -14,4 +15,4 @@
     "sync:push": "../../scripts/sync-directus.sh push infra",
     "sync:pull": "../../scripts/sync-directus.sh pull infra"
   }
-}
+}

packages/cms-infra/schema/snapshot.yaml

@@ -37,7 +37,7 @@ collections:
       color: null
       display_template: '{{name}}'
       group: null
-      hidden: true
+      hidden: false
       icon: business
       item_duplication_fields: null
       note: null
@@ -146,6 +146,30 @@ collections:
       versioning: false
     schema:
       name: visual_feedback_comments
+  - collection: customers
+    meta:
+      accountability: all
+      archive_app_filter: true
+      archive_field: null
+      archive_value: null
+      collapse: open
+      collection: customers
+      color: null
+      display_template: '{{company.name}}'
+      group: null
+      hidden: false
+      icon: handshake
+      item_duplication_fields: null
+      note: null
+      preview_url: null
+      singleton: false
+      sort: null
+      sort_field: null
+      translations: null
+      unarchive_value: null
+      versioning: false
+    schema:
+      name: customers
 fields:
   - collection: client_users
     field: id
@@ -1959,13 +1983,204 @@ fields:
       validation_message: null
       width: half
     schema:
-      name: person
-      table: visual_feedback_comments
+      foreign_key_column: null
+  - collection: customers
+    field: id
+    type: uuid
+    meta:
+      collection: customers
+      conditions: null
+      display: null
+      display_options: null
+      field: id
+      group: null
+      hidden: true
+      interface: null
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 1
+      special:
+        - uuid
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: id
+      table: customers
       data_type: char
       default_value: null
       max_length: 36
       numeric_precision: null
       numeric_scale: null
+      is_nullable: false
+      is_unique: true
+      is_indexed: false
+      is_primary_key: true
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: customers
+    field: company
+    type: uuid
+    meta:
+      collection: customers
+      conditions: null
+      display: null
+      display_options: null
+      field: company
+      group: null
+      hidden: false
+      interface: select-dropdown-m2o
+      note: null
+      options: null
+      readonly: false
+      required: true
+      searchable: true
+      sort: 2
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: company
+      table: customers
+      data_type: char
+      default_value: null
+      max_length: 36
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: companies
+      foreign_key_column: id
+  - collection: customers
+    field: contact_person
+    type: uuid
+    meta:
+      collection: customers
+      conditions: null
+      display: null
+      display_options: null
+      field: contact_person
+      group: null
+      hidden: false
+      interface: select-dropdown-m2o
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 3
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: contact_person
+      table: customers
+      data_type: char
+      default_value: null
+      max_length: 36
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: people
+      foreign_key_column: id
+  - collection: customers
+    field: status
+    type: string
+    meta:
+      collection: customers
+      conditions: null
+      display: null
+      display_options: null
+      field: status
+      group: null
+      hidden: false
+      interface: select-dropdown
+      note: null
+      options:
+        choices:
+          - text: Active
+            value: active
+          - text: Inactive
+            value: inactive
+      readonly: false
+      required: false
+      searchable: true
+      sort: 4
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: half
+    schema:
+      name: status
+      table: customers
+      data_type: varchar
+      default_value: active
+      max_length: 255
+      numeric_precision: null
+      numeric_scale: null
+      is_nullable: true
+      is_unique: false
+      is_indexed: false
+      is_primary_key: false
+      is_generated: false
+      generation_expression: null
+      has_auto_increment: false
+      foreign_key_table: null
+      foreign_key_column: null
+  - collection: customers
+    field: notes
+    type: text
+    meta:
+      collection: customers
+      conditions: null
+      display: null
+      display_options: null
+      field: notes
+      group: null
+      hidden: false
+      interface: input-multiline
+      note: null
+      options: null
+      readonly: false
+      required: false
+      searchable: true
+      sort: 5
+      special: null
+      translations: null
+      validation: null
+      validation_message: null
+      width: full
+    schema:
+      name: notes
+      table: customers
+      data_type: text
+      default_value: null
+      max_length: null
+      numeric_precision: null
+      numeric_scale: null
       is_nullable: true
       is_unique: false
       is_indexed: false
@@ -1989,6 +2204,28 @@ systemFields:
     schema:
       is_indexed: true
 relations:
+  - collection: customers
+    field: company
+    related_collection: companies
+    schema:
+      on_update: null
+      on_delete: SET NULL
+      constraint_name: customers_company_foreign
+      table: customers
+      column: company
+      foreign_key_table: companies
+      foreign_key_column: id
+  - collection: customers
+    field: contact_person
+    related_collection: people
+    schema:
+      on_update: null
+      on_delete: SET NULL
+      constraint_name: customers_contact_person_foreign
+      table: customers
+      column: contact_person
+      foreign_key_table: people
+      foreign_key_column: id
   - collection: client_users
     field: company
     related_collection: companies

packages/cms-infra/uploads/directus-health-file

@@ -1 +0,0 @@
-xmKX5

packages/company-manager/package.json

@@ -1,30 +1,30 @@
 {
-  "name": "people-manager",
-  "description": "Custom High-Fidelity People Management for Directus",
-  "icon": "person",
-  "version": "1.7.12",
+  "name": "company-manager",
+  "description": "Custom High-Fidelity Management for Directus",
+  "icon": "extension",
+  "version": "1.8.10",
   "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
     "directus-extension-module"
   ],
-  "files": [
-    "dist"
-  ],
   "directus:extension": {
     "type": "module",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.ts",
-    "host": "*",
-    "name": "People Manager"
+    "host": "app",
+    "name": "company manager"
   },
   "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
+    "build": "directus-extension build",
     "dev": "directus-extension build -w"
   },
+  "dependencies": {
+    "@mintel/directus-extension-toolkit": "workspace:*"
+  },
   "devDependencies": {
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
+}

packages/company-manager/src/index.ts

@@ -0,0 +1,14 @@
+import { defineModule } from '@directus/extensions-sdk';
+import ModuleComponent from './module.vue';
+
+export default defineModule({
+    id: 'company-manager',
+    name: 'Company Manager',
+    icon: 'business',
+    routes: [
+        {
+            path: '',
+            component: ModuleComponent,
+        },
+    ],
+});

packages/company-manager/src/module.vue

@@ -0,0 +1,224 @@
+<template>
+	<MintelManagerLayout
+		title="Company Manager"
+		:item-title="selectedCompany?.name || 'Firma wählen'"
+		:is-empty="!selectedCompany"
+		empty-title="Firma auswählen"
+		empty-icon="business"
+		:notice="feedback"
+		@close-notice="feedback = null"
+	>
+		<template #navigation>
+			<v-list nav>
+				<v-list-item @click="openCreateDrawer" clickable>
+					<v-list-item-icon>
+						<v-icon name="add" color="var(--theme--primary)" />
+					</v-list-item-icon>
+					<v-list-item-content>
+						<v-text-overflow text="Neue Firma anlegen" />
+					</v-list-item-content>
+				</v-list-item>
+
+				<v-divider />
+
+				<v-list-item
+					v-for="company in companies"
+					:key="company.id"
+					:active="selectedCompany?.id === company.id"
+					class="nav-item"
+					clickable
+					@click="selectCompany(company)"
+				>
+					<v-list-item-icon>
+						<v-icon name="business" />
+					</v-list-item-icon>
+					<v-list-item-content>
+						<v-text-overflow :text="company.name" />
+					</v-list-item-content>
+				</v-list-item>
+			</v-list>
+		</template>
+
+		<template #subtitle>
+			<template v-if="selectedCompany">
+				{{ selectedCompany.domain || 'Keine Domain angegeben' }}
+			</template>
+		</template>
+
+		<template #actions>
+			<v-button secondary rounded icon v-tooltip.bottom="'Firma bearbeiten'" @click="openEditDrawer">
+				<v-icon name="edit" />
+			</v-button>
+			<v-button danger rounded icon v-tooltip.bottom="'Firma löschen'" @click="deleteCompany">
+				<v-icon name="delete" />
+			</v-button>
+		</template>
+
+		<template #empty-state>
+			Wähle eine Firma in der Navigation aus oder
+			<v-button x-small @click="openCreateDrawer">erstelle eine neue Firma</v-button>.
+		</template>
+
+		<div v-if="selectedCompany" class="details-grid">
+			<div class="detail-item full">
+				<span class="label">Notizen / Adresse</span>
+				<p class="value">{{ selectedCompany.notes || '---' }}</p>
+			</div>
+		</div>
+
+		<!-- Create/Edit Drawer -->
+		<v-drawer
+			v-model="drawerActive"
+			:title="isEditing ? 'Firma bearbeiten' : 'Neue Firma anlegen'"
+			icon="business"
+			@cancel="drawerActive = false"
+		>
+			<template #default>
+				<div class="drawer-content">
+					<div class="form-section">
+						<div class="field">
+							<span class="label">Firmenname</span>
+							<v-input v-model="form.name" placeholder="z.B. Schmidt GmbH" autofocus />
+						</div>
+						<div class="field">
+							<span class="label">Domain / Website</span>
+							<v-input v-model="form.domain" placeholder="example.com" />
+						</div>
+						<div class="field">
+							<span class="label">Notizen / Adresse</span>
+							<v-textarea v-model="form.notes" placeholder="z.B. Branche, Adresse, etc." />
+						</div>
+					</div>
+
+					<div class="drawer-actions">
+						<v-button primary block :loading="saving" @click="saveCompany">
+							Firma speichern
+						</v-button>
+					</div>
+				</div>
+			</template>
+		</v-drawer>
+	</MintelManagerLayout>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useApi } from '@directus/extensions-sdk';
+import { useRoute } from 'vue-router';
+import { MintelManagerLayout } from '@mintel/directus-extension-toolkit';
+
+const api = useApi();
+const route = useRoute();
+const companies = ref([]);
+const selectedCompany = ref(null);
+const feedback = ref(null);
+const saving = ref(false);
+const drawerActive = ref(false);
+const isEditing = ref(false);
+
+const form = ref({
+	id: null,
+	name: '',
+	domain: '',
+	notes: ''
+});
+
+async function fetchData() {
+	try {
+		const resp = await api.get('/items/companies', {
+			params: { sort: 'name' }
+		});
+		companies.value = resp.data.data;
+	} catch (error) {
+		console.error('Failed to fetch companies:', error);
+	}
+}
+
+function selectCompany(company: any) {
+	selectedCompany.value = company;
+}
+
+function openCreateDrawer() {
+	isEditing.value = false;
+	form.value = { 
+		id: null, 
+		name: '', 
+		domain: '', 
+		notes: ''
+	};
+	drawerActive.value = true;
+}
+
+function openEditDrawer() {
+	isEditing.value = true;
+	form.value = { 
+		id: selectedCompany.value.id,
+		name: selectedCompany.value.name,
+		domain: selectedCompany.value.domain,
+		notes: selectedCompany.value.notes
+	};
+	drawerActive.value = true;
+}
+
+async function saveCompany() {
+	if (!form.value.name) {
+		feedback.value = { type: 'danger', message: 'Firmenname ist erforderlich.' };
+		return;
+	}
+
+	saving.value = true;
+	try {
+		let updatedItem;
+		if (isEditing.value) {
+			const res = await api.patch(`/items/companies/${form.value.id}`, form.value);
+			updatedItem = res.data.data;
+			feedback.value = { type: 'success', message: 'Firma aktualisiert!' };
+		} else {
+			const res = await api.post('/items/companies', form.value);
+			updatedItem = res.data.data;
+			feedback.value = { type: 'success', message: 'Firma angelegt!' };
+		}
+		drawerActive.value = false;
+		await fetchData();
+		if (updatedItem) {
+			selectedCompany.value = companies.value.find(c => c.id === updatedItem.id) || updatedItem;
+		}
+	} catch (error) {
+		feedback.value = { type: 'danger', message: error.message };
+	} finally {
+		saving.value = false;
+	}
+}
+
+async function deleteCompany() {
+	if (!confirm('Soll diese Firma wirklich gelöscht werden?')) return;
+	
+	try {
+		await api.delete(`/items/companies/${selectedCompany.value.id}`);
+		feedback.value = { type: 'success', message: 'Firma gelöscht.' };
+		selectedCompany.value = null;
+		await fetchData();
+	} catch (error) {
+		feedback.value = { type: 'danger', message: error.message };
+	}
+}
+
+onMounted(async () => {
+    await fetchData();
+    if (route.query.create === 'true') {
+        openCreateDrawer();
+    }
+});
+</script>
+
+<style scoped>
+.details-grid { display: flex; flex-direction: column; gap: 24px; }
+.detail-item { display: flex; flex-direction: column; gap: 8px; }
+.detail-item.full { width: 100%; }
+.label { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px; }
+.value { font-size: 16px; font-weight: 500; }
+.drawer-content { padding: 24px; display: flex; flex-direction: column; gap: 32px; }
+.form-section { display: flex; flex-direction: column; gap: 20px; }
+.field { display: flex; flex-direction: column; gap: 8px; }
+.drawer-actions { margin-top: 24px; }
+</style>

packages/customer-manager/package.json

@@ -1,30 +1,30 @@
 {
   "name": "customer-manager",
-  "description": "Custom High-Fidelity Customer & Company Management for Directus",
-  "icon": "supervisor_account",
-  "version": "1.8.0",
+  "description": "Custom High-Fidelity Management for Directus",
+  "icon": "extension",
+  "version": "1.8.10",
   "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
     "directus-extension-module"
   ],
-  "files": [
-    "dist"
-  ],
   "directus:extension": {
     "type": "module",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.ts",
-    "host": "*",
-    "name": "Customer Manager"
+    "host": "app",
+    "name": "customer manager"
   },
   "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
+    "build": "directus-extension build",
     "dev": "directus-extension build -w"
   },
+  "dependencies": {
+    "@mintel/directus-extension-toolkit": "workspace:*"
+  },
   "devDependencies": {
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
+}

packages/customer-manager/src/module.vue

@@ -1,161 +1,191 @@
 <template>
-	<private-view title="Customer Manager">
+	<MintelManagerLayout
+		title="Customer Manager"
+		:item-title="selectedItem?.company?.name || 'Kunde wählen'"
+		:is-empty="!selectedItem"
+		empty-title="Kunde auswählen"
+		empty-icon="handshake"
+		:notice="notice"
+		@close-notice="notice = null"
+	>
 		<template #navigation>
 			<v-list nav>
-				<v-list-item @click="openCreateCompany" clickable>
+				<v-list-item @click="openCreateDrawer" clickable>
 					<v-list-item-icon><v-icon name="add" color="var(--theme--primary)" /></v-list-item-icon>
 					<v-list-item-content>
-						<v-text-overflow text="Neue Firma anlegen" />
+						<v-text-overflow text="Neuen Kunden verlinken" />
 					</v-list-item-content>
 				</v-list-item>
 
 				<v-divider />
 
 				<v-list-item
-					v-for="company in companies"
-					:key="company.id"
-					:active="selectedCompany?.id === company.id"
-					class="company-item"
+					v-for="item in items"
+					:key="item.id"
+					:active="selectedItem?.id === item.id"
+					class="nav-item"
 					clickable
-					@click="selectCompany(company)"
+					@click="selectItem(item)"
 				>
 					<v-list-item-icon><v-icon name="business" /></v-list-item-icon>
 					<v-list-item-content>
-						<v-text-overflow :text="company.name" />
+						<v-text-overflow :text="item.company?.name" />
 					</v-list-item-content>
 				</v-list-item>
 			</v-list>
 		</template>
 
-		<template #title-outer:after>
-			<v-notice v-if="notice" :type="notice.type" @close="notice = null" dismissible>
-				{{ notice.message }}
-			</v-notice>
+		<template #subtitle>
+			<template v-if="selectedItem">
+				{{ clientUsers.length }} Portal-Nutzer &middot; {{ selectedItem.company?.domain }}
+			</template>
 		</template>
 
-		<div class="content-wrapper">
-			<div v-if="!selectedCompany" class="empty-state">
-				<v-info title="Firmen auswählen" icon="business" center>
-					Wähle eine Firma in der Navigation aus oder
-					<v-button x-small @click="openCreateCompany">erstelle eine neue Firma</v-button>.
-				</v-info>
-			</div>
+		<template #actions>
+			<v-button secondary rounded icon v-tooltip.bottom="'Kunden-Verlinkung bearbeiten'" @click="openEditDrawer">
+				<v-icon name="edit" />
+			</v-button>
+			<v-button primary @click="openCreateClientUser">
+				Portal-Nutzer hinzufügen
+			</v-button>
+		</template>
 
-			<template v-else>
-				<header class="header">
-					<div class="header-left">
-						<h1 class="title">{{ selectedCompany.name }}</h1>
-						<p class="subtitle">{{ employees.length }} Kunden-Mitarbeiter</p>
-					</div>
-					<div class="header-right">
-						<v-button secondary rounded icon v-tooltip.bottom="'Firma bearbeiten'" @click="openEditCompany">
-							<v-icon name="edit" />
-						</v-button>
-						<v-button primary @click="openCreateEmployee">
-							Mitarbeiter hinzufügen
-						</v-button>
-					</div>
-				</header>
+		<template #empty-state>
+			Wähle einen Kunden aus der Liste oder 
+			<v-button x-small @click="openCreateDrawer">verlinke eine neue Firma</v-button>.
+		</template>
 
-				<v-table
-					:headers="tableHeaders"
-					:items="employees"
-					:loading="loading"
-					class="clickable-table"
-					fixed-header
-					@click:row="onRowClick"
-				>
-					<template #[`item.name`]="{ item }">
-						<div class="user-cell">
-							<v-avatar :name="item.first_name" x-small />
-							<span class="user-name">{{ item.first_name }} {{ item.last_name }}</span>
-						</div>
-					</template>
-
-					<template #[`item.last_invited`]="{ item }">
-						<span v-if="item.last_invited" class="status-date">
-							{{ formatDate(item.last_invited) }}
-						</span>
-						<v-chip v-else x-small>Noch nie</v-chip>
-					</template>
-				</v-table>
-			</template>
-		</div>
-
-		<!-- Drawer: Company Form -->
-		<v-drawer
-			v-model="drawerCompanyActive"
-			:title="isEditingCompany ? 'Firma bearbeiten' : 'Neue Firma anlegen'"
-			icon="business"
-			@cancel="drawerCompanyActive = false"
+		<!-- Main Content: Client Users Table -->
+		<v-table
+			:headers="tableHeaders"
+			:items="clientUsers"
+			:loading="loading"
+			class="clickable-table"
+			fixed-header
+			@click:row="onRowClick"
 		>
-			<div v-if="drawerCompanyActive" class="drawer-content">
-                <div class="form-section">
-                    <div class="field">
-                        <span class="label">Firmenname</span>
-                        <v-input v-model="companyForm.name" placeholder="z.B. KLZ Cables" autofocus />
-                    </div>
-                </div>
-				
+			<template #[`item.name`]="{ item }">
+				<div class="user-cell">
+					<v-avatar :name="item.first_name" x-small />
+					<span class="user-name">{{ item.first_name }} {{ item.last_name }}</span>
+				</div>
+			</template>
+
+			<template #[`item.last_invited`]="{ item }">
+				<span v-if="item.last_invited" class="status-date">
+					{{ formatDate(item.last_invited) }}
+				</span>
+				<v-chip v-else x-small>Noch nie</v-chip>
+			</template>
+		</v-table>
+
+		<!-- Drawer: Customer (Link) Form -->
+		<v-drawer
+			v-model="drawerActive"
+			:title="isEditing ? 'Kunden-Verlinkung bearbeiten' : 'Kunden verlinken'"
+			icon="handshake"
+			@cancel="drawerActive = false"
+		>
+			<div v-if="drawerActive" class="drawer-content">
+				<div class="form-section">
+					<div class="field">
+						<span class="label">Organisation / Firma</span>
+						<MintelSelect
+							v-model="form.company"
+							:items="companyOptions"
+							placeholder="Firma auswählen..."
+							allow-add
+							@add="openQuickAdd('company')"
+						/>
+					</div>
+
+					<div class="field">
+						<span class="label">Haupt-Ansprechpartner (optional)</span>
+						<MintelSelect
+							v-model="form.contact_person"
+							:items="peopleOptions"
+							placeholder="Person auswählen..."
+							allow-add
+							@add="openQuickAdd('person')"
+						/>
+					</div>
+
+					<div class="field">
+						<span class="label">Status</span>
+						<v-select
+							v-model="form.status"
+							:items="[
+								{ text: 'Aktiv', value: 'active' },
+								{ text: 'Inaktiv', value: 'inactive' }
+							]"
+						/>
+					</div>
+
+					<div class="field">
+						<span class="label">Notizen</span>
+						<v-textarea v-model="form.notes" placeholder="Besonderheiten zu diesem Kunden..." />
+					</div>
+				</div>
+
 				<div class="drawer-actions">
-					<v-button primary block :loading="saving" @click="saveCompany">Speichern</v-button>
+					<v-button primary block :loading="saving" @click="saveItem">Speichern</v-button>
 				</div>
 			</div>
 		</v-drawer>
 
-		<!-- Drawer: Employee Form -->
+		<!-- Drawer: Client User Form -->
 		<v-drawer
-			v-model="drawerEmployeeActive"
-			:title="isEditingEmployee ? 'Mitarbeiter bearbeiten' : 'Neuen Mitarbeiter anlegen'"
+			v-model="drawerUserActive"
+			:title="isEditingUser ? 'Portal-Nutzer bearbeiten' : 'Neuen Portal-Nutzer anlegen'"
 			icon="person"
-			@cancel="drawerEmployeeActive = false"
+			@cancel="drawerUserActive = false"
 		>
-			<div v-if="drawerEmployeeActive" class="drawer-content">
-                <div class="form-section">
-                    <div class="field">
-                        <span class="label">Vorname</span>
-                        <v-input v-model="employeeForm.first_name" placeholder="Vorname" autofocus />
-                    </div>
+			<div v-if="drawerUserActive" class="drawer-content">
+				<div class="form-section">
+					<div class="field">
+						<span class="label">Vorname</span>
+						<v-input v-model="userForm.first_name" placeholder="Vorname" autofocus />
+					</div>
 
-                    <div class="field">
-                        <span class="label">Nachname</span>
-                        <v-input v-model="employeeForm.last_name" placeholder="Nachname" />
-                    </div>
+					<div class="field">
+						<span class="label">Nachname</span>
+						<v-input v-model="userForm.last_name" placeholder="Nachname" />
+					</div>
 
-                    <div class="field">
-                        <span class="label">E-Mail</span>
-                        <v-input v-model="employeeForm.email" placeholder="E-Mail Adresse" type="email" />
-                    </div>
+					<div class="field">
+						<span class="label">E-Mail</span>
+						<v-input v-model="userForm.email" placeholder="E-Mail Adresse" type="email" />
+					</div>
 
-                    <div class="field">
-                        <span class="label">Zentrale Person (Verknüpfung)</span>
-                        <v-select
-                            v-model="employeeForm.person"
-                            :items="peopleOptions"
-                            placeholder="Person aus dem People Manager auswählen..."
-                        />
-                    </div>
+					<div class="field">
+						<span class="label">Zentrale Person (Verknüpfung)</span>
+						<v-select
+							v-model="userForm.person"
+							:items="peopleOptions"
+							placeholder="Master-Person auswählen..."
+						/>
+					</div>
 
-                    <v-divider v-if="isEditingEmployee" />
+					<v-divider v-if="isEditingUser" />
 
-                    <div v-if="isEditingEmployee" class="field">
-                        <span class="label">Temporäres Passwort</span>
-                        <v-input v-model="employeeForm.temporary_password" readonly class="password-input" />
-                        <p class="field-note">Wird beim Senden der Zugangsdaten automatisch generiert.</p>
-                    </div>
-                </div>
+					<div v-if="isEditingUser" class="field">
+						<span class="label">Temporäres Passwort</span>
+						<v-input v-model="userForm.temporary_password" readonly class="password-input" />
+						<p class="field-note">Wird beim Senden der Zugangsdaten automatisch generiert.</p>
+					</div>
+				</div>
 
 				<div class="drawer-actions">
-					<v-button primary block :loading="saving" @click="saveEmployee">Daten speichern</v-button>
+					<v-button primary block :loading="saving" @click="saveClientUser">Daten speichern</v-button>
 					
-					<template v-if="isEditingEmployee">
+					<template v-if="isEditingUser">
 						<v-divider />
 						<v-button
 							v-tooltip.bottom="'Generiert PW, speichert es und sendet E-Mail'"
 							secondary
 							block
-							:loading="invitingId === employeeForm.id"
-							@click="inviteUser(employeeForm)"
+							:loading="invitingId === userForm.id"
+							@click="inviteUser(userForm)"
 						>
 							<v-icon name="send" left /> Zugangsdaten senden
 						</v-button>
@@ -163,38 +193,94 @@
 				</div>
 			</div>
 		</v-drawer>
-	</private-view>
+
+		<!-- Drawer: Quick Add Company -->
+		<v-drawer
+			v-model="quickAddCompanyActive"
+			title="Firma schnell anlegen"
+			icon="business"
+			@cancel="quickAddCompanyActive = false"
+		>
+			<div class="drawer-content">
+				<div class="form-section">
+					<div class="field">
+						<span class="label">Firmenname</span>
+						<v-input v-model="quickCompanyForm.name" placeholder="z.B. Schmidt GmbH" autofocus />
+					</div>
+					<div class="field">
+						<span class="label">Domain / Website</span>
+						<v-input v-model="quickCompanyForm.domain" placeholder="example.com" />
+					</div>
+				</div>
+				<div class="drawer-actions">
+					<v-button primary block :loading="savingQuick" @click="saveQuickCompany">Firma speichern</v-button>
+				</div>
+			</div>
+		</v-drawer>
+
+		<!-- Drawer: Quick Add Person -->
+		<v-drawer
+			v-model="quickAddPersonActive"
+			title="Person schnell anlegen"
+			icon="person"
+			@cancel="quickAddPersonActive = false"
+		>
+			<div class="drawer-content">
+				<div class="form-section">
+					<div class="field">
+						<span class="label">Vorname</span>
+						<v-input v-model="quickPersonForm.first_name" placeholder="Vorname" autofocus />
+					</div>
+					<div class="field">
+						<span class="label">Nachname</span>
+						<v-input v-model="quickPersonForm.last_name" placeholder="Nachname" />
+					</div>
+					<div class="field">
+						<span class="label">E-Mail</span>
+						<v-input v-model="quickPersonForm.email" placeholder="email@example.com" type="email" />
+					</div>
+				</div>
+				<div class="drawer-actions">
+					<v-button primary block :loading="savingQuick" @click="saveQuickPerson">Person speichern</v-button>
+				</div>
+			</div>
+		</v-drawer>
+	</MintelManagerLayout>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, nextTick, computed } from 'vue';
+import { ref, onMounted, nextTick, computed, watch } from 'vue';
 import { useApi } from '@directus/extensions-sdk';
+import { useRoute } from 'vue-router';
+import { MintelManagerLayout, MintelSelect } from '@mintel/directus-extension-toolkit';
 
 const api = useApi();
+const route = useRoute();
 
-const companies = ref<any[]>([]);
-const selectedCompany = ref<any>(null);
-const employees = ref<any[]>([]);
+const items = ref<any[]>([]);
+const selectedItem = ref<any>(null);
+const clientUsers = ref<any[]>([]);
 const loading = ref(false);
 const saving = ref(false);
 const invitingId = ref<string | null>(null);
 const notice = ref<{ type: string; message: string } | null>(null);
 
-// Forms State
-const drawerCompanyActive = ref(false);
-const isEditingCompany = ref(false);
-const companyForm = ref({ id: '', name: '' });
+const companies = ref<any[]>([]);
+const people = ref<any[]>([]);
 
-const drawerEmployeeActive = ref(false);
-const isEditingEmployee = ref(false);
-const employeeForm = ref({ 
-    id: '', 
-    first_name: '', 
-    last_name: '', 
-    email: '', 
-    person: null,
-    temporary_password: '' 
-});
+const drawerActive = ref(false);
+const isEditing = ref(false);
+const form = ref({ id: null, company: null, contact_person: null, status: 'active', notes: '' });
+
+const drawerUserActive = ref(false);
+const isEditingUser = ref(false);
+const userForm = ref({ id: '', first_name: '', last_name: '', email: '', person: null, temporary_password: '' });
+
+const quickAddCompanyActive = ref(false);
+const quickAddPersonActive = ref(false);
+const savingQuick = ref(false);
+const quickCompanyForm = ref({ name: '', domain: '' });
+const quickPersonForm = ref({ first_name: '', last_name: '', email: '' });
 
 const tableHeaders = [
 	{ text: 'Name', value: 'name', sortable: true },
@@ -202,180 +288,224 @@ const tableHeaders = [
 	{ text: 'Zuletzt eingeladen', value: 'last_invited', sortable: true }
 ];
 
-const people = ref<any[]>([]);
-
-const peopleOptions = computed(() => 
-    people.value.map(p => ({
-        text: `${p.first_name} ${p.last_name} (${p.email})`,
-        value: p.id
-    }))
-);
+const companyOptions = computed(() => companies.value.map(c => ({ text: c.name, value: c.id })));
+const peopleOptions = computed(() => people.value.map(p => ({ text: `${p.first_name} ${p.last_name} (${p.email})`, value: p.id })));
 
 async function fetchData() {
-    const [companiesResp, peopleResp] = await Promise.all([
-        api.get('/items/companies', { params: { sort: 'name', fields: ['id', 'name'] } }),
-        api.get('/items/people', { params: { sort: 'last_name' } })
-    ]);
-    companies.value = companiesResp.data.data;
-    people.value = peopleResp.data.data;
+    loading.value = true;
+    try {
+        const [custResp, compResp, peopleResp] = await Promise.all([
+            api.get('/items/customers', { params: { fields: ['*', 'company.*', 'contact_person.*'], sort: 'company.name' } }),
+            api.get('/items/companies', { params: { sort: 'name' } }),
+            api.get('/items/people', { params: { sort: 'last_name' } })
+        ]);
+        items.value = custResp.data.data;
+        companies.value = compResp.data.data;
+        people.value = peopleResp.data.data;
+    } finally {
+        loading.value = false;
+    }
 }
 
-async function selectCompany(company: any) {
-	selectedCompany.value = company;
-	loading.value = true;
-	try {
-		const res = await api.get('/items/client_users', {
-			params: {
-				filter: { company: { _eq: company.id } },
-				fields: ['*', 'person.*'],
-				sort: 'first_name',
-			},
-		});
-		employees.value = res.data.data;
-	} finally {
-		loading.value = false;
-	}
+async function selectItem(item: any) {
+    selectedItem.value = item;
+    loading.value = true;
+    try {
+        const res = await api.get('/items/client_users', {
+            params: {
+                filter: { company: { _eq: item.company.id } },
+                fields: ['*', 'person.*'],
+                sort: 'first_name',
+            },
+        });
+        clientUsers.value = res.data.data;
+    } finally {
+        loading.value = false;
+    }
 }
 
-// Company Actions
-function openCreateCompany() {
-	isEditingCompany.value = false;
-	companyForm.value = { id: '', name: '' };
-	drawerCompanyActive.value = true;
+function openCreateDrawer() {
+    isEditing.value = false;
+    form.value = { id: null, company: null, contact_person: null, status: 'active', notes: '' };
+    drawerActive.value = true;
 }
 
-async function openEditCompany() {
-	if (!selectedCompany.value) return;
-    companyForm.value = { 
-        id: selectedCompany.value.id, 
-        name: selectedCompany.value.name 
+function openEditDrawer() {
+    if (!selectedItem.value) return;
+    isEditing.value = true;
+    form.value = {
+        id: selectedItem.value.id,
+        company: selectedItem.value.company?.id || selectedItem.value.company,
+        contact_person: selectedItem.value.contact_person?.id || selectedItem.value.contact_person,
+        status: selectedItem.value.status,
+        notes: selectedItem.value.notes
     };
-	isEditingCompany.value = true;
-    await nextTick();
-	drawerCompanyActive.value = true;
+    drawerActive.value = true;
 }
 
-async function saveCompany() {
-	if (!companyForm.value.name) return;
-	saving.value = true;
-	try {
-		if (isEditingCompany.value) {
-			await api.patch(`/items/companies/${companyForm.value.id}`, { name: companyForm.value.name });
-			notice.value = { type: 'success', message: 'Firma aktualisiert!' };
-		} else {
-			await api.post('/items/companies', { name: companyForm.value.name });
-			notice.value = { type: 'success', message: 'Firma angelegt!' };
-		}
-		drawerCompanyActive.value = false;
-		await fetchCompanies();
-		if (selectedCompany.value?.id === companyForm.value.id) {
-			selectedCompany.value.name = companyForm.value.name;
-		}
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: e.message };
-	} finally {
-		saving.value = false;
-	}
+async function saveItem() {
+    if (!form.value.company) {
+        notice.value = { type: 'danger', message: 'Bitte wählen Sie eine Firma aus.' };
+        return;
+    }
+    saving.value = true;
+    try {
+        if (isEditing.value) {
+            await api.patch(`/items/customers/${form.value.id}`, form.value);
+            notice.value = { type: 'success', message: 'Kunde aktualisiert!' };
+        } else {
+            await api.post('/items/customers', form.value);
+            notice.value = { type: 'success', message: 'Neuer Kunde verlinkt!' };
+        }
+        drawerActive.value = false;
+        await fetchData();
+        if (form.value.id) {
+            const updated = items.value.find(i => i.id === form.value.id);
+            if (updated) selectItem(updated);
+        }
+    } catch (e: any) {
+        notice.value = { 
+            type: 'danger', 
+            message: e.response?.data?.errors?.[0]?.message || e.message || 'Speichern fehlgeschlagen' 
+        };
+    } finally {
+        saving.value = false;
+    }
 }
 
-// Employee Actions
-function openCreateEmployee() {
-	isEditingEmployee.value = false;
-	employeeForm.value = { id: '', first_name: '', last_name: '', email: '', temporary_password: '' };
-	drawerEmployeeActive.value = true;
-}
-
-async function openEditEmployee(item: any) {
-    employeeForm.value = {
-        id: item.id || '',
-        first_name: item.first_name || '',
-        last_name: item.last_name || '',
-        email: item.email || '',
-        person: item.person?.id || item.person || null,
-        temporary_password: item.temporary_password || ''
-    };
-	isEditingEmployee.value = true;
-    await nextTick();
-	drawerEmployeeActive.value = true;
-}
-
-async function saveEmployee() {
-	if (!employeeForm.value.email || !selectedCompany.value) return;
-	saving.value = true;
-	try {
-		if (isEditingEmployee.value) {
-			await api.patch(`/items/client_users/${employeeForm.value.id}`, {
-				first_name: employeeForm.value.first_name,
-				last_name: employeeForm.value.last_name,
-				email: employeeForm.value.email,
-				person: employeeForm.value.person
-			});
-			notice.value = { type: 'success', message: 'Mitarbeiter aktualisiert!' };
-		} else {
-			await api.post('/items/client_users', {
-				first_name: employeeForm.value.first_name,
-				last_name: employeeForm.value.last_name,
-				email: employeeForm.value.email,
-				company: selectedCompany.value.id,
-				person: employeeForm.value.person
-			});
-			notice.value = { type: 'success', message: 'Mitarbeiter angelegt!' };
-		}
-		drawerEmployeeActive.value = false;
-		await selectCompany(selectedCompany.value);
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: e.message };
-	} finally {
-		saving.value = false;
-	}
-}
-
-async function inviteUser(user: any) {
-	invitingId.value = user.id;
-	try {
-		await api.post(`/flows/trigger/33443f6b-cec7-4668-9607-f33ea674d501`, [user.id]);
-		notice.value = { type: 'success', message: `Zugangsdaten für ${user.first_name} versendet. 📧` };
-		await selectCompany(selectedCompany.value);
-		if (drawerEmployeeActive.value && employeeForm.value.id === user.id) {
-			const updated = employees.value.find(e => e.id === user.id);
-			if (updated) {
-                employeeForm.value.temporary_password = updated.temporary_password;
-            }
-		}
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler: ${e.message}` };
-	} finally {
-		invitingId.value = null;
-	}
+// Client User Actions
+function openCreateClientUser() {
+    isEditingUser.value = false;
+    userForm.value = { id: '', first_name: '', last_name: '', email: '', person: null, temporary_password: '' };
+    drawerUserActive.value = true;
 }
 
 function onRowClick(event: any) {
-	const item = event?.item || event;
-	if (item && item.id) {
-		openEditEmployee(item);
-	}
+    const item = event?.item || event;
+    if (item && item.id) {
+        userForm.value = {
+            id: item.id,
+            first_name: item.first_name,
+            last_name: item.last_name,
+            email: item.email,
+            person: item.person?.id || item.person,
+            temporary_password: item.temporary_password
+        };
+        isEditingUser.value = true;
+        drawerUserActive.value = true;
+    }
+}
+
+async function saveClientUser() {
+    if (!userForm.value.email || !selectedItem.value) return;
+    saving.value = true;
+    try {
+        const payload = {
+            first_name: userForm.value.first_name,
+            last_name: userForm.value.last_name,
+            email: userForm.value.email,
+            person: userForm.value.person,
+            company: selectedItem.value.company.id
+        };
+        if (isEditingUser.value) {
+            await api.patch(`/items/client_users/${userForm.value.id}`, payload);
+        } else {
+            await api.post('/items/client_users', payload);
+        }
+        drawerUserActive.value = false;
+        await selectItem(selectedItem.value);
+    } finally {
+        saving.value = false;
+    }
+}
+
+async function inviteUser(user: any) {
+    invitingId.value = user.id;
+    try {
+        await api.post(`/flows/trigger/33443f6b-cec7-4668-9607-f33ea674d501`, [user.id]);
+        notice.value = { type: 'success', message: `Zugangsdaten versendet. 📧` };
+        await selectItem(selectedItem.value);
+    } finally {
+        invitingId.value = null;
+    }
+}
+
+function openQuickAdd(type: 'company' | 'person') {
+    if (type === 'company') {
+        quickCompanyForm.value = { name: '', domain: '' };
+        quickAddCompanyActive.value = true;
+    } else {
+        quickPersonForm.value = { first_name: '', last_name: '', email: '' };
+        quickAddPersonActive.value = true;
+    }
+}
+
+async function saveQuickCompany() {
+    if (!quickCompanyForm.value.name) return;
+    savingQuick.value = true;
+    try {
+        const res = await api.post('/items/companies', quickCompanyForm.value);
+        await fetchData();
+        form.value.company = res.data.data.id;
+        quickAddCompanyActive.value = false;
+        notice.value = { type: 'success', message: 'Firma angelegt und ausgewählt.' };
+    } catch (e: any) {
+        notice.value = { type: 'danger', message: e.message };
+    } finally {
+        savingQuick.value = false;
+    }
+}
+
+async function saveQuickPerson() {
+    if (!quickPersonForm.value.first_name || !quickPersonForm.value.last_name) return;
+    savingQuick.value = true;
+    try {
+        const res = await api.post('/items/people', quickPersonForm.value);
+        await fetchData();
+        form.value.contact_person = res.data.data.id;
+        quickAddPersonActive.value = false;
+        notice.value = { type: 'success', message: 'Person angelegt und ausgewählt.' };
+    } catch (e: any) {
+        notice.value = { type: 'danger', message: e.message };
+    } finally {
+        savingQuick.value = false;
+    }
 }
 
 function formatDate(dateStr: string) {
-	return new Date(dateStr).toLocaleString('de-DE', {
-		day: '2-digit', month: '2-digit', year: 'numeric',
-		hour: '2-digit', minute: '2-digit'
-	});
+    return new Date(dateStr).toLocaleString('de-DE', {
+        day: '2-digit', month: '2-digit', year: 'numeric',
+        hour: '2-digit', minute: '2-digit'
+    });
 }
 
-onMounted(() => {
-	fetchData();
+function handleDeepLink() {
+    if (route.query.create === 'true') {
+        // Only open if not already open to avoid resetting form if user is already typing
+        if (!drawerActive.value) {
+            openCreateDrawer();
+        }
+        
+        if (route.query.company) {
+            form.value.company = route.query.company as any;
+        }
+        if (route.query.contact_person) {
+            form.value.contact_person = route.query.contact_person as any;
+        }
+    }
+}
+
+watch(() => route.query.create, (newVal) => {
+    if (newVal === 'true') handleDeepLink();
+});
+
+onMounted(async () => {
+    await fetchData();
+    handleDeepLink();
 });
 </script>
 
 <style scoped>
-.content-wrapper { padding: 32px; height: 100%; display: flex; flex-direction: column; }
-.company-item { cursor: pointer; }
-.header { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end; }
-.header-right { display: flex; gap: 12px; }
-.title { font-size: 24px; font-weight: 800; margin-bottom: 4px; }
-.subtitle { color: var(--theme--foreground-subdued); font-size: 14px; }
-.empty-state { height: 100%; display: flex; align-items: center; justify-content: center; }
 .user-cell { display: flex; align-items: center; gap: 12px; }
 .user-name { font-weight: 600; }
 .status-date { font-size: 12px; color: var(--theme--foreground-subdued); }
@@ -385,6 +515,7 @@ onMounted(() => {
 .label { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px; }
 .field-note { font-size: 11px; color: var(--theme--foreground-subdued); margin-top: 4px; }
 .drawer-actions { margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
+
 .password-input :deep(textarea) {
 	font-family: var(--family-monospace);
 	font-weight: 800;
@@ -394,5 +525,4 @@ onMounted(() => {
 
 .clickable-table :deep(tbody tr) { cursor: pointer; transition: background-color 0.2s ease; }
 .clickable-table :deep(tbody tr:hover) { background-color: var(--theme--background-subdued) !important; }
-:deep(.v-list-item) { cursor: pointer !important; }
 </style>

packages/directus-extension-toolkit/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@mintel/directus-extension-toolkit",
+  "version": "1.8.10",
+  "description": "Shared toolkit for Directus extensions in the Mintel ecosystem",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "devDependencies": {
+    "@directus/extensions-sdk": "11.0.2",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vue": "^3.4.0"
+  },
+  "peerDependencies": {
+    "@directus/extensions-sdk": "*",
+    "vue": "^3.4.0"
+  }
+}

packages/directus-extension-toolkit/src/MintelManagerLayout.vue

@@ -0,0 +1,102 @@
+<template>
+	<private-view :title="title">
+		<template #navigation>
+			<slot name="navigation" />
+		</template>
+
+		<template #title-outer:after>
+			<v-notice v-if="notice" :type="notice.type" @close="$emit('close-notice')" dismissible>
+				{{ notice.message }}
+			</v-notice>
+		</template>
+
+		<div class="mintel-manager-layout">
+			<div v-if="isEmpty" class="empty-state">
+				<v-info :title="emptyTitle" :icon="emptyIcon" center>
+					<slot name="empty-state" />
+				</v-info>
+			</div>
+
+			<template v-else>
+				<header class="mintel-header">
+					<div class="header-left">
+						<h1 class="mintel-title">{{ itemTitle }}</h1>
+						<p class="mintel-subtitle">
+							<slot name="subtitle" />
+						</p>
+					</div>
+					<div class="header-right">
+						<slot name="actions" />
+					</div>
+				</header>
+
+				<v-divider />
+
+				<div class="mintel-content">
+					<slot />
+				</div>
+			</template>
+		</div>
+	</private-view>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+	title: string;
+	itemTitle?: string;
+	isEmpty?: boolean;
+	emptyTitle?: string;
+	emptyIcon?: string;
+	notice?: { type: string; message: string } | null;
+}>();
+
+defineEmits(['close-notice']);
+</script>
+
+<style scoped>
+.mintel-manager-layout {
+	padding: 32px;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	overflow-y: auto;
+}
+
+.mintel-header {
+	margin-bottom: 24px;
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-end;
+}
+
+.mintel-title {
+	font-size: 24px;
+	font-weight: 800;
+	margin-bottom: 4px;
+	color: var(--theme--foreground);
+}
+
+.mintel-subtitle {
+	color: var(--theme--foreground-subdued);
+	font-size: 14px;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.header-right {
+	display: flex;
+	gap: 12px;
+}
+
+.empty-state {
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.mintel-content {
+	margin-top: 32px;
+}
+</style>

packages/directus-extension-toolkit/src/MintelSelect.vue

@@ -0,0 +1,62 @@
+<template>
+	<div class="mintel-select">
+		<v-select
+			:model-value="modelValue"
+			:items="items"
+			:placeholder="placeholder"
+			:searchable="searchable"
+			:show-deselect="showDeselect"
+			@update:model-value="$emit('update:modelValue', $event)"
+		/>
+		<v-button v-if="allowAdd" secondary rounded icon x-small class="add-button" @click="$emit('add')">
+			<v-icon name="add" />
+		</v-button>
+	</div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+	modelValue: {
+		type: [String, Number],
+		default: null
+	},
+	items: {
+		type: Array as () => Array<{ text: string; value: string | number }>,
+		required: true
+	},
+	placeholder: {
+		type: String,
+		default: 'Auswählen...'
+	},
+	searchable: {
+		type: Boolean,
+		default: true
+	},
+	showDeselect: {
+		type: Boolean,
+		default: true
+	},
+	allowAdd: {
+		type: Boolean,
+		default: false
+	}
+});
+
+defineEmits(['update:modelValue', 'add']);
+</script>
+
+<style scoped>
+.mintel-select {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.mintel-select :deep(.v-select) {
+	flex: 1;
+}
+
+.add-button {
+	flex-shrink: 0;
+}
+</style>

packages/directus-extension-toolkit/src/MintelStatCard.vue

@@ -0,0 +1,84 @@
+<template>
+	<div class="mintel-stat-card" @click="$emit('click')">
+		<div class="stat-icon">
+			<v-icon :name="icon" large />
+		</div>
+		<div class="stat-content">
+			<span class="stat-label">{{ label }}</span>
+			<span class="stat-value">{{ value }}</span>
+		</div>
+		<v-icon name="chevron_right" class="arrow" />
+	</div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+	label: string;
+	value: string | number;
+	icon: string;
+}>();
+
+defineEmits(['click']);
+</script>
+
+<style scoped>
+.mintel-stat-card {
+	background: var(--theme--background-normal);
+	border: 1px solid var(--theme--border);
+	padding: 24px;
+	border-radius: 12px;
+	display: flex;
+	align-items: center;
+	gap: 20px;
+	cursor: pointer;
+	transition: all 0.2s ease;
+	position: relative;
+}
+
+.mintel-stat-card:hover {
+	border-color: var(--theme--primary);
+	transform: translateY(-2px);
+	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
+}
+
+.stat-icon {
+	width: 56px;
+	height: 56px;
+	background: var(--theme--background-subdued);
+	border-radius: 12px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--theme--primary);
+}
+
+.stat-content {
+	display: flex;
+	flex-direction: column;
+}
+
+.stat-label {
+	font-size: 12px;
+	font-weight: 700;
+	text-transform: uppercase;
+	color: var(--theme--foreground-subdued);
+	letter-spacing: 0.5px;
+}
+
+.stat-value {
+	font-size: 28px;
+	font-weight: 800;
+	color: var(--theme--foreground);
+}
+
+.arrow {
+	position: absolute;
+	right: 24px;
+	opacity: 0.2;
+}
+
+.mintel-stat-card:hover .arrow {
+	opacity: 1;
+	color: var(--theme--primary);
+}
+</style>

packages/directus-extension-toolkit/src/index.ts

@@ -0,0 +1,3 @@
+export { default as MintelSelect } from './MintelSelect.vue';
+export { default as MintelManagerLayout } from './MintelManagerLayout.vue';
+export { default as MintelStatCard } from './MintelStatCard.vue';

packages/directus-extension-toolkit/vite.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+
+export default defineConfig({
+    plugins: [vue()],
+    build: {
+        lib: {
+            entry: resolve('src/index.ts'),
+            name: 'MintelDirectusToolkit',
+            fileName: 'index',
+            formats: ['es']
+        },
+        rollupOptions: {
+            external: ['vue', '@directus/extensions-sdk'],
+            output: {
+                globals: {
+                    vue: 'Vue',
+                    '@directus/extensions-sdk': 'DirectusExtensionsSDK'
+                }
+            }
+        }
+    }
+});

packages/eslint-config/index.js

@@ -1,7 +1,17 @@
 import js from "@eslint/js";
 import tseslint from "typescript-eslint";
+import globals from "globals";
 
 export default tseslint.config(
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.es2021,
+      },
+    },
+  },
   {
     ignores: ["**/dist/**", "**/node_modules/**", "**/.next/**", "**/build/**"],
   },

packages/eslint-config/next.js

@@ -2,40 +2,37 @@ import nextPlugin from "@next/eslint-plugin-next";
 import reactPlugin from "eslint-plugin-react";
 import hooksPlugin from "eslint-plugin-react-hooks";
 import tseslint from "typescript-eslint";
-import js from "@eslint/js";
 
 /**
  * Mintel Next.js ESLint Configuration (Flat Config)
- * 
+ *
  * This configuration replaces the legacy 'eslint-config-next' which
  * relies on @rushstack/eslint-patch and causes issues in ESLint 9.
  */
-export const nextConfig = tseslint.config(
-  {
-    plugins: {
-      "react": reactPlugin,
-      "react-hooks": hooksPlugin,
-      "@next/next": nextPlugin,
+export const nextConfig = tseslint.config({
+  plugins: {
+    react: reactPlugin,
+    "react-hooks": hooksPlugin,
+    "@next/next": nextPlugin,
+  },
+  languageOptions: {
+    globals: {
+      // Add common browser/node globals if needed,
+      // though usually handled by base configs
     },
-    languageOptions: {
-      globals: {
-        // Add common browser/node globals if needed, 
-        // though usually handled by base configs
-      },
+  },
+  rules: {
+    ...reactPlugin.configs.recommended.rules,
+    ...hooksPlugin.configs.recommended.rules,
+    ...nextPlugin.configs.recommended.rules,
+    ...nextPlugin.configs["core-web-vitals"].rules,
+    "react/react-in-jsx-scope": "off",
+    "react/no-unescaped-entities": "off",
+    "@next/next/no-img-element": "warn",
+  },
+  settings: {
+    react: {
+      version: "detect",
     },
-    rules: {
-      ...reactPlugin.configs.recommended.rules,
-      ...hooksPlugin.configs.recommended.rules,
-      ...nextPlugin.configs.recommended.rules,
-      ...nextPlugin.configs["core-web-vitals"].rules,
-      "react/react-in-jsx-scope": "off",
-      "react/no-unescaped-entities": "off",
-      "@next/next/no-img-element": "warn",
-    },
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
-  }
-);
+  },
+});

packages/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/eslint-config",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/feedback-commander/package.json

@@ -1,30 +1,27 @@
 {
   "name": "feedback-commander",
-  "description": "Custom High-Fidelity Feedback Management Extension for Directus",
-  "icon": "view_kanban",
-  "version": "1.8.0",
+  "description": "Custom High-Fidelity Management for Directus",
+  "icon": "extension",
+  "version": "1.8.10",
   "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
     "directus-extension-module"
   ],
-  "files": [
-    "dist"
-  ],
   "directus:extension": {
     "type": "module",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.ts",
-    "host": "*",
-    "name": "Feedback Commander"
+    "host": "app",
+    "name": "feedback commander"
   },
   "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
+    "build": "directus-extension build",
     "dev": "directus-extension build -w"
   },
   "devDependencies": {
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
+}

packages/gatekeeper/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/gatekeeper",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "private": true,
   "type": "module",
   "scripts": {

packages/gatekeeper/postcss.config.cjs

@@ -1,4 +1,3 @@
-/* global module */
 module.exports = {
     plugins: {
         tailwindcss: {},

packages/gatekeeper/tailwind.config.cjs

@@ -1,4 +1,3 @@
-/* global module, require */
 /** @type {import('tailwindcss').Config} */
 module.exports = {
     content: [

packages/husky-config/lint-staged.js

@@ -1,4 +1,3 @@
-/* global process */
 import path from "node:path";
 
 const buildLintCommand = (filenames) => {

packages/husky-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/husky-config",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/infra/gitea/deploy-action.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - main
     tags:
-      - 'v*'
+      - '*'
   workflow_dispatch:
     inputs:
       skip_long_checks:
@@ -65,11 +65,6 @@ jobs:
           PRJ_ID="${{ github.event.repository.name }}"
 
           if [[ "${{ github.ref_type }}" == "branch" && "$TAG" == "main" ]]; then
-            if [[ "$COMMIT_MSG" =~ ^chore: ]]; then
-              TARGET="skip"
-              GOTIFY_TITLE="ℹ️ Skip Deploy (Chore)"
-              GOTIFY_PRIORITY=2
-            else
               TARGET="testing"
               IMAGE_TAG="main-${SHORT_SHA}"
               ENV_FILE=".env.testing"
@@ -81,9 +76,8 @@ jobs:
               IS_PROD="false"
               GOTIFY_TITLE="🧪 Testing-Deploy"
               GOTIFY_PRIORITY=4
-            fi
           elif [[ "${{ github.ref_type }}" == "tag" ]]; then
-            if [[ "$TAG" =~ ^v[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+            if [[ "$TAG" =~ ^v?[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
               TARGET="production"
               IMAGE_TAG="$TAG"
               ENV_FILE=".env.prod"
@@ -204,8 +198,6 @@ jobs:
           secrets: |
             NPM_TOKEN=${{ secrets.NPM_TOKEN }}
           tags: registry.infra.mintel.me/mintel/${{ github.event.repository.name }}:${{ needs.prepare.outputs.image_tag }}
-          cache-from: type=registry,ref=registry.infra.mintel.me/mintel/${{ github.event.repository.name }}:buildcache
-          cache-to: type=registry,ref=registry.infra.mintel.me/mintel/${{ github.event.repository.name }}:buildcache,mode=max
 
   # ──────────────────────────────────────────────────────────────────────────────
   # JOB 4: Deploy

packages/infra/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/infra",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/infra/scripts/sync-directus.sh

@@ -35,9 +35,9 @@ DB_USER="directus"
 DB_NAME="directus"
 
 echo "🔍 Detecting local database..."
-LOCAL_DB_CONTAINER=$(docker compose ps -q directus-db)
+LOCAL_DB_CONTAINER=$(docker compose ps -q at-mintel-directus-db)
 if [ -z "$LOCAL_DB_CONTAINER" ]; then
-    echo "❌ Local directus-db container not found. Running?"
+    echo "❌ Local at-mintel-directus-db container not found. Running?"
     exit 1
 fi
 

packages/mail/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/mail",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "private": false,
   "publishConfig": {
     "access": "public",

packages/mail/src/templates/SiteAuditTemplate.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Heading, Section, Text, Button, Link } from "@react-email/components";
+import { Heading, Section, Text, Button } from "@react-email/components";
 import { MintelLayout } from "../layouts/MintelLayout";
 
 export interface SiteAuditTemplateProps {

packages/next-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/next-config",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/next-feedback/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/next-feedback",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/next-feedback/src/components/FeedbackOverlay.tsx

@@ -31,8 +31,32 @@ interface Feedback {
   comments: FeedbackComment[];
 }
 
-export function FeedbackOverlay() {
-  const [isActive, setIsActive] = useState(false);
+export function FeedbackOverlay({
+  isActive: externalIsActive,
+  onActiveChange
+}: {
+  isActive?: boolean;
+  onActiveChange?: (active: boolean) => void
+}) {
+  // Transparent isolation: Disable overlays in Record Mode Studio
+  const isExcluded = useMemo(() => {
+    if (typeof window === "undefined") return false;
+    return (
+      window.location.search.includes("embedded=true") ||
+      window.name === "record-mode-iframe" ||
+      (window.self !== window.top)
+    );
+  }, []);
+
+  if (isExcluded) return null;
+
+  const [internalIsActive, setInternalIsActive] = useState(false);
+
+  const isActive = externalIsActive !== undefined ? externalIsActive : internalIsActive;
+  const setIsActive = (val: boolean) => {
+    if (externalIsActive === undefined) setInternalIsActive(val);
+    onActiveChange?.(val);
+  };
   const [hoveredElement, setHoveredElement] = useState<HTMLElement | null>(
     null,
   );

packages/next-feedback/src/index.ts

@@ -1,2 +1,2 @@
 export * from "./handlers";
-export * from "./components/FeedbackOverlay";
+export { FeedbackOverlay } from "./components/FeedbackOverlay";

packages/next-observability/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/next-observability",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/next-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/next-utils",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/observability/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/observability",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/pdf-library/build.mjs

@@ -13,7 +13,9 @@ const entryPoints = [
 
 try {
     mkdirSync(resolve(__dirname, 'dist'), { recursive: true });
-} catch (e) { }
+} catch (_e) {
+    // Ignore folder creation errors if it already exists
+}
 
 console.log(`Building entry points...`);
 

packages/pdf-library/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/pdf",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

packages/pdf-library/src/components/pdf/SharedUI.tsx

@@ -525,13 +525,13 @@ export const FoldingMarks = () => (
 export const Footer = ({
     logo,
     companyData,
-    bankData,
+    _bankData,
     showDetails = true,
     showPageNumber = true,
 }: {
     logo?: string;
     companyData: any;
-    bankData?: any;
+    _bankData?: any;
     showDetails?: boolean;
     showPageNumber?: boolean;
 }) => (

packages/pdf-library/src/components/pdf/modules/BrandingModules.tsx

@@ -8,7 +8,6 @@ import {
 } from "@react-pdf/renderer";
 import {
   DocumentTitle,
-  IndustrialListItem,
   IndustrialCard,
   Divider,
   COLORS,

packages/people-manager/package.json

@@ -1,30 +1,30 @@
 {
   "name": "people-manager",
-  "description": "Custom High-Fidelity People Management for Directus",
-  "icon": "person",
-  "version": "1.8.0",
+  "description": "Custom High-Fidelity Management for Directus",
+  "icon": "extension",
+  "version": "1.8.10",
   "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
     "directus-extension-module"
   ],
-  "files": [
-    "dist"
-  ],
   "directus:extension": {
     "type": "module",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.ts",
-    "host": "*",
-    "name": "People Manager"
+    "host": "app",
+    "name": "people manager"
   },
   "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
+    "build": "directus-extension build",
     "dev": "directus-extension build -w"
   },
+  "dependencies": {
+    "@mintel/directus-extension-toolkit": "workspace:*"
+  },
   "devDependencies": {
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
+}

packages/people-manager/src/module.vue

@@ -1,5 +1,13 @@
 <template>
-	<private-view title="People Manager">
+	<MintelManagerLayout
+		title="People Manager"
+		:item-title="`${selectedPerson?.first_name} ${selectedPerson?.last_name}` || 'Person wählen'"
+		:is-empty="!selectedPerson"
+		empty-title="Person auswählen"
+		empty-icon="person"
+		:notice="feedback"
+		@close-notice="feedback = null"
+	>
 		<template #navigation>
 			<v-list nav>
 				<v-list-item @click="openCreateDrawer" clickable>
@@ -17,7 +25,7 @@
 					v-for="person in people"
 					:key="person.id"
 					:active="selectedPerson?.id === person.id"
-					class="person-item"
+					class="nav-item"
 					clickable
 					@click="selectPerson(person)"
 				>
@@ -31,47 +39,42 @@
 			</v-list>
 		</template>
 
-		<div class="content-wrapper">
-			<v-notice v-if="feedback" :type="feedback.type" @close="feedback = null" dismissible>
-				{{ feedback.message }}
-			</v-notice>
+		<template #subtitle>
+			<template v-if="selectedPerson">
+				{{ getCompanyName(selectedPerson) }}
+			</template>
+		</template>
 
-			<div v-if="!selectedPerson" class="empty-state">
-				<v-info title="Person auswählen" icon="person" center>
-					Wähle eine Person in der Navigation aus oder
-					<v-button x-small @click="openCreateDrawer">erstelle eine neue Person</v-button>.
-				</v-info>
+		<template #actions>
+			<v-button secondary rounded icon v-tooltip.bottom="'Person bearbeiten'" @click="openEditDrawer">
+				<v-icon name="edit" />
+			</v-button>
+			<v-button danger rounded icon v-tooltip.bottom="'Person löschen'" @click="deletePerson">
+				<v-icon name="delete" />
+			</v-button>
+		</template>
+
+		<template #empty-state>
+			Wähle eine Person in der Navigation aus oder
+			<v-button x-small @click="openCreateDrawer">erstelle eine neue Person</v-button>.
+		</template>
+
+		<div v-if="selectedPerson" class="details-grid">
+			<div class="detail-item">
+				<span class="label">Vorname</span>
+				<p class="value">{{ selectedPerson.first_name }}</p>
 			</div>
-
-			<div v-else>
-				<header class="header">
-					<div class="header-left">
-						<h1 class="title">{{ selectedPerson.first_name }} {{ selectedPerson.last_name }}</h1>
-						<p class="subtitle">{{ selectedPerson.email || 'Keine E-Mail angegeben' }}</p>
-					</div>
-
-					<div class="header-right">
-						<v-button secondary rounded icon v-tooltip="'Person bearbeiten'" @click="openEditDrawer">
-							<v-icon name="edit" />
-						</v-button>
-						<v-button danger rounded icon v-tooltip="'Person löschen'" @click="deletePerson">
-							<v-icon name="delete" />
-						</v-button>
-					</div>
-				</header>
-
-				<v-divider />
-
-				<div class="details-grid">
-					<div class="detail-item">
-						<span class="label">Organisation / Firma</span>
-						<p class="value">{{ getCompanyName(selectedPerson) }}</p>
-					</div>
-					<div class="detail-item">
-						<span class="label">Telefon</span>
-						<p class="value">{{ selectedPerson.phone || '---' }}</p>
-					</div>
-				</div>
+			<div class="detail-item">
+				<span class="label">Nachname</span>
+				<p class="value">{{ selectedPerson.last_name }}</p>
+			</div>
+			<div class="detail-item">
+				<span class="label">E-Mail</span>
+				<p class="value">{{ selectedPerson.email || '---' }}</p>
+			</div>
+			<div class="detail-item">
+				<span class="label">Organisation</span>
+				<p class="value">{{ getCompanyName(selectedPerson) }}</p>
 			</div>
 		</div>
 
@@ -95,24 +98,18 @@
 						</div>
 						<div class="field">
 							<span class="label">E-Mail</span>
-							<v-input v-model="form.email" placeholder="email@beispiel.de" type="email" />
+							<v-input v-model="form.email" placeholder="E-Mail Adresse" type="email" />
 						</div>
 						<div class="field">
 							<span class="label">Zentrale Firma</span>
-							<v-select
+							<MintelSelect
 								v-model="form.company"
 								:items="companyOptions"
 								placeholder="Bestehende Firma auswählen..."
+								allow-add
+								@add="openQuickAdd('company')"
 							/>
 						</div>
-						<div class="field">
-							<span class="label">Firma (Legacy / Neu)</span>
-							<v-input v-model="form.company_name" placeholder="z.B. Mintel" />
-						</div>
-						<div class="field">
-							<span class="label">Telefon</span>
-							<v-input v-model="form.phone" placeholder="+49 ..." />
-						</div>
 					</div>
 
 					<div class="drawer-actions">
@@ -123,14 +120,17 @@
 				</div>
 			</template>
 		</v-drawer>
-	</private-view>
+	</MintelManagerLayout>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
+import { ref, onMounted, computed, nextTick } from 'vue';
 import { useApi } from '@directus/extensions-sdk';
+import { useRoute } from 'vue-router';
+import { MintelManagerLayout, MintelSelect } from '@mintel/directus-extension-toolkit';
 
 const api = useApi();
+const route = useRoute();
 const people = ref([]);
 const companies = ref([]);
 const selectedPerson = ref(null);
@@ -144,9 +144,7 @@ const form = ref({
 	first_name: '',
 	last_name: '',
 	email: '',
-	company: null,
-	company_name: '',
-	phone: ''
+	company: null
 });
 
 const companyOptions = computed(() => 
@@ -159,9 +157,9 @@ const companyOptions = computed(() =>
 function getCompanyName(person: any) {
 	if (!person) return '---';
 	if (person.company) {
-		return typeof person.company === 'object' ? person.company.name : (companies.value.find(c => c.id === person.company)?.name || person.company_name);
+		return typeof person.company === 'object' ? person.company.name : (companies.value.find(c => c.id === person.company)?.name || 'Unbekannte Firma');
 	}
-	return person.company_name || '---';
+	return '---';
 }
 
 async function fetchData() {
@@ -194,10 +192,8 @@ function openCreateDrawer() {
 		id: null, 
 		first_name: '', 
 		last_name: '', 
-		email: '', 
-		company: null, 
-		company_name: '',
-		phone: '' 
+		email: '',
+		company: null
 	};
 	drawerActive.value = true;
 }
@@ -205,23 +201,12 @@ function openCreateDrawer() {
 function openEditDrawer() {
 	isEditing.value = true;
 	const person = selectedPerson.value;
-	let companyId = null;
-	let companyName = person.company_name || '';
-
-	if (person.company) {
-		if (typeof person.company === 'object') {
-			companyId = person.company.id;
-		} else if (person.company.length === 36) { // Assume UUID
-			companyId = person.company;
-		} else {
-			companyName = person.company;
-		}
-	}
-
 	form.value = { 
-		...person,
-		company: companyId,
-		company_name: companyName
+		id: person.id,
+		first_name: person.first_name,
+		last_name: person.last_name,
+		email: person.email,
+		company: person.company?.id || person.company
 	};
 	drawerActive.value = true;
 }
@@ -234,17 +219,20 @@ async function savePerson() {
 
 	saving.value = true;
 	try {
+		let updatedItem;
 		if (isEditing.value) {
-			await api.patch(`/items/people/${form.value.id}`, form.value);
+			const res = await api.patch(`/items/people/${form.value.id}`, form.value);
+			updatedItem = res.data.data;
 			feedback.value = { type: 'success', message: 'Person aktualisiert!' };
 		} else {
-			await api.post('/items/people', form.value);
+			const res = await api.post('/items/people', form.value);
+			updatedItem = res.data.data;
 			feedback.value = { type: 'success', message: 'Person angelegt!' };
 		}
 		drawerActive.value = false;
 		await fetchData();
-		if (isEditing.value) {
-			selectedPerson.value = people.value.find(p => p.id === form.value.id);
+		if (updatedItem) {
+			selectedPerson.value = people.value.find(p => p.id === updatedItem.id) || updatedItem;
 		}
 	} catch (error) {
 		feedback.value = { type: 'danger', message: error.message };
@@ -266,50 +254,23 @@ async function deletePerson() {
 	}
 }
 
-onMounted(fetchData);
+function openQuickAdd(type: string) {
+	feedback.value = { type: 'info', message: `Firma im Company Manager anlegen.` };
+}
+
+onMounted(async () => {
+    await fetchData();
+    if (route.query.create === 'true') {
+        openCreateDrawer();
+    }
+});
 </script>
 
 <style scoped>
-.content-wrapper {
-	padding: 32px;
-	height: 100%;
-}
-
-.header {
-	margin-bottom: 24px;
-	display: flex;
-	justify-content: space-between;
-	align-items: flex-end;
-}
-
-.title {
-	font-size: 24px;
-	font-weight: 800;
-	margin-bottom: 4px;
-}
-
-.subtitle {
-	color: var(--theme--foreground-subdued);
-	font-size: 14px;
-}
-
-.header-right {
-	display: flex;
-	gap: 12px;
-}
-
-.empty-state {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
 .details-grid {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	gap: 32px;
-	margin-top: 32px;
 }
 
 .detail-item {

packages/tsconfig/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/tsconfig",
-  "version": "1.8.0",
+  "version": "1.8.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"

packages/unified-dashboard/package.json

@@ -1,30 +1,27 @@
 {
-  "name": "people-manager",
-  "description": "Custom High-Fidelity People Management for Directus",
-  "icon": "person",
-  "version": "1.8.0",
+  "name": "unified-dashboard",
+  "description": "Custom High-Fidelity Management for Directus",
+  "icon": "extension",
+  "version": "1.8.10",
   "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
     "directus-extension-module"
   ],
-  "files": [
-    "dist"
-  ],
   "directus:extension": {
     "type": "module",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.ts",
-    "host": "*",
-    "name": "People Manager"
+    "host": "app",
+    "name": "unified dashboard"
   },
   "scripts": {
-    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
+    "build": "directus-extension build",
     "dev": "directus-extension build -w"
   },
   "devDependencies": {
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
+}

packages/unified-dashboard/src/index.ts

@@ -0,0 +1,14 @@
+import { defineModule } from '@directus/extensions-sdk';
+import ModuleComponent from './module.vue';
+
+export default defineModule({
+    id: 'unified-dashboard',
+    name: 'Overview',
+    icon: 'dashboard',
+    routes: [
+        {
+            path: '',
+            component: ModuleComponent,
+        },
+    ],
+});

packages/unified-dashboard/src/module.vue

@@ -0,0 +1,145 @@
+<template>
+	<private-view title="Overview">
+		<div class="dashboard">
+			<header class="dashboard-header">
+				<h1 class="title">Infrastructure Stack</h1>
+				<p class="subtitle">Zentrale Schnittstelle für Firmen, Personen und Leads.</p>
+			</header>
+
+			<div class="stats-grid">
+				<div class="stat-card" @click="navigateTo('company-manager')">
+					<div class="stat-icon"><v-icon name="business" large /></div>
+					<div class="stat-content">
+						<span class="stat-label">Firmen</span>
+						<span class="stat-value">{{ stats.companies }}</span>
+					</div>
+					<v-icon name="chevron_right" class="arrow" />
+				</div>
+
+				<div class="stat-card" @click="navigateTo('people-manager')">
+					<div class="stat-icon"><v-icon name="person" large /></div>
+					<div class="stat-content">
+						<span class="stat-label">Personen</span>
+						<span class="stat-value">{{ stats.people }}</span>
+					</div>
+					<v-icon name="chevron_right" class="arrow" />
+				</div>
+
+				<div class="stat-card" @click="navigateTo('acquisition-manager')">
+					<div class="stat-icon"><v-icon name="auto_awesome" large /></div>
+					<div class="stat-content">
+						<span class="stat-label">Leads</span>
+						<span class="stat-value">{{ stats.leads }}</span>
+					</div>
+					<v-icon name="chevron_right" class="arrow" />
+				</div>
+			</div>
+
+			<div class="recent-activity">
+				<h2 class="section-title">Schnellzugriff</h2>
+				<div class="action-grid">
+					<v-button secondary block @click="navigateTo('people-manager', { create: 'true' })">
+						<v-icon name="person_add" left />
+						Neue Person anlegen
+					</v-button>
+					<v-button secondary block @click="navigateTo('acquisition-manager', { create: 'true' })">
+						<v-icon name="add_link" left />
+						Neuen Lead registrieren
+					</v-button>
+					<v-button secondary block @click="navigateTo('customer-manager', { create: 'true' })">
+						<v-icon name="handshake" left />
+						Kunden verlinken
+					</v-button>
+				</div>
+			</div>
+		</div>
+	</private-view>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useApi } from '@directus/extensions-sdk';
+import { useRouter } from 'vue-router';
+
+const api = useApi();
+const router = useRouter();
+
+const stats = ref({
+	companies: 0,
+	people: 0,
+	leads: 0
+});
+
+async function fetchStats() {
+	try {
+		const [comp, peop, lead] = await Promise.all([
+			api.get('/items/companies?aggregate[count]=*'),
+			api.get('/items/people?aggregate[count]=*'),
+			api.get('/items/leads?aggregate[count]=*')
+		]);
+		stats.value = {
+			companies: comp.data.data[0].count,
+			people: peop.data.data[0].count,
+			leads: lead.data.data[0].count
+		};
+	} catch (error) {
+		console.error('Failed to fetch stats:', error);
+	}
+}
+
+function navigateTo(id: string, query?: any) {
+    router.push({ name: `module-${id}`, query });
+}
+
+onMounted(fetchStats);
+</script>
+
+<style scoped>
+.dashboard { padding: 40px; }
+.dashboard-header { margin-bottom: 48px; }
+.title { font-size: 32px; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 8px; }
+.subtitle { color: var(--theme--foreground-subdued); font-size: 16px; }
+
+.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 48px; }
+
+.stat-card {
+	background: var(--theme--background-normal);
+	border: 1px solid var(--theme--border);
+	padding: 24px;
+	border-radius: 12px;
+	display: flex;
+	align-items: center;
+	gap: 20px;
+	cursor: pointer;
+	transition: all 0.2s ease;
+	position: relative;
+}
+
+.stat-card:hover {
+	border-color: var(--theme--primary);
+	transform: translateY(-2px);
+	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
+}
+
+.stat-icon {
+	width: 56px;
+	height: 56px;
+	background: var(--theme--background-subdued);
+	border-radius: 12px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--theme--primary);
+}
+
+.stat-content { display: flex; flex-direction: column; }
+.stat-label { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px; }
+.stat-value { font-size: 28px; font-weight: 800; color: var(--theme--foreground); }
+
+.arrow { position: absolute; right: 24px; opacity: 0.2; }
+.stat-card:hover .arrow { opacity: 1; color: var(--theme--primary); }
+
+.recent-activity { max-width: 600px; }
+.section-title { font-size: 18px; font-weight: 700; margin-bottom: 24px; }
+.action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+</style>

pnpm-lock.yaml

@@ -12,6 +12,9 @@ importers:
 
   .:
     dependencies:
+      globals:
+        specifier: ^17.3.0
+        version: 17.3.0
       import-in-the-middle:
         specifier: ^3.0.0
         version: 3.0.0
@@ -161,7 +164,7 @@ importers:
     devDependencies:
       '@directus/extensions-sdk':
         specifier: 11.0.2
-        version: 11.0.2(@types/node@22.19.10)(@unhead/vue@1.11.20(vue@3.5.28(typescript@5.9.3)))(knex@3.1.0)(lightningcss@1.30.2)(pinia@2.3.1(typescript@5.9.3)(vue@3.5.28(typescript@5.9.3)))(pino@10.3.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)
+        version: 11.0.2(@types/node@22.19.10)(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(knex@3.1.0)(lightningcss@1.30.2)(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(pino@10.3.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)
       '@mintel/mail':
         specifier: workspace:*
         version: link:../mail
@@ -176,6 +179,10 @@ importers:
         version: 5.9.3
 
   packages/acquisition-manager:
+    dependencies:
+      '@mintel/directus-extension-toolkit':
+        specifier: workspace:*
+        version: link:../directus-extension-toolkit
     devDependencies:
       '@directus/extensions-sdk':
         specifier: 11.0.2
@@ -243,6 +250,10 @@ importers:
   packages/cms-infra: {}
 
   packages/company-manager:
+    dependencies:
+      '@mintel/directus-extension-toolkit':
+        specifier: workspace:*
+        version: link:../directus-extension-toolkit
     devDependencies:
       '@directus/extensions-sdk':
         specifier: 11.0.2
@@ -252,6 +263,10 @@ importers:
         version: 3.5.28(typescript@5.9.3)
 
   packages/customer-manager:
+    dependencies:
+      '@mintel/directus-extension-toolkit':
+        specifier: workspace:*
+        version: link:../directus-extension-toolkit
     devDependencies:
       '@directus/extensions-sdk':
         specifier: 11.0.2
@@ -265,6 +280,9 @@ importers:
       '@directus/extensions-sdk':
         specifier: 11.0.2
         version: 11.0.2(@types/node@22.19.10)(@unhead/vue@1.11.20(vue@3.5.28(typescript@5.9.3)))(knex@3.1.0)(lightningcss@1.30.2)(pinia@2.3.1(typescript@5.9.3)(vue@3.5.28(typescript@5.9.3)))(pino@10.3.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.4
+        version: 6.0.4(vite@5.4.21(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.28(typescript@5.9.3))
       typescript:
         specifier: ^5.0.0
         version: 5.9.3
@@ -425,7 +443,7 @@ importers:
         version: 5.9.3
       vitest:
         specifier: ^3.0.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.10)(@vitest/ui@4.0.18(vitest@4.0.18))(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.10)(@vitest/ui@4.0.18)(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
 
   packages/next-config:
     dependencies:
@@ -587,7 +605,7 @@ importers:
         version: 5.9.3
       vitest:
         specifier: ^2.0.0
-        version: 2.1.9(@types/node@22.19.10)(@vitest/ui@4.0.18(vitest@4.0.18))(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
+        version: 2.1.9(@types/node@22.19.10)(@vitest/ui@4.0.18)(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
 
   packages/pdf-library:
     dependencies:
@@ -624,6 +642,10 @@ importers:
         version: 5.9.3
 
   packages/people-manager:
+    dependencies:
+      '@mintel/directus-extension-toolkit':
+        specifier: workspace:*
+        version: link:../directus-extension-toolkit
     devDependencies:
       '@directus/extensions-sdk':
         specifier: 11.0.2
@@ -3483,6 +3505,13 @@ packages:
       vite: ^4.0.0 || ^5.0.0
       vue: ^3.2.25
 
+  '@vitejs/plugin-vue@6.0.4':
+    resolution: {integrity: sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      vue: ^3.2.25
+
   '@vitest/expect@2.1.9':
     resolution: {integrity: sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw==}
 
@@ -5099,6 +5128,10 @@ packages:
     resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
     engines: {node: '>=18'}
 
+  globals@17.3.0:
+    resolution: {integrity: sha512-yMqGUQVVCkD4tqjOJf3TnrvaaHDMYp4VlUSObbkIiuCPe/ofdMBFIAcBbCSRFWOnos6qRiTVStDwqPLUclaxIw==}
+    engines: {node: '>=18'}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -8793,6 +8826,57 @@ snapshots:
 
   '@directus/constants@11.0.3': {}
 
+  '@directus/extensions-sdk@11.0.2(@types/node@22.19.10)(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(knex@3.1.0)(lightningcss@1.30.2)(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(pino@10.3.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)':
+    dependencies:
+      '@directus/composables': 10.1.12(vue@3.4.21(typescript@5.9.3))
+      '@directus/constants': 11.0.3
+      '@directus/extensions': 1.0.2(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(knex@3.1.0)(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(pino@10.3.1)(vue@3.4.21(typescript@5.9.3))
+      '@directus/themes': 0.3.6(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(vue@3.4.21(typescript@5.9.3))
+      '@directus/types': 11.0.8(knex@3.1.0)(vue@3.4.21(typescript@5.9.3))
+      '@directus/utils': 11.0.7(vue@3.4.21(typescript@5.9.3))
+      '@rollup/plugin-commonjs': 25.0.7(rollup@3.29.4)
+      '@rollup/plugin-json': 6.1.0(rollup@3.29.4)
+      '@rollup/plugin-node-resolve': 15.2.3(rollup@3.29.4)
+      '@rollup/plugin-replace': 5.0.5(rollup@3.29.4)
+      '@rollup/plugin-terser': 0.4.4(rollup@3.29.4)
+      '@rollup/plugin-virtual': 3.0.2(rollup@3.29.4)
+      '@vitejs/plugin-vue': 4.6.2(vite@4.5.2(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.4.21(typescript@5.9.3))
+      chalk: 5.3.0
+      commander: 10.0.1
+      esbuild: 0.17.19
+      execa: 7.2.0
+      fs-extra: 11.2.0
+      inquirer: 9.2.16
+      ora: 6.3.1
+      rollup: 3.29.4
+      rollup-plugin-esbuild: 5.0.0(esbuild@0.17.19)(rollup@3.29.4)
+      rollup-plugin-styles: 4.0.0(rollup@3.29.4)
+      vite: 4.5.2(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
+      vue: 3.4.21(typescript@5.9.3)
+    transitivePeerDependencies:
+      - '@types/node'
+      - '@unhead/vue'
+      - better-sqlite3
+      - debug
+      - knex
+      - less
+      - lightningcss
+      - mysql
+      - mysql2
+      - pg
+      - pg-native
+      - pinia
+      - pino
+      - sass
+      - sqlite3
+      - stylus
+      - sugarss
+      - supports-color
+      - tedious
+      - terser
+      - typescript
+      - vue-router
+
   '@directus/extensions-sdk@11.0.2(@types/node@22.19.10)(@unhead/vue@1.11.20(vue@3.5.28(typescript@5.9.3)))(knex@3.1.0)(lightningcss@1.30.2)(pinia@2.3.1(typescript@5.9.3)(vue@3.5.28(typescript@5.9.3)))(pino@10.3.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)':
     dependencies:
       '@directus/composables': 10.1.12(vue@3.4.21(typescript@5.9.3))
@@ -8844,6 +8928,32 @@ snapshots:
       - typescript
       - vue-router
 
+  '@directus/extensions@1.0.2(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(knex@3.1.0)(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(pino@10.3.1)(vue@3.4.21(typescript@5.9.3))':
+    dependencies:
+      '@directus/constants': 11.0.3
+      '@directus/themes': 0.3.6(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(vue@3.4.21(typescript@5.9.3))
+      '@directus/types': 11.0.8(knex@3.1.0)(vue@3.4.21(typescript@5.9.3))
+      '@directus/utils': 11.0.7(vue@3.4.21(typescript@5.9.3))
+      '@types/express': 4.17.21
+      fs-extra: 11.2.0
+      lodash-es: 4.17.21
+      zod: 3.22.4
+    optionalDependencies:
+      knex: 3.1.0
+      pino: 10.3.1
+      vue: 3.4.21(typescript@5.9.3)
+    transitivePeerDependencies:
+      - '@unhead/vue'
+      - better-sqlite3
+      - mysql
+      - mysql2
+      - pg
+      - pg-native
+      - pinia
+      - sqlite3
+      - supports-color
+      - tedious
+
   '@directus/extensions@1.0.2(@unhead/vue@1.11.20(vue@3.5.28(typescript@5.9.3)))(knex@3.1.0)(pinia@2.3.1(typescript@5.9.3)(vue@3.5.28(typescript@5.9.3)))(pino@10.3.1)(vue@3.4.21(typescript@5.9.3))':
     dependencies:
       '@directus/constants': 11.0.3
@@ -8887,6 +8997,17 @@ snapshots:
 
   '@directus/system-data@1.0.2': {}
 
+  '@directus/themes@0.3.6(@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3)))(pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)))(vue@3.4.21(typescript@5.9.3))':
+    dependencies:
+      '@directus/utils': 11.0.7(vue@3.4.21(typescript@5.9.3))
+      '@sinclair/typebox': 0.32.15
+      '@unhead/vue': 1.11.20(vue@3.4.21(typescript@5.9.3))
+      decamelize: 6.0.0
+      flat: 6.0.1
+      lodash-es: 4.17.21
+      pinia: 2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3))
+      vue: 3.4.21(typescript@5.9.3)
+
   '@directus/themes@0.3.6(@unhead/vue@1.11.20(vue@3.5.28(typescript@5.9.3)))(pinia@2.3.1(typescript@5.9.3)(vue@3.5.28(typescript@5.9.3)))(vue@3.4.21(typescript@5.9.3))':
     dependencies:
       '@directus/utils': 11.0.7(vue@3.4.21(typescript@5.9.3))
@@ -10978,6 +11099,14 @@ snapshots:
       '@unhead/schema': 1.11.20
       packrup: 0.1.2
 
+  '@unhead/vue@1.11.20(vue@3.4.21(typescript@5.9.3))':
+    dependencies:
+      '@unhead/schema': 1.11.20
+      '@unhead/shared': 1.11.20
+      hookable: 5.5.3
+      unhead: 1.11.20
+      vue: 3.4.21(typescript@5.9.3)
+
   '@unhead/vue@1.11.20(vue@3.5.28(typescript@5.9.3))':
     dependencies:
       '@unhead/schema': 1.11.20
@@ -11062,6 +11191,12 @@ snapshots:
       vite: 4.5.2(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
       vue: 3.4.21(typescript@5.9.3)
 
+  '@vitejs/plugin-vue@6.0.4(vite@5.4.21(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.28(typescript@5.9.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-rc.2
+      vite: 5.4.21(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
+      vue: 3.5.28(typescript@5.9.3)
+
   '@vitest/expect@2.1.9':
     dependencies:
       '@vitest/spy': 2.1.9
@@ -13087,6 +13222,8 @@ snapshots:
 
   globals@16.4.0: {}
 
+  globals@17.3.0: {}
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
@@ -14402,6 +14539,16 @@ snapshots:
 
   pify@4.0.1: {}
 
+  pinia@2.3.1(typescript@5.9.3)(vue@3.4.21(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.4.21(typescript@5.9.3)
+      vue-demi: 0.14.10(vue@3.4.21(typescript@5.9.3))
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
   pinia@2.3.1(typescript@5.9.3)(vue@3.5.28(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
@@ -15882,7 +16029,7 @@ snapshots:
       tsx: 4.21.0
       yaml: 2.8.2
 
-  vitest@2.1.9(@types/node@22.19.10)(@vitest/ui@4.0.18(vitest@4.0.18))(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0):
+  vitest@2.1.9(@types/node@22.19.10)(@vitest/ui@4.0.18)(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0):
     dependencies:
       '@vitest/expect': 2.1.9
       '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@22.19.10)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
@@ -15920,7 +16067,7 @@ snapshots:
       - supports-color
       - terser
 
-  vitest@3.2.4(@types/debug@4.1.12)(@types/node@22.19.10)(@vitest/ui@4.0.18(vitest@4.0.18))(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0):
+  vitest@3.2.4(@types/debug@4.1.12)(@types/node@22.19.10)(@vitest/ui@4.0.18)(happy-dom@20.5.3)(jsdom@27.4.0)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0):
     dependencies:
       '@types/chai': 5.2.3
       '@vitest/expect': 3.2.4
@@ -16003,6 +16150,10 @@ snapshots:
       - tsx
       - yaml
 
+  vue-demi@0.14.10(vue@3.4.21(typescript@5.9.3)):
+    dependencies:
+      vue: 3.4.21(typescript@5.9.3)
+
   vue-demi@0.14.10(vue@3.5.28(typescript@5.9.3)):
     dependencies:
       vue: 3.5.28(typescript@5.9.3)

scripts/cms-up.sh

@@ -0,0 +1,27 @@
+#!/bin/bash
+
+# Configuration
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+
+echo "🚀 Starting CMS infrastructure..."
+
+# 1. Build extensions (pass all arguments to handle flags like --link)
+"$SCRIPT_DIR/sync-extensions.sh" "$@"
+
+# Filter out --link before passing to docker compose
+DOCKER_ARGS=()
+for arg in "$@"; do
+    if [ "$arg" != "--link" ]; then
+        DOCKER_ARGS+=("$arg")
+    fi
+done
+
+# 2. Docker compose up with arguments
+cd "$REPO_ROOT/packages/cms-infra"
+docker compose up -d "${DOCKER_ARGS[@]}"
+
+# 3. Apply core patch
+"$SCRIPT_DIR/patch-cms.sh"
+
+echo "✨ CMS is up and patched!"

scripts/patch-cms.sh

@@ -0,0 +1,66 @@
+#!/bin/bash
+
+# Configuration
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+
+# Define potential container names
+CONTAINERS=("cms-infra-infra-cms-1" "at-mintel-directus-1")
+
+echo "🔧 Checking for Directus containers to patch..."
+
+for CONTAINER in "${CONTAINERS[@]}"; do
+    # Check if container exists and is running
+    if [ "$(docker ps -q -f name=^/${CONTAINER}$)" ]; then
+        echo "🔧 Applying core patch to Directus container: $CONTAINER..."
+        docker exec "$CONTAINER" node -e '
+        const fs = require("node:fs");
+        // Try multiple potential paths for the node_modules location
+        const searchPaths = [
+            "/directus/node_modules/.pnpm/@directus+extensions@file+packages+extensions_deep-diff@1.0.2_express@4.21.2_graphql@16_244b87fbecd929c2d2240e7b3abc1fe4/node_modules/@directus/extensions/dist/node.js",
+            "/directus/node_modules/@directus/extensions/dist/node.js"
+        ];
+        
+        let targetPath = null;
+        for (const p of searchPaths) {
+            if (fs.existsSync(p)) {
+                targetPath = p;
+                break;
+            }
+        }
+
+        if (targetPath) {
+          let content = fs.readFileSync(targetPath, "utf8");
+          
+          // Patch the filter: allow string entrypoints for modules
+          const filterPatch = "extension.host === \"app\" && (extension.entrypoint.app || extension.entrypoint)";
+          if (!content.includes(filterPatch)) {
+            content = content.replace(
+              /extension\.host === \"app\" && !!extension\.entrypoint\.app/g,
+              filterPatch
+            );
+          }
+
+          // Patch all imports: handle string entrypoints
+          if (!content.includes("(extension.entrypoint.app || extension.entrypoint)")) {
+            content = content.replace(
+              /extension\.entrypoint\.app/g,
+              "(extension.entrypoint.app || extension.entrypoint)"
+            );
+          }
+
+          fs.writeFileSync(targetPath, content);
+          console.log(`✅ Core patched successfully at ${targetPath}.`);
+        } else {
+          console.error("⚠️  Could not find @directus/extensions node.js to patch!");
+        }
+        '
+        
+        echo "🔄 Restarting Directus container: $CONTAINER..."
+        docker restart "$CONTAINER"
+    else
+        echo "ℹ️  Container $CONTAINER is not running or not found. Skipping patch."
+    fi
+done
+
+echo "✨ Patching process finished."

scripts/sync-extensions.sh

@@ -4,71 +4,142 @@
 SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
 REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
 EXTENSIONS_ROOT="$REPO_ROOT/packages"
-TARGET_DIR="$REPO_ROOT/directus/extensions"
 
-# List of extensions to sync - including modules and endpoints
-EXTENSIONS=(
+# Strict local targets for bombproof isolation
+TARGET_DIRS=(
+  "$REPO_ROOT/packages/cms-infra/extensions"
+  "$REPO_ROOT/directus/extensions"
+)
+
+# List of extension packages to sync
+EXTENSION_PACKAGES=(
   "acquisition"
   "acquisition-manager"
+  "company-manager"
   "customer-manager"
   "feedback-commander"
   "people-manager"
+  "unified-dashboard"
 )
 
-echo "🚀 Starting extension sync..."
-
-# Ensure target directory exists
-mkdir -p "$TARGET_DIR"
-
-# Build the acquisition library first so extensions use the updated build
-echo "📦 Building acquisition-library..."
-(cd "$REPO_ROOT/packages/acquisition-library" && pnpm build)
-
-for EXT in "${EXTENSIONS[@]}"; do
-  EXT_PATH="$EXTENSIONS_ROOT/$EXT"
-  
-  if [ -d "$EXT_PATH" ]; then
-    echo "📦 Building $EXT..."
-    
-    # Build the extension
-    # We use --if-present to avoid errors if build script is missing
-    (cd "$EXT_PATH" && pnpm build)
-    
-    # Create target directory for this extension
-    # Directus expects extensions to be in subdirectories matching their name
-    mkdir -p "$TARGET_DIR/$EXT"
-    
-    echo "🚚 Syncing $EXT to $TARGET_DIR/$EXT..."
-    
-    # Clean target first to avoid ghost files
-    rm -rf "${TARGET_DIR:?}/$EXT"/*
-    
-    # Copy build artifacts and package metadata
-    # Some extensions have index.js in root after build, some use dist/
-    # We check for index.js and package.json
-    if [ -f "$EXT_PATH/index.js" ]; then
-        cp "$EXT_PATH/index.js" "$TARGET_DIR/$EXT/"
-    fi
-    
-    if [ -f "$EXT_PATH/package.json" ]; then
-        cp "$EXT_PATH/package.json" "$TARGET_DIR/$EXT/"
-    fi
-
-    if [ -d "$EXT_PATH/dist" ]; then
-        cp -r "$EXT_PATH/dist" "$TARGET_DIR/$EXT/"
-    fi
-    
-    # Sync node_modules if they exist (sometimes needed if not everything is bundled)
-    # Deactivated: Causes global scope pollution and login issues in Directus
-    # if [ -d "$EXT_PATH/node_modules" ]; then
-    #    echo "📚 Syncing node_modules for $EXT..."
-    #    rsync -aL --delete "$EXT_PATH/node_modules/" "$TARGET_DIR/$EXT/node_modules/"
-    # fi
-
-    echo "✅ $EXT synced."
-  else
-    echo "❌ Extension source not found: $EXT_PATH"
+# Parse flags
+LINK_MODE=false
+for arg in "$@"; do
+  if [ "$arg" == "--link" ]; then
+    LINK_MODE=true
   fi
 done
 
-echo "✨ Extension sync complete!"
+echo "🚀 Starting isolated extension sync..."
+
+# Ensure target directories exist
+for TARGET in "${TARGET_DIRS[@]}"; do
+  mkdir -p "$TARGET"
+done
+
+# Build the acquisition library if it exists
+if [ -d "$REPO_ROOT/packages/acquisition" ]; then
+    echo "📦 Building acquisition..."
+    (cd "$REPO_ROOT/packages/acquisition" && pnpm build)
+fi
+
+for PKG in "${EXTENSION_PACKAGES[@]}"; do
+  PKG_PATH="$EXTENSIONS_ROOT/$PKG"
+  
+  if [ -d "$PKG_PATH" ]; then
+    echo "📦 Processing $PKG..."
+    
+    # 1. Build the extension
+    (cd "$PKG_PATH" && pnpm build)
+    
+    EXT_NAME="$PKG"
+    echo "🚚 Syncing $EXT_NAME..."
+
+    # 3. Sync to each target directory
+    for TARGET_BASE in "${TARGET_DIRS[@]}"; do
+      # FLAT STRUCTURE: Directus 11.15.x local scanner is FLAT.
+      FINAL_TARGET="$TARGET_BASE/$EXT_NAME"
+      
+      echo "🚚 Syncing $EXT_NAME to $FINAL_TARGET..."
+      
+      # Clean target first to avoid ghost files
+      mkdir -p "$FINAL_TARGET"
+      rm -rf "${FINAL_TARGET:?}"/*
+      
+      # Copy build artifacts
+      if [ "$LINK_MODE" = true ]; then
+          if [ -f "$PKG_PATH/dist/index.js" ]; then
+              ln -sf "$PKG_PATH/dist/index.js" "$FINAL_TARGET/index.js"
+          elif [ -f "$PKG_PATH/index.js" ]; then
+              ln -sf "$PKG_PATH/index.js" "$FINAL_TARGET/index.js"
+          fi
+      else
+          if [ -f "$PKG_PATH/dist/index.js" ]; then
+              cp "$PKG_PATH/dist/index.js" "$FINAL_TARGET/index.js"
+          elif [ -f "$PKG_PATH/index.js" ]; then
+              cp "$PKG_PATH/index.js" "$FINAL_TARGET/index.js"
+          fi
+      fi
+      
+      if [ -f "$PKG_PATH/package.json" ]; then
+          # We ALWAYS copy and patch package.json to avoid messing with source
+          cp "$PKG_PATH/package.json" "$FINAL_TARGET/"
+          # We force the registration path to index.js and ensure host/source are set
+          node -e "
+            const fs = require('fs');
+            const pkgPath = '$FINAL_TARGET/package.json';
+            const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+            if (!pkg['directus:extension']) pkg['directus:extension'] = {};
+            
+            // Standard metadata for Directus 11.15.x (with core patch applied)
+            pkg['directus:extension'].path = 'index.js';
+            if (!pkg['directus:extension'].host) {
+                pkg['directus:extension'].host = pkg['directus:extension'].type === 'endpoint' ? 'api' : 'app';
+            }
+            if (!pkg['directus:extension'].source) {
+                pkg['directus:extension'].source = 'src/index.ts';
+            }
+            
+            fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+          "
+      fi
+
+      if [ -d "$PKG_PATH/dist" ]; then
+          if [ "$LINK_MODE" = true ]; then
+              ln -sf "$PKG_PATH/dist" "$FINAL_TARGET/dist"
+          else
+              cp -r "$PKG_PATH/dist" "$FINAL_TARGET/"
+          fi
+      fi
+    done
+    
+    echo "✅ $PKG synced."
+  else
+    echo "❌ Extension source not found: $PKG_PATH"
+  fi
+done
+
+# Cleanup: remove anything from extensions root that isn't in our whitelist
+WHITELIST=("${EXTENSION_PACKAGES[@]}" "endpoints" "hooks" "layouts" "modules" "operations" "panels" "displays" "interfaces")
+
+for TARGET_BASE in "${TARGET_DIRS[@]}"; do
+  echo "🧹 Cleaning up $TARGET_BASE..."
+  for ITEM in "$TARGET_BASE"/*; do
+    [ -e "$ITEM" ] || continue
+    BN=$(basename "$ITEM")
+    IS_ALLOWED=false
+    for W in "${WHITELIST[@]}"; do
+      if [[ "$BN" == "$W" ]]; then IS_ALLOWED=true; break; fi
+    done
+    
+    if [ "$IS_ALLOWED" = false ]; then
+      echo "  🗑️ Removing extra/legacy item: $BN"
+      rm -rf "$ITEM"
+    fi
+  done
+done
+
+# Container patching is now handled by scripts/patch-cms.sh
+# which should be run AFTER the containers are up.
+
+echo "✨ Sync complete! Extensions are in packages/cms-infra/extensions."