chore: release v1.9.9

This ensures packages published to the registry link back to the at-mintel
repository in the Gitea UI packages tab.

.changeset/resilient-build-scripts.md

@@ -1,7 +0,0 @@
----
-"@mintel/monorepo": patch
-"acquisition-manager": patch
-"feedback-commander": patch
----
-
-fix: make directus extension build scripts more resilient

.dockerignore

@@ -1,12 +1,26 @@
 node_modules
+**/node_modules
 .next
+**/.next
 .git
 # .npmrc is allowed as it contains the registry template
 dist
+**/dist
 build
+**/build
 out
+**/out
 coverage
+**/coverage
 .vercel
+**/.vercel
 .turbo
+**/.turbo
 *.log
+**/*.log
 .DS_Store
+**/.DS_Store
+.pnpm-store
+**/.pnpm-store
+.gitea
+**/.gitea

.env

@@ -1,8 +1,15 @@
 # Project
-IMAGE_TAG=1.8.4
+IMAGE_TAG=v1.8.19
 PROJECT_NAME=at-mintel
 PROJECT_COLOR=#82ed20
 GITEA_TOKEN=ccce002e30fe16a31a6c9d5a414740af2f72a582
+OPENROUTER_API_KEY=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
+ZYTE_API_KEY=1f0f74726f044f55aaafc7ead32cd489
+REPLICATE_API_KEY=r8_W3grtpXMRfi0u3AM9VdkKbuWdZMmhwU2Tn0yt
+SERPER_API_KEY=02f69a8db9578c41fb1c8ed9f7a999302da644ff
+DATA_FOR_SEO_API_KEY=bWFyY0BtaW50ZWwubWU6MjQ0YjBjZmIzOGY3NTIzZA==
+DATA_FOR_SEO_LOGIN=marc@mintel.me
+DATA_FOR_SEO_PASSWORD=244b0cfb38f7523d
 
 # Authentication
 GATEKEEPER_PASSWORD=mintel

.env.example

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

.gitea/actions/core-smoke-tests/action.yml

@@ -0,0 +1,41 @@
+name: "Mintel Core Smoke Tests"
+description: "Executes standard fast HTTP, API, and Locale validation checks."
+
+inputs:
+  TARGET_URL:
+    description: 'The deployed URL to test against'
+    required: true
+  GATEKEEPER_PASSWORD:
+    description: 'Gatekeeper bypass password'
+    required: true
+  UMAMI_API_ENDPOINT:
+    description: 'Umami Analytics Endpoint'
+    required: false
+    default: 'https://analytics.infra.mintel.me'
+  SENTRY_DSN:
+    description: 'Sentry / Glitchtip DSN'
+    required: false
+
+runs:
+  using: "composite"
+  steps:
+    - name: 🌐 Full Sitemap HTTP Validation
+      shell: bash
+      env:
+        NEXT_PUBLIC_BASE_URL: ${{ inputs.TARGET_URL }}
+        GATEKEEPER_PASSWORD: ${{ inputs.GATEKEEPER_PASSWORD }}
+      run: pnpm run check:http
+
+    - name: 🌐 Locale & Language Switcher Validation
+      shell: bash
+      env:
+        NEXT_PUBLIC_BASE_URL: ${{ inputs.TARGET_URL }}
+        GATEKEEPER_PASSWORD: ${{ inputs.GATEKEEPER_PASSWORD }}
+      run: pnpm run check:locale
+
+    - name: 🌐 External API Smoke Test (Umami & Sentry)
+      shell: bash
+      env:
+        UMAMI_API_ENDPOINT:  ${{ inputs.UMAMI_API_ENDPOINT }}
+        SENTRY_DSN:          ${{ inputs.SENTRY_DSN }}
+      run: pnpm run check:apis

.gitea/workflows/maintenance.yml

@@ -24,8 +24,8 @@ jobs:
 
           # Run the prune script on the host
           # We transfer the script and execute it to ensure it matches the repo version
-          scp packages/infra/scripts/prune-registry.sh root@${{ secrets.SSH_HOST }}:/tmp/prune-registry.sh
-          ssh root@${{ secrets.SSH_HOST }} "bash /tmp/prune-registry.sh && rm /tmp/prune-registry.sh"
+          scp packages/infra/scripts/mintel-optimizer.sh root@${{ secrets.SSH_HOST }}:/tmp/mintel-optimizer.sh
+          ssh root@${{ secrets.SSH_HOST }} "bash /tmp/mintel-optimizer.sh && rm /tmp/mintel-optimizer.sh"
 
       - name: 🔔 Notification - Success
         if: success()

.gitea/workflows/pipeline.yml

@@ -91,6 +91,8 @@ jobs:
         run: pnpm install --frozen-lockfile --prefer-offline --ignore-scripts --no-color
       - name: Lint
         run: pnpm lint
+      - name: Check Dependencies (Depcheck)
+        run: pnpm -r exec npx --yes depcheck --skip-missing --ignores="eslint*,@eslint/*,@types/*,typescript,tsup,tsx,vitest,tailwindcss,postcss,autoprefixer,@mintel/*,ts-node,*in-the-middle,pino*,@commitlint/*,@changesets/*,globals"
 
   test:
     name: 🧪 Test
@@ -189,9 +191,7 @@ jobs:
           - image: gatekeeper
             file: packages/infra/docker/Dockerfile.gatekeeper
             name: Gatekeeper (Product)
-          - image: directus
-            file: packages/infra/docker/Dockerfile.directus
-            name: Directus (Base)
+
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -202,23 +202,22 @@ jobs:
       - name: 🔐 Registry Login
         uses: docker/login-action@v3
         with:
-          registry: registry.infra.mintel.me
-          username: ${{ secrets.REGISTRY_USER }}
-          password: ${{ secrets.REGISTRY_PASS }}
+          registry: git.infra.mintel.me
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: 🏗️ Build & Push ${{ matrix.name }}
         uses: docker/build-push-action@v5
         with:
           context: .
           file: ${{ matrix.file }}
-          platforms: linux/arm64
+          platforms: linux/amd64
           pull: true
+          provenance: false
           push: true
           secrets: |
             NPM_TOKEN=${{ secrets.NPM_TOKEN }}
           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
+            git.infra.mintel.me/mmintel/${{ matrix.image }}:${{ github.ref_name }}
+            git.infra.mintel.me/mmintel/${{ matrix.image }}:latest
 

.gitea/workflows/quality-assurance-template.yml

@@ -0,0 +1,243 @@
+name: Reusable Nightly QA
+
+on:
+  workflow_call:
+    inputs:
+      TARGET_URL:
+        description: 'The URL to test (e.g., https://testing.klz-cables.com)'
+        required: true
+        type: string
+      PROJECT_NAME:
+        description: 'The internal project name for notifications'
+        required: true
+        type: string
+    secrets:
+      GOTIFY_URL:
+        required: true
+      GOTIFY_TOKEN:
+        required: true
+      GATEKEEPER_PASSWORD:
+        required: true
+      NPM_TOKEN:
+        required: false
+      MINTEL_PRIVATE_TOKEN:
+        required: false
+      GITEA_PAT:
+        required: false
+
+jobs:
+  prepare:
+    name: 🏗️ Prepare & Install
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: 🔐 Registry Auth
+        run: |
+          echo "@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm" > .npmrc
+          echo "//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${{ secrets.NPM_TOKEN || secrets.MINTEL_PRIVATE_TOKEN || secrets.GITEA_PAT }}" >> .npmrc
+      - name: Install dependencies
+        run: |
+          pnpm store prune
+          pnpm install --no-frozen-lockfile
+      - name: 📦 Archive dependencies
+        uses: actions/upload-artifact@v4
+        with:
+          name: node_modules
+          path: |
+            node_modules
+            .npmrc
+          retention-days: 1
+
+  static:
+    name: 🔍 Static Analysis
+    needs: prepare
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: 📥 Restore dependencies
+        uses: actions/download-artifact@v4
+        with:
+          name: node_modules
+      - name: 🌐 HTML Validation
+        env:
+          NEXT_PUBLIC_BASE_URL: ${{ inputs.TARGET_URL }}
+          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
+        run: pnpm run check:html
+      - name: 🖼️ Asset Scan
+        env:
+          NEXT_PUBLIC_BASE_URL: ${{ inputs.TARGET_URL }}
+          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
+        run: pnpm run check:assets
+
+  accessibility:
+    name: ♿ Accessibility
+    needs: prepare
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: 📥 Restore dependencies
+        uses: actions/download-artifact@v4
+        with:
+          name: node_modules
+      - name: 🔍 Install Chromium
+        run: |
+          apt-get update && apt-get install -y gnupg wget ca-certificates
+          CODENAME=$(. /etc/os-release && echo $VERSION_CODENAME)
+          mkdir -p /etc/apt/keyrings
+          wget -qO- "https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x82BB6851C64F6880" | gpg --dearmor > /etc/apt/keyrings/xtradeb.gpg
+          echo "deb [signed-by=/etc/apt/keyrings/xtradeb.gpg] http://ppa.launchpad.net/xtradeb/apps/ubuntu $CODENAME main" > /etc/apt/sources.list.d/xtradeb-ppa.list
+          printf "Package: *\nPin: release o=LP-PPA-xtradeb-apps\nPin-Priority: 1001\n" > /etc/apt/preferences.d/xtradeb
+          apt-get update && apt-get install -y --allow-downgrades chromium
+          ln -sf /usr/bin/chromium /usr/bin/google-chrome
+      - name: ♿ WCAG Scan
+        continue-on-error: true
+        env:
+          NEXT_PUBLIC_BASE_URL: ${{ inputs.TARGET_URL }}
+          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
+        run: pnpm run check:wcag
+
+  analysis:
+    name: 🧪 Maintenance & Links
+    needs: prepare
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: 📥 Restore dependencies
+        uses: actions/download-artifact@v4
+        with:
+          name: node_modules
+      - name: 📦 Depcheck
+        continue-on-error: true
+        run: pnpm dlx depcheck --ignores="*eslint*,*typescript*,*tailwindcss*,*postcss*,*prettier*,*@types/*,*husky*,*lint-staged*,*@next/*,*@lhci/*,*commitlint*,*cspell*,*rimraf*,*@payloadcms/*,*start-server-and-test*,*html-validate*,*critters*,*dotenv*,*turbo*"
+      - name: 🔗 Lychee Link Check
+        uses: lycheeverse/lychee-action@v2
+        with:
+          args: --accept 200,204,429 --timeout 15 content/ app/ public/
+          fail: true
+
+  performance:
+    name: 🎭 Lighthouse
+    needs: prepare
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
+      - name: 📥 Restore dependencies
+        uses: actions/download-artifact@v4
+        with:
+          name: node_modules
+      - name: 🔍 Install Chromium
+        run: |
+          apt-get update && apt-get install -y gnupg wget ca-certificates
+          CODENAME=$(. /etc/os-release && echo $VERSION_CODENAME)
+          mkdir -p /etc/apt/keyrings
+          wget -qO- "https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x82BB6851C64F6880" | gpg --dearmor > /etc/apt/keyrings/xtradeb.gpg
+          echo "deb [signed-by=/etc/apt/keyrings/xtradeb.gpg] http://ppa.launchpad.net/xtradeb/apps/ubuntu $CODENAME main" > /etc/apt/sources.list.d/xtradeb-ppa.list
+          printf "Package: *\nPin: release o=LP-PPA-xtradeb-apps\nPin-Priority: 1001\n" > /etc/apt/preferences.d/xtradeb
+          apt-get update && apt-get install -y --allow-downgrades chromium
+          ln -sf /usr/bin/chromium /usr/bin/google-chrome
+      - name: 🎭 LHCI Desktop
+        env:
+          LHCI_URL: ${{ inputs.TARGET_URL }}
+          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
+        run: pnpm run pagespeed:test -- --collect.settings.preset=desktop
+      - name: 📱 LHCI Mobile
+        env:
+          LHCI_URL: ${{ inputs.TARGET_URL }}
+          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
+        run: pnpm run pagespeed:test -- --collect.settings.preset=mobile
+
+  notifications:
+    name: 🔔 Notify
+    needs: [prepare, static, accessibility, analysis, performance]
+    if: always()
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: 🔔 Gotify
+        shell: bash
+        run: |
+          PREPARE="${{ needs.prepare.result }}"
+          STATIC="${{ needs.static.result }}"
+          A11Y="${{ needs.accessibility.result }}"
+          ANALYSIS="${{ needs.analysis.result }}"
+          PERF="${{ needs.performance.result }}"
+          
+          PROJECT="${{ inputs.PROJECT_NAME }}"
+          URL="${{ inputs.TARGET_URL }}"
+
+          if [[ "$PREPARE" != "success" || "$STATIC" != "success" || "$PERF" != "success" ]]; then
+            PRIORITY=8
+            EMOJI="🚨"
+            STATUS_LINE="Nightly QA Failed! Action required."
+          else
+            PRIORITY=2
+            EMOJI="✅"
+            STATUS_LINE="Nightly QA Passed."
+          fi
+
+          TITLE="$EMOJI $PROJECT Nightly QA"
+          MESSAGE="$STATUS_LINE
+          Prepare: $PREPARE | Static: $STATIC | A11y: $A11Y
+          Analysis: $ANALYSIS | Perf: $PERF
+          $URL"
+
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=$TITLE" \
+            -F "message=$MESSAGE" \
+            -F "priority=$PRIORITY" || true

.gitignore

@@ -37,3 +37,13 @@ Thumbs.db
 
 # Changesets
 .changeset/*.lock
+directus/extensions/
+packages/cms-infra/extensions/
+packages/cms-infra/uploads/
+
+directus/uploads/directus-health-file
+
+# Estimation Engine Data
+data/crawls/
+packages/estimation-engine/out/
+apps/web/out/estimations/

.husky/pre-push

@@ -5,40 +5,4 @@ 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/* ]]; then
-    TAG=${remote_ref#refs/tags/}
-    echo "🏷️ Tag detected: $TAG, ensuring versions are synced..."
-    
-    # Run sync script
-    pnpm sync-versions "$TAG"
-    
-    # Check for changes in relevant files
-    SYNC_FILES="package.json packages/*/package.json apps/*/package.json .env.example"
-    CHANGES=$(git status --porcelain $SYNC_FILES)
-    
-    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
+

.npmrc

@@ -1,6 +1,5 @@
-@mintel:registry=https://npm.infra.mintel.me/
-registry=https://npm.infra.mintel.me/
-//npm.infra.mintel.me/:_authToken=${NPM_TOKEN}
+@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm/
+//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${NPM_TOKEN}
 always-auth=true
 
 public-hoist-pattern[]=*

Dockerfile.template

@@ -1,5 +1,5 @@
 # Stage 1: Builder
-FROM registry.infra.mintel.me/mintel/nextjs:latest AS builder
+FROM git.infra.mintel.me/mmintel/nextjs:latest AS builder
 WORKDIR /app
 
 # Clean the workspace in case the base image is dirty
@@ -37,7 +37,7 @@ COPY . .
 RUN pnpm build
 
 # Stage 2: Runner
-FROM registry.infra.mintel.me/mintel/runtime:latest AS runner
+FROM git.infra.mintel.me/mmintel/runtime:latest AS runner
 WORKDIR /app
 
 ENV HOSTNAME="0.0.0.0"

README.md

@@ -81,3 +81,4 @@ Client websites scaffolded via the CLI use a **tag-based deployment** strategy:
 
 See the [`@mintel/infra`](packages/infra/README.md) package for detailed template documentation.
 
+Trigger rebuilding for x86 architecture.

apps/sample-website/next.config.ts

@@ -1,6 +1,8 @@
 import mintelNextConfig from "@mintel/next-config";
 
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  transpilePackages: ["@mintel/ui"],
+};
 
 export default mintelNextConfig(nextConfig);

apps/sample-website/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-website",
-  "version": "1.8.4",
+  "version": "1.9.9",
   "private": true,
   "type": "module",
   "scripts": {
@@ -15,12 +15,11 @@
     "pagespeed:test": "mintel pagespeed"
   },
   "dependencies": {
+    "@mintel/next-observability": "workspace:*",
     "@mintel/next-utils": "workspace:*",
     "@mintel/observability": "workspace:*",
-    "@mintel/next-observability": "workspace:*",
     "@sentry/nextjs": "10.38.0",
     "next": "16.1.6",
-    "next-intl": "^4.8.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

data/briefings/etib.txt

@@ -0,0 +1,246 @@
+Hallo Marc,
+ 
+eine harte Deadline gibt es nicht – Was denkst du ist realistisch? Ich habe als Ziel so
+April / Mai im Kopf -> dann aber schon zu 95 % fertig. Viele Grüße
+ 
+Mit freundlichen Grüßen
+ 
+Danny Joseph
+Geschäftsführer
+ 
+E-TIB GmbH
+Gewerbestraße 22
+D-03172 Guben
+ 
+Mobil    +49 15207230518
+E-Mail   d.joseph@e-tib.com
+Web      www.e-tib.com
+
+--------------------------------------------------------------------------------------------------
+
+Hey,
+ 
+ich würde wie bei https://www.schleicher-gruppe.de/ ein Video auf der Startseite
+haben wollen. Da ginge sicherlich was vom bisherigen Messevideo. Liebe Grüße.
+ 
+Mit freundlichen Grüßen
+ 
+Danny Joseph
+Geschäftsführer
+ 
+E-TIB GmbH
+Gewerbestraße 22
+D-03172 Guben
+ 
+Mobil    +49 15207230518
+E-Mail   d.joseph@e-tib.com
+Web      www.e-tib.com
+ 
+
+--------------------------------------------------------------------------------------------------
+Geschäftsführung: Danny Joseph
+Handelsregister: Amtsgericht Cottbus
+HRB: 12403 CB
+USt. ID-Nr.: DE304799919
+--------------------------------------------------------------------------------------------------
+ 
+Von: Frieder Helmich <f.helmich@etib-ing.com>
+Gesendet: Donnerstag, 29. Januar 2026 08:49
+An: Marc Mintel <marc@cablecreations.de>; Danny Joseph <d.joseph@e-tib.com>
+Betreff: AW: Homepage E-TIB
+ 
+Hi Marc,
+ 
+brauchst du nur Fotos oder bindest du auch videos ein? Wir haben sehr viel Videomaterial. Wir haben auch einen kleinen Film den wir auf der Messe laufen lassen haben.
+ 
+Mit freundlichen Grüßen
+ 
+i.A. Frieder Helmich
+ 
+E-TIB Ingenieurgesellschaft mbH
+Kampstraße 3
+D-27412 Bülstedt
+ 
+Tel         +49 4283 6979923
+Mobil     +49 173 6560514
+Fax        +49 4283 6084091
+ 
+E-Mail   f.helmich@etib-ing.com
+Web     www.etib-ing.com
+ 
+ETIB_Ing_logo_mk
+Datenschutzhinweise: www.etib-ing.com/datenschutz
+-----------------------------------------------------------------------------------------------
+Geschäftsführung: Julian Helmich
+Handelsregister: Amtsgericht Tostedt
+HRB: 207158
+-----------------------------------------------------------------------------------------------
+ 
+Von: Marc Mintel <marc@cablecreations.de>
+Gesendet: Mittwoch, 28. Januar 2026 18:10
+An: Danny Joseph <d.joseph@e-tib.com>
+Cc: Frieder Helmich <f.helmich@etib-ing.com>
+Betreff: Re: Homepage E-TIB
+ 
+Hallo Danny,
+ 
+Vielen Dank für die schnelle Rückmeldung.
+Wie gesprochen werde ich mir die Unterlagen und Webseiten im Detail anschauen und mich dann noch einmal bei dir melden.
+ 
+Gibt es eigentlich eine Deadline oder einen zeitlichen Rahmen, wo ihr mit der neuen Webseite rechnen möchtet?
+Je nach dem könnte man auch Features priorisieren, so dass der Kern der Seite schnellstmöglich modernisiert online geht und der Rest im Nachgang.
+ 
+Das Foto-Material würde ich auch gerne sichten, dann kann man schon sehen, wie viel sich damit arbeiten lässt.
+ 
+Viele Grüße
+ 
+ 
+From: Danny Joseph <d.joseph@e-tib.com>
+Organization: E-TIB GmbH
+Date: Wednesday, 28. January 2026 at 16:16
+To: Marc Mintel <marc@cablecreations.de>
+Cc: 'Frieder Helmich' <f.helmich@etib-ing.com>
+Subject: Homepage E-TIB
+ 
+Hallo Marc,
+ 
+wie telefonisch besprochen erste wirre Gedanken:
+ 
+Wir möchten eine minimalistische, hochwertige Homepage die sowohl am PV, als auch
+Auf Smartphone / Tablet etc. vernünftig ausschaut.
+ 
+Bisher war unser Aufhänger:
+DIE EXPERTEN FÜR KABELTIEFBAU …
+ 
+Alles nur Ideen: …
+ 
+# Schaltflächen ähnlich: https://www.schleicher-gruppe.de/
+ 
+E-TIB GmbH
+E-TIB Verwaltung GmbH
+E-TIB Ingenieurgesellschaft mbH
+E-TIB Bohrtechnik GmbH
+ 
+# Schaltflächen ähnlich: https://www.schleicher-gruppe.de/
+(ehemals Kompetenzen www.e-tib.com)
+ 
+Kabelbau
+Kabelpflugarbeiten
+Horizontalspülbohrungen
+Elektromontagen bis 110 kV
+Glasfaser-Kabelmontagen
+Wartung & Störungsdienst
+Genehmigungs- und Ausführungsplanung
+Komplexe Querung (Bahn, Autobahn, Gewässer)
+Elektro- und Netzanschlussplanung
+Vermessung & Dokumentation
+ 
+Input für Über uns: Grid … Timeline?
+Gründung E-TIB GmbH: 16.12.2015
+Kabelbau
+Kabelpflugarbeiten
+Horizontalspülbohrungen
+Elektromontagen bis 110 kV
+Glasfaser-Kabelmontagen
+Wartung & Störungsdienst
+Elektro- und Netzanschlussplanung
+Vermessung & Dokumentation
+ 
+Gründung E-TIB Verwaltung GmbH: 14.11.2019
+Der Erwerb, die Vermietung, Verpachtung und Verwaltung
+von Immobilien, Grundstücken, Maschinen und Geräten.
+ 
+Gründung E-TIB Ingenieurgesellschaft mbH: 04.02.2019
+Genehmigungs- und Ausführungsplanung
+Komplexe Querung (Bahn, Autobahn, Gewässer)
+Elektro- und Netzanschlussplanung
+ 
+Gründung E-TIB Bohrtechnik GmbH: 21.10.2025
+Horizontalspülbohrungen in allen Bodenklassen
+ 
+Gruppen‑Kacheln (Beispieltexte) ...
+ 
+E‑TIB GmbH – Ausführung elektrischer Infrastrukturprojekte
+E‑TIB Bohrtechnik GmbH – Präzise Horizontalbohrungen in allen Bodenklassen
+E‑TIB Verwaltung GmbH – Zentrale Dienste, Einkauf, Finanzen
+E‑TIB Ingenieurgesellschaft mbH – Planung, Projektierung, Dokumentation
+ 
+Kontaktseite siehe: www.e-tib.com
+ 
+Karriere: ...
+ 
+Messen: wo wir dieses Jahr einen Stand haben: Intersolar München, Windenergietage Linstow, Kabelwerkstatt Wiesbaden
+ 
+Referenzen: … müsste ich dir zur Verfügung stellen
+ 
+Pflichtseiten
+Impressum (vollständig, Verantwortliche, Registernummer, USt‑ID).
+Datenschutz (Verarbeitungen, Rechtsgrundlagen, AVV, Cookie‑Gruppen, Löschfristen, Rechte).
+Cookie‑Einstellungen (Consent Manager: ...)
+ 
+www.e-tib.com
+www.etib-ing.com
+ 
+Hier mein instagram account:
+me.and.eloise
+Verstehst du mich vielleicht ein kleines Stück mehr…
+ 
+Unser Frieder Helmich kann erstes Foto-/Videomaterial zur Verfügung stellen:
+f.helmich@etib-ing.com
+ 
+Lass mir mal eine Idee vom Stundenaufwand / Kosten pro Stunde für Erstellung zukommen,
+damit wir eine Vertragsgrundlage haben. Danach lass uns loslegen.
+ 
+Besten Dank dir.
+ 
+Mit freundlichen Grüßen
+ 
+Danny Joseph
+Geschäftsführer
+ 
+E-TIB GmbH
+Gewerbestraße 22
+D-03172 Guben
+ 
+Mobil    +49 15207230518
+E-Mail   d.joseph@e-tib.com
+Web      www.e-tib.com
+ 
+
+--------------------------------------------------------------------------------------------------
+Geschäftsführung: Danny Joseph
+Handelsregister: Amtsgericht Cottbus
+HRB: 12403 CB
+USt. ID-Nr.: DE304799919
+--------------------------------------------------------------------------------------------------
+ 
+Von: Marc Mintel <marc@cablecreations.de>
+Gesendet: Donnerstag, 13. November 2025 16:30
+An: d.joseph@e-tib.com
+Betreff: Homepage
+ 
+Hi Danny,
+ 
+mein Vater meinte, ich könnte mich mal bei dir melden, weil ihr jemanden für eure Website sucht.
+ 
+Kurz zu mir: Ich habe über 10 Jahre in der Webentwicklung gearbeitet. Inzwischen liegt mein Schwerpunkt zwar im 3D-Bereich (u. a. cablecreations.de), aber ich betreue weiterhin Websites für Firmen, die das Ganze unkompliziert abgegeben haben möchten. Unter anderem betreue ich auch die Seite von KLZ (klz-cables.com). Der Ablauf ist bei mir recht einfach: Wenn ihr etwas braucht, reicht in der Regel eine kurze Mail – Anpassungen, Inhalte oder technische Themen erledige ich dann im Hintergrund. Dadurch spart ihr euch Schulungen, Zugänge oder lange Meetings, wie man sie oft mit Agenturen hat.
+ 
+Wichtig ist: Eine Website braucht auch nach dem Aufbau regelmäßige Pflege, damit Technik und Sicherheit sauber laufen – das übernehme ich dann ebenfalls, damit ihr im Alltag keinen Aufwand damit habt.
+ 
+Um einschätzen zu können, ob und wie ich euch unterstützen kann, wäre es gut zu wissen, was ihr mit der Website vorhabt und was an der aktuellen Seite nicht mehr passt. Wenn du magst, können wir dazu auch kurz telefonieren.
+ 
+Viele Grüße 
+Marc
+ 
+Marc Mintel
+Founder & 3D Artist
+marc@cablecreations.de
+ 
+Cable Creations
+www.cablecreations.de
+info@cablecreations.de
+VAT: DE367588065
+ 
+Georg-Meistermann-Straße 7
+54586 Schüller
+Germany

directus/extensions/acquisition-manager/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "acquisition-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "acquisition manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/acquisition/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "acquisition",
-  "version": "1.8.2",
-  "type": "module",
-  "directus:extension": {
-    "type": "endpoint",
-    "path": "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/pdf": "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/company-manager/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "company-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "company manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/customer-manager/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "customer-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "customer manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/feedback-commander/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "feedback-commander",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "feedback commander"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/people-manager/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "people-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "people manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

directus/extensions/unified-dashboard/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "unified-dashboard",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "unified dashboard"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

docker-compose.gatekeeper.yml

@@ -0,0 +1,39 @@
+services:
+  gatekeeper-proxy:
+    image: alpine:latest
+    command: sleep infinity
+    restart: unless-stopped
+    networks:
+      - infra
+    labels:
+      - "caddy=http://gatekeeper.localhost"
+      - "caddy.route=/*"
+      - "caddy.route.0_redir=/ /gatekeeper/login 302"
+      - "caddy.route.1_reverse_proxy=gatekeeper-app:3000"
+
+  gatekeeper-app:
+    image: node:20-alpine
+    working_dir: /app
+    volumes:
+      - .:/app
+      - gatekeeper_root_node_modules:/app/node_modules
+      - gatekeeper_pkg_node_modules:/app/packages/gatekeeper/node_modules
+      - gatekeeper_next_cache:/app/packages/gatekeeper/.next
+      - gatekeeper_pnpm_store:/pnpm
+    environment:
+      - NODE_ENV=development
+      - NPM_TOKEN=${NPM_TOKEN:-}
+    networks:
+      - infra
+    command: >
+      sh -c "corepack enable && pnpm config set store-dir /pnpm && pnpm install --no-frozen-lockfile && pnpm --filter @mintel/gatekeeper run dev --hostname 0.0.0.0 --port 3000"
+
+networks:
+  infra:
+    external: true
+
+volumes:
+  gatekeeper_root_node_modules:
+  gatekeeper_pkg_node_modules:
+  gatekeeper_next_cache:
+  gatekeeper_pnpm_store:

docker-compose.yml

@@ -11,8 +11,6 @@ services:
     restart: always
     networks:
       - infra
-    environment:
-      - DIRECTUS_URL=${DIRECTUS_URL:-http://directus:8055}
     env_file:
       - .env
     ports:
@@ -21,59 +19,9 @@ 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"
-
-  directus:
-    image: registry.infra.mintel.me/mintel/directus:${IMAGE_TAG:-latest}
-    healthcheck:
-      test: [ "CMD", "wget", "--no-verbose", "--tries=1", "--spider", "http://127.0.0.1:8055/server/health" ]
-      interval: 30s
-      timeout: 10s
-      retries: 3
-      start_period: 5s
-    restart: always
-    networks:
-      - infra
-    env_file:
-      - .env
-    environment:
-      KEY: ${DIRECTUS_KEY:-mintel-key}
-      SECRET: ${DIRECTUS_SECRET:-mintel-secret}
-      ADMIN_EMAIL: ${DIRECTUS_ADMIN_EMAIL:-admin@mintel.me}
-      ADMIN_PASSWORD: ${DIRECTUS_ADMIN_PASSWORD:-mintel-admin}
-      DB_CLIENT: 'pg'
-      DB_HOST: 'at-mintel-directus-db'
-      DB_PORT: '5432'
-      DB_DATABASE: ${DIRECTUS_DB_NAME:-directus}
-      DB_USER: ${DIRECTUS_DB_USER:-directus}
-      DB_PASSWORD: ${DIRECTUS_DB_PASSWORD:-mintel-db-pass}
-      WEBSOCKETS_ENABLED: 'true'
-      PUBLIC_URL: ${DIRECTUS_URL:-http://localhost:8055}
-    ports:
-      - "8055:8055"
-    volumes:
-      - ./directus/uploads:/directus/uploads
-      - ./directus/extensions:/directus/extensions
-      - ./directus/schema:/directus/schema
-    labels:
-      - "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"
-
-  at-mintel-directus-db:
-    image: postgres:15-alpine
-    restart: always
-    networks:
-      - infra
-    environment:
-      POSTGRES_DB: ${DIRECTUS_DB_NAME:-directus}
-      POSTGRES_USER: ${DIRECTUS_DB_USER:-directus}
-      POSTGRES_PASSWORD: ${DIRECTUS_DB_PASSWORD:-mintel-db-pass}
-    volumes:
-      - directus-db-data:/var/lib/postgresql/data
+      - "caddy=http://${TRAEFIK_HOST:-acquisition.localhost}"
+      - "caddy.reverse_proxy={{upstreams 3000}}"
 
 networks:
   infra:
     external: true
-
-volumes:
-  directus-db-data:

models/tiny_face_detector_model-shard1

@@ -0,0 +1 @@
+404: Not Found

models/tiny_face_detector_model-weights_manifest.json

@@ -0,0 +1,30 @@
+[
+  {
+      "weights":
+      [
+          {"name":"conv0/filters","shape":[3,3,3,16],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.009007044399485869,"min":-1.2069439495311063}},
+          {"name":"conv0/bias","shape":[16],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.005263455241334205,"min":-0.9211046672334858}},
+          {"name":"conv1/depthwise_filter","shape":[3,3,16,1],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.004001977630690033,"min":-0.5042491814669441}},
+          {"name":"conv1/pointwise_filter","shape":[1,1,16,32],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.013836609615999109,"min":-1.411334180831909}},
+          {"name":"conv1/bias","shape":[32],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.0015159862590771096,"min":-0.30926119685173037}},
+          {"name":"conv2/depthwise_filter","shape":[3,3,32,1],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.002666276225856706,"min":-0.317286870876948}},
+          {"name":"conv2/pointwise_filter","shape":[1,1,32,64],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.015265831292844286,"min":-1.6792414422128714}},
+          {"name":"conv2/bias","shape":[64],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.0020280554598453,"min":-0.37113414915168985}},
+          {"name":"conv3/depthwise_filter","shape":[3,3,64,1],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.006100742489683862,"min":-0.8907084034938438}},
+          {"name":"conv3/pointwise_filter","shape":[1,1,64,128],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.016276211832083907,"min":-2.0508026908425725}},
+          {"name":"conv3/bias","shape":[128],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.003394414279975143,"min":-0.7637432129944072}},
+          {"name":"conv4/depthwise_filter","shape":[3,3,128,1],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.006716050119961009,"min":-0.8059260143953211}},
+          {"name":"conv4/pointwise_filter","shape":[1,1,128,256],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.021875603993733724,"min":-2.8875797271728514}},
+          {"name":"conv4/bias","shape":[256],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.0041141652009066415,"min":-0.8187188749804216}},
+          {"name":"conv5/depthwise_filter","shape":[3,3,256,1],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.008423839597141042,"min":-0.9013508368940915}},
+          {"name":"conv5/pointwise_filter","shape":[1,1,256,512],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.030007277283014035,"min":-3.8709387695088107}},
+          {"name":"conv5/bias","shape":[512],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.008402082966823203,"min":-1.4871686851277068}},
+          {"name":"conv8/filters","shape":[1,1,512,25],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.028336129469030042,"min":-4.675461362389957}},
+          {"name":"conv8/bias","shape":[25],"dtype":"float32","quantization":{"dtype":"uint8","scale":0.002268134028303857,"min":-0.41053225912299807}}
+      ],
+      "paths":
+      [
+          "tiny_face_detector_model.bin"
+      ]
+  }
+]

optimize-images.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+
+# Ghost Image Optimizer
+# Target directory for Ghost content
+TARGET_DIR="/home/deploy/sites/marisas.world/content/images"
+
+echo "Starting image optimization for $TARGET_DIR..."
+
+# Find all original images, excluding the 'size/' directory where Ghost stores thumbnails
+# Resize images larger than 2500px down to 2500px width
+# Compress JPEG/PNG to 80% quality
+find "$TARGET_DIR" -type d -name "size" -prune -o \( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" \) -type f -exec mogrify -resize '2500x>' -quality 80 {} +
+
+echo "Optimization complete."

package.json

@@ -5,20 +5,17 @@
   "scripts": {
     "build": "pnpm -r build",
     "dev": "pnpm -r dev",
+    "dev:gatekeeper": "bash -c 'trap \"COMPOSE_PROJECT_NAME=gatekeeper docker-compose -f docker-compose.gatekeeper.yml down\" EXIT INT TERM; docker network create infra 2>/dev/null || true && COMPOSE_PROJECT_NAME=gatekeeper docker-compose -f docker-compose.gatekeeper.yml down && COMPOSE_PROJECT_NAME=gatekeeper docker-compose -f docker-compose.gatekeeper.yml up --build --remove-orphans'",
+    "dev:mcps:up": "docker-compose -f docker-compose.mcps.yml up -d",
+    "dev:mcps:down": "docker-compose -f docker-compose.mcps.yml down",
+    "dev:mcps:watch": "pnpm -r --filter=\"./packages/*-mcp\" run dev",
+    "dev:mcps": "npm run dev:mcps:up && npm run dev:mcps:watch",
     "lint": "pnpm -r --filter='./packages/**' --filter='./apps/**' lint",
     "test": "pnpm -r test",
     "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:schema:snapshot": "./scripts/cms-snapshot.sh",
-    "cms:schema:apply": "./scripts/cms-apply.sh local",
-    "cms:schema:apply:infra": "./scripts/cms-apply.sh infra",
-    "cms:up": "cd packages/cms-infra && npm run up -- --force-recreate",
-    "cms:down": "cd packages/cms-infra && npm run down",
-    "cms:logs": "cd packages/cms-infra && npm run logs",
-    "dev:infra": "docker-compose up -d directus directus-db",
+    "release:version": "bash scripts/release.sh",
     "release": "pnpm build && changeset publish",
     "release:tag": "pnpm build && pnpm -r publish --no-git-checks --access public",
     "prepare": "husky"
@@ -56,8 +53,20 @@
     "pino-pretty": "^13.1.3",
     "require-in-the-middle": "^8.0.1"
   },
-  "version": "1.8.4",
+  "version": "1.9.9",
   "pnpm": {
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "@sentry/cli",
+      "@swc/core",
+      "@tensorflow/tfjs-node",
+      "canvas",
+      "core-js",
+      "esbuild",
+      "sharp",
+      "unrs-resolver",
+      "vue-demi"
+    ],
     "overrides": {
       "next": "16.1.6",
       "@sentry/nextjs": "10.38.0"

packages/acquisition-manager/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "acquisition-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.4",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "dist/index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "acquisition manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

packages/acquisition-manager/src/index.ts

@@ -1,19 +0,0 @@
-import { defineModule } from "@directus/extensions-sdk";
-import ModuleComponent from "./module.vue";
-
-export default defineModule({
-    id: "acquisition-manager",
-    name: "Acquisition",
-    icon: "auto_awesome",
-    routes: [
-        {
-            path: "",
-            component: ModuleComponent,
-        },
-        {
-            path: ":id",
-            component: ModuleComponent,
-            props: true
-        }
-    ],
-});

packages/acquisition-manager/src/module.vue

@@ -1,421 +0,0 @@
-<template>
-	<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="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" />
-					</v-list-item-content>
-				</v-list-item>
-
-				<v-divider />
-
-				<v-list-item
-					v-for="lead in leads"
-					:key="lead.id"
-					:active="selectedLeadId === lead.id"
-					class="nav-item"
-					clickable
-					@click="selectLead(lead.id)"
-				>
-					<v-list-item-icon>
-						<v-icon :name="getStatusIcon(lead.status)" :color="getStatusColor(lead.status)" />
-					</v-list-item-icon>
-					<v-list-item-content>
-						<v-text-overflow :text="getCompanyName(lead)" />
-					</v-list-item-content>
-				</v-list-item>
-			</v-list>
-		</template>
-
-		<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>
-
-		<template #actions>
-			<v-button 
-				v-if="selectedLead?.status === 'new'" 
-				secondary 
-				:loading="loadingAudit" 
-				@click="runAudit"
-			>
-				<v-icon name="settings_suggest" left />
-				Audit starten
-			</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?.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>
-		</template>
-
-		<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 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>
-					<div class="field full">
-						<span class="label">Briefing / Fokus</span>
-						<div class="value text-block">{{ selectedLead.briefing || 'Kein Briefing hinterlegt.' }}</div>
-					</div>
-				</div>
-			</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="drawerActive"
-			title="Neuen Lead registrieren"
-			icon="person_add"
-			@cancel="drawerActive = false"
-		>
-			<div class="drawer-content">
-				<div class="form-section">
-					<div class="field">
-						<span class="label">Organisation / Firma (Zentral)</span>
-						<MintelSelect
-							v-model="newLead.company"
-							:items="companyOptions"
-							placeholder="Bestehende Firma auswählen..."
-							allow-add
-							@add="openQuickAdd('company')"
-						/>
-					</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">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>
-						<MintelSelect
-							v-model="newLead.contact_person"
-							:items="peopleOptions"
-							placeholder="Person auswählen..."
-							allow-add
-							@add="openQuickAdd('person')"
-						/>
-					</div>
-				</div>
-
-				<div class="drawer-actions">
-					<v-button primary block :loading="savingLead" @click="saveLead">Lead speichern</v-button>
-				</div>
-			</div>
-		</v-drawer>
-	</MintelManagerLayout>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
-import { useApi } from '@directus/extensions-sdk';
-import { MintelManagerLayout, MintelSelect, MintelStatCard } from '@mintel/directus-extension-toolkit';
-
-const api = useApi();
-const leads = ref<any[]>([]);
-const selectedLeadId = ref<string | null>(null);
-const loadingAudit = ref(false);
-const loadingPdf = ref(false);
-const loadingEmail = ref(false);
-const drawerActive = ref(false);
-const savingLead = ref(false);
-const notice = ref<{ type: string; message: string } | null>(null);
-
-const newLead = ref({
-	company: null,
-	website_url: '',
-	contact_person: null,
-	briefing: '',
-	status: 'new'
-});
-
-const companies = ref<any[]>([]);
-const people = ref<any[]>([]);
-
-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}`,
-		value: p.id
-	}))
-);
-
-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 || 'Unbekannte Firma');
-	}
-	return 'Unbekannte Organisation';
-}
-
-function getPersonName(id: string | any) {
-	if (!id) return '';
-	if (typeof id === 'object') return `${id.first_name} ${id.last_name}`;
-	const person = people.value.find(p => p.id === id);
-	return person ? `${person.first_name} ${person.last_name}` : id;
-}
-
-function goToPerson(id: string) {
-	notice.value = { type: 'info', message: `Navigiere zu Person: ${id}` };
-}
-
-const selectedLead = computed(() => leads.value.find(l => l.id === selectedLeadId.value));
-
-async function fetchData() {
-	try {
-		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;
-		}
-	} catch (e: any) {
-		console.error('Fetch error:', e);
-	}
-}
-
-async function fetchLeads() {
-	await fetchData();
-}
-
-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;
-	try {
-		await api.post(`/acquisition/audit/${selectedLeadId.value}`);
-		notice.value = { type: 'success', message: 'Audit erfolgreich gestartet!' };
-		await fetchLeads();
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler beim Audit: ${e.message}` };
-	} finally {
-		loadingAudit.value = false;
-	}
-}
-
-async function sendAuditEmail() {
-	if (!selectedLeadId.value) return;
-	loadingEmail.value = true;
-	try {
-		await api.post(`/acquisition/audit-email/${selectedLeadId.value}`);
-		notice.value = { type: 'success', message: 'Audit E-Mail versendet!' };
-		await fetchLeads();
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler beim Versenden: ${e.message}` };
-	} finally {
-		loadingEmail.value = false;
-	}
-}
-
-async function generatePdf() {
-	if (!selectedLeadId.value) return;
-	loadingPdf.value = true;
-	try {
-		await api.post(`/acquisition/estimate/${selectedLeadId.value}`);
-		notice.value = { type: 'success', message: 'Angebot (PDF) wurde generiert!' };
-		await fetchLeads();
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler bei PDF Generierung: ${e.message}` };
-	} finally {
-		loadingPdf.value = false;
-	}
-}
-
-async function sendEstimateEmail() {
-	if (!selectedLeadId.value) return;
-	loadingEmail.value = true;
-	try {
-		await api.post(`/acquisition/estimate-email/${selectedLeadId.value}`);
-		notice.value = { type: 'success', message: 'Angebot erfolgreich versendet!' };
-		await fetchLeads();
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler beim Versenden: ${e.message}` };
-	} finally {
-		loadingEmail.value = false;
-	}
-}
-
-function openPdf() {
-	if (!selectedLead.value?.audit_pdf_path) return;
-	window.open(`${window.location.origin}/assets/${selectedLead.value.audit_pdf_path}`, '_blank');
-}
-
-async function saveLead() {
-	if (!newLead.value.company) {
-		notice.value = { type: 'danger', message: 'Organisation erforderlich.' };
-		return;
-	}
-	savingLead.value = true;
-	try {
-		const payload = {
-			id: crypto.randomUUID(),
-			...newLead.value
-		};
-		await api.post('/items/leads', payload);
-		notice.value = { type: 'success', message: 'Lead erfolgreich registriert!' };
-		drawerActive.value = false;
-		await fetchLeads();
-		selectedLeadId.value = payload.id;
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler beim Speichern: ${e.message}` };
-	} finally {
-		savingLead.value = false;
-	}
-}
-
-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';
-		case 'auditing': return 'hourglass_empty';
-		case 'audit_ready': return 'check_circle';
-		case 'contacted': return 'mail_outline';
-		default: return 'help_outline';
-	}
-}
-
-function getStatusColor(status: string) {
-	switch(status) {
-		case 'new': return 'var(--theme--primary)';
-		case 'auditing': return 'var(--theme--warning)';
-		case 'audit_ready': return 'var(--theme--success)';
-		case 'contacted': return 'var(--theme--secondary)';
-		default: return 'var(--theme--foreground-subdued)';
-	}
-}
-
-onMounted(fetchData);
-</script>
-
-<style scoped>
-.url-link { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
-.url-link:hover { border-bottom-color: currentColor; }
-
-.sections { display: flex; flex-direction: column; gap: 32px; }
-
-.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
-.field { display: flex; flex-direction: column; gap: 8px; }
-.field.full { grid-column: span 2; }
-.label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px; }
-.value { font-size: 15px; color: var(--theme--foreground); }
-.text-block { line-height: 1.6; white-space: pre-wrap; background: var(--theme--background-subdued); padding: 16px; border-radius: 8px; }
-
-.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: 24px; margin-bottom: 16px; }
-
-.observation-table { border: 1px solid var(--theme--border); border-radius: 8px; overflow: hidden; }
-.page-title { font-weight: 600; }
-.page-url { font-family: var(--family-monospace); font-size: 12px; color: var(--theme--foreground-subdued); }
-
-.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; }
-</style>

packages/acquisition/build.mjs

@@ -1,49 +0,0 @@
-import { build } from 'esbuild';
-import { resolve, dirname } from 'path';
-import { mkdirSync } from 'fs';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const entryPoint = resolve(__dirname, 'src/index.ts');
-const outfile = resolve(__dirname, 'dist/index.js');
-
-try {
-    mkdirSync(dirname(outfile), { recursive: true });
-} catch (e) { }
-
-console.log(`Building from ${entryPoint} to ${outfile}...`);
-
-build({
-    entryPoints: [entryPoint],
-    bundle: true,
-    platform: 'node',
-    target: 'node18',
-    outfile: outfile,
-    jsx: 'automatic',
-    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"],
-    plugins: [{
-        name: 'mock-canvas',
-        setup(build) {
-            build.onResolve({ filter: /^canvas/ }, args => ({ path: args.path, namespace: 'mock-canvas' }));
-            build.onLoad({ filter: /.*/, namespace: 'mock-canvas' }, () => ({ contents: 'export default {};', loader: 'js' }));
-        }
-    }, {
-        name: 'mock-jsdom',
-        setup(build) {
-            build.onResolve({ filter: /^jsdom/ }, args => ({ path: args.path, namespace: 'mock-jsdom' }));
-            build.onLoad({ filter: /.*/, namespace: 'mock-jsdom' }, () => ({ contents: 'export default {};', loader: 'js' }));
-        }
-    }]
-}).then(() => {
-    console.log("Build succeeded!");
-}).catch((e) => {
-    console.error("Build failed:", e);
-    process.exit(1);
-});

packages/acquisition/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "acquisition",
-  "version": "1.8.4",
-  "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/pdf": "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"
-  }
-}

packages/acquisition/src/index.ts

@@ -1,176 +0,0 @@
-import { defineEndpoint } from "@directus/extensions-sdk";
-import { AcquisitionService, PdfEngine } from "@mintel/pdf/server";
-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;
-        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" });
-
-            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.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 });
-
-        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);
-
-            await pdfEngine.generateEstimatePdf(lead.ai_state, outputPath);
-
-            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 });
-        }
-    });
-
-    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" });
-
-            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.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,9 +1,9 @@
 {
   "name": "@mintel/cli",
-  "version": "1.8.4",
+  "version": "1.9.9",
   "publishConfig": {
     "access": "public",
-    "registry": "https://npm.infra.mintel.me"
+    "registry": "https://git.infra.mintel.me/api/packages/mmintel/npm"
   },
   "type": "module",
   "bin": {
@@ -16,16 +16,19 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "commander": "^11.0.0",
-    "fs-extra": "^11.1.0",
     "chalk": "^5.3.0",
-    "prompts": "^2.4.2"
+    "commander": "^11.0.0",
+    "fs-extra": "^11.1.0"
   },
   "devDependencies": {
-    "tsup": "^8.0.0",
-    "typescript": "^5.0.0",
+    "@mintel/tsconfig": "workspace:*",
     "@types/fs-extra": "^11.0.0",
     "@types/prompts": "^2.4.4",
-    "@mintel/tsconfig": "workspace:*"
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.infra.mintel.me/mmintel/at-mintel.git"
   }
 }

packages/cli/src/index.ts

@@ -36,153 +36,15 @@ program
     console.log(
       chalk.yellow(`
 📱 App:      http://localhost:3000
-🗄️  CMS:      http://localhost:8055/admin
 🚦 Traefik:  http://localhost:8080
 `),
     );
     execSync(
-      "docker-compose down --remove-orphans && docker-compose up app directus directus-db",
+      "docker compose down --remove-orphans && docker compose up -d app",
       { stdio: "inherit" },
     );
   });
 
-const directus = program
-  .command("directus")
-  .description("Directus management commands");
-
-directus
-  .command("bootstrap")
-  .description("Setup Directus branding and settings")
-  .action(async () => {
-    const { execSync } = await import("child_process");
-    console.log(chalk.blue("🎨 Bootstrapping Directus..."));
-    execSync("npx tsx --env-file=.env scripts/setup-directus.ts", {
-      stdio: "inherit",
-    });
-  });
-
-directus
-  .command("bootstrap-feedback")
-  .description("Setup Directus collections and flows for Feedback")
-  .action(async () => {
-    const { execSync } = await import("child_process");
-    console.log(chalk.blue("📧 Bootstrapping Visual Feedback System..."));
-    // Use the logic from setup-feedback-hardened.ts
-    const bootstrapScript = `
-import { createDirectus, rest, authentication, createCollection, createDashboard, createPanel, createItems, createPermission, readPolicies, readRoles, readUsers } from '@directus/sdk';
-
-async function setup() {
-    const url = process.env.DIRECTUS_URL || 'http://localhost:8055';
-    const email = process.env.DIRECTUS_ADMIN_EMAIL;
-    const password = process.env.DIRECTUS_ADMIN_PASSWORD;
-
-    if (!email || !password) {
-        console.error('❌ DIRECTUS_ADMIN_EMAIL or DIRECTUS_ADMIN_PASSWORD not set');
-        process.exit(1);
-    }
-
-    const client = createDirectus(url).with(authentication('json')).with(rest());
-
-    try {
-        console.log('🔑 Authenticating...');
-        await client.login(email, password);
-
-        const roles = await client.request(readRoles());
-        const adminRole = roles.find(r => r.name === 'Administrator');
-        const policies = await client.request(readPolicies());
-        const adminPolicy = policies.find(p => p.name === 'Administrator');
-
-        console.log('🏗️ Creating Collection "visual_feedback"...');
-        try {
-            await client.request(createCollection({
-                collection: 'visual_feedback',
-                meta: { icon: 'feedback', display_template: '{{user_name}}: {{text}}' },
-                fields: [
-                    { field: 'id', type: 'uuid', schema: { is_primary_key: true } },
-                    { field: 'status', type: 'string', schema: { default_value: 'open' }, meta: { interface: 'select-dropdown' } },
-                    { field: 'url', type: 'string' },
-                    { field: 'selector', type: 'string' },
-                    { field: 'x', type: 'float' },
-                    { field: 'y', type: 'float' },
-                    { field: 'type', type: 'string' },
-                    { field: 'text', type: 'text' },
-                    { field: 'user_name', type: 'string' },
-                    { field: 'user_identity', type: 'string' },
-                    { field: 'screenshot', type: 'uuid', meta: { interface: 'file' } },
-                    { field: 'date_created', type: 'timestamp', schema: { default_value: 'NOW()' } }
-                ]
-            } as any));
-        } catch (_e) { console.log('  (Collection might already exist)'); }
-
-        try {
-            await client.request(createCollection({
-                collection: 'visual_feedback_comments',
-                meta: { icon: 'comment' },
-                fields: [
-                    { field: 'id', type: 'integer', schema: { is_primary_key: true, has_auto_increment: true } },
-                    { field: 'feedback_id', type: 'uuid', meta: { interface: 'select-dropdown' } },
-                    { field: 'user_name', type: 'string' },
-                    { field: 'text', type: 'text' },
-                    { field: 'date_created', type: 'timestamp', schema: { default_value: 'NOW()' } }
-                ]
-            } as any));
-        } catch (e) { }
-
-        if (adminPolicy) {
-            console.log('🔐 Granting ALL permissions to Administrator Policy...');
-            for (const coll of ['visual_feedback', 'visual_feedback_comments']) {
-              for (const action of ['create', 'read', 'update', 'delete']) {
-                try {
-                    await client.request(createPermission({
-                        collection: coll,
-                        action,
-                        fields: ['*'],
-                        policy: adminPolicy.id
-                    } as any));
-                } catch (_e) { }
-              }
-            }
-        }
-
-        console.log('📊 Creating Dashboard...');
-        try {
-          const dash = await client.request(createDashboard({ name: 'Visual Feedback', icon: 'feedback', color: '#6366f1' }));
-          await client.request(createPanel({
-              dashboard: dash.id,
-              name: 'Total Feedbacks',
-              type: 'metric',
-              width: 12, height: 6, position_x: 1, position_y: 1,
-              options: { collection: 'visual_feedback', function: 'count', field: 'id' }
-          } as any));
-        } catch (e) { }
-
-        console.log('✨ FEEDBACK BOOTSTRAP DONE.');
-    } catch (e) { console.error('❌ FAILURE:', e); }
-}
-setup();
-    `;
-    const tempFile = path.join(process.cwd(), "temp-bootstrap-feedback.ts");
-    await fs.writeFile(tempFile, bootstrapScript);
-    try {
-      execSync("npx tsx --env-file=.env " + tempFile, { stdio: "inherit" });
-    } finally {
-      await fs.remove(tempFile);
-    }
-  });
-
-directus
-  .command("sync <action> <env>")
-  .description("Sync Directus data (push/pull) for a specific environment")
-  .action(async (action, env) => {
-    const { execSync } = await import("child_process");
-    console.log(
-      chalk.blue(`📥 Executing Directus sync: ${action} -> ${env}...`),
-    );
-    execSync(`./scripts/sync-directus.sh ${action} ${env}`, {
-      stdio: "inherit",
-    });
-  });
-
 program
   .command("pagespeed")
   .description("Run PageSpeed (Lighthouse) tests")
@@ -221,13 +83,6 @@ program
           lint: "next lint",
           typecheck: "tsc --noEmit",
           test: "vitest run --passWithNoTests",
-          "directus:bootstrap": "mintel directus bootstrap",
-          "directus:push:testing": "mintel directus sync push testing",
-          "directus:pull:testing": "mintel directus sync pull testing",
-          "directus:push:staging": "mintel directus sync push staging",
-          "directus:pull:staging": "mintel directus sync pull staging",
-          "directus:push:prod": "mintel directus sync push production",
-          "directus:pull:prod": "mintel directus sync pull production",
           "pagespeed:test": "mintel pagespeed",
         },
         dependencies: {
@@ -236,7 +91,6 @@ program
           "react-dom": "^19.0.0",
           "@mintel/next-utils": "workspace:*",
           "@mintel/next-observability": "workspace:*",
-          "@directus/sdk": "^21.0.0",
         },
         devDependencies: {
           "@types/node": "^20.0.0",
@@ -473,15 +327,6 @@ export default function Home() {
         }
       }
 
-      // Create Directus structure
-      await fs.ensureDir(path.join(fullPath, "directus/uploads"));
-      await fs.ensureDir(path.join(fullPath, "directus/extensions"));
-      await fs.writeFile(path.join(fullPath, "directus/uploads/.gitkeep"), "");
-      await fs.writeFile(
-        path.join(fullPath, "directus/extensions/.gitkeep"),
-        "",
-      );
-
       // Create .env.example
       const envExample = `# Project
 PROJECT_NAME=${projectName}
@@ -493,21 +338,10 @@ AUTH_COOKIE_NAME=mintel_gatekeeper_session
 
 # Host Config (Local)
 TRAEFIK_HOST=\`${projectName}.localhost\`
-DIRECTUS_HOST=\`cms.${projectName}.localhost\`
 
 # Next.js
 NEXT_PUBLIC_BASE_URL=http://${projectName}.localhost
 
-# Directus
-DIRECTUS_URL=http://cms.${projectName}.localhost
-DIRECTUS_KEY=$(openssl rand -hex 32 2>/dev/null || echo "mintel-key")
-DIRECTUS_SECRET=$(openssl rand -hex 32 2>/dev/null || echo "mintel-secret")
-DIRECTUS_ADMIN_EMAIL=admin@mintel.me
-DIRECTUS_ADMIN_PASSWORD=mintel-admin-pass
-DIRECTUS_DB_NAME=directus
-DIRECTUS_DB_USER=directus
-DIRECTUS_DB_PASSWORD=mintel-db-pass
-
 # Sentry / Glitchtip
 SENTRY_DSN=
 

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.4",
+  "version": "1.9.9",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,14 +17,17 @@
     "dev": "node build.mjs --watch"
   },
   "devDependencies": {
+    "@types/node": "^22.0.0",
     "esbuild": "^0.25.0",
-    "typescript": "^5.6.3",
-    "@types/node": "^22.0.0"
+    "typescript": "^5.6.3"
   },
   "dependencies": {
-    "playwright": "^1.40.0",
-    "crawlee": "^3.7.0",
     "axios": "^1.6.0",
-    "cheerio": "^1.0.0-rc.12"
+    "crawlee": "^3.7.0",
+    "playwright": "^1.40.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.infra.mintel.me/mmintel/at-mintel.git"
   }
 }

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

@@ -1,11 +0,0 @@
-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,50 +0,0 @@
-services:
-  infra-cms:
-    image: directus/directus:11.15.2
-    ports:
-      - "8059:8055"
-    networks:
-      - default
-      - infra
-    environment:
-      KEY: "infra-cms-key"
-      SECRET: "infra-cms-secret"
-      ADMIN_EMAIL: "marc@mintel.me"
-      ADMIN_PASSWORD: "Tim300493."
-      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"
-      EMAIL_SMTP_USER: "postmaster@mg.mintel.me"
-      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.at-mintel-infra-cms.rule=Host(`cms.localhost`)"
-      - "traefik.http.services.at-mintel-infra-cms.loadbalancer.server.port=8055"
-      - "traefik.http.services.at-mintel-infra-cms.loadbalancer.healthcheck.path=/server/health"
-      - "traefik.docker.network=infra"
-
-networks:
-  default:
-    name: at-mintel-cms-network
-  infra:
-    external: true

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

@@ -1,28 +0,0 @@
-{
-  "name": "acquisition-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "acquisition manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

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

@@ -1,27 +0,0 @@
-{
-  "name": "acquisition",
-  "version": "1.8.2",
-  "type": "module",
-  "directus:extension": {
-    "type": "endpoint",
-    "path": "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/pdf": "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"
-  }
-}

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

@@ -1,28 +0,0 @@
-{
-  "name": "company-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "company manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

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

@@ -1,28 +0,0 @@
-{
-  "name": "customer-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "customer manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

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

@@ -1,27 +0,0 @@
-{
-  "name": "feedback-commander",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "feedback commander"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

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

@@ -1,28 +0,0 @@
-{
-  "name": "people-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "people manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

packages/cms-infra/extensions/unified-dashboard/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "unified-dashboard",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.2",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "unified dashboard"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "vue": "^3.4.0"
-  }
-}

packages/cms-infra/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@mintel/cms-infra",
-  "version": "1.8.4",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "up": "npm run build:extensions && docker compose up -d",
-    "down": "docker compose down",
-    "logs": "docker compose logs -f",
-    "build:extensions": "../../scripts/sync-extensions.sh",
-    "schema:apply:local": "../../scripts/cms-apply.sh local",
-    "schema:apply:infra": "../../scripts/cms-apply.sh infra",
-    "snapshot:local": "../../scripts/cms-snapshot.sh",
-    "sync:push": "../../scripts/sync-directus.sh push infra",
-    "sync:pull": "../../scripts/sync-directus.sh pull infra"
-  }
-}

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

@@ -1 +0,0 @@
---tVj

packages/company-manager/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "company-manager",
-  "description": "Custom High-Fidelity Management for Directus",
-  "icon": "extension",
-  "version": "1.8.4",
-  "type": "module",
-  "keywords": [
-    "directus",
-    "directus-extension",
-    "directus-extension-module"
-  ],
-  "directus:extension": {
-    "type": "module",
-    "path": "dist/index.js",
-    "source": "src/index.ts",
-    "host": "app",
-    "name": "company manager"
-  },
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w"
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "11.0.2",
-    "@mintel/directus-extension-toolkit": "workspace:*",
-    "vue": "^3.4.0"
-  }
-}

packages/company-manager/src/index.ts

@@ -1,14 +0,0 @@
-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

@@ -1,217 +0,0 @@
-<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 { MintelManagerLayout } from '@mintel/directus-extension-toolkit';
-
-const api = useApi();
-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(fetchData);
-</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/concept-engine/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@mintel/concept-engine",
+  "version": "1.9.9",
+  "private": true,
+  "description": "AI-powered web project concept generation and analysis",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "concept": "./dist/cli.js"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest",
+    "clean": "rm -rf dist",
+    "lint": "eslint src --ext .ts",
+    "concept": "tsx src/cli.ts run"
+  },
+  "dependencies": {
+    "@mintel/journaling": "workspace:*",
+    "@mintel/page-audit": "workspace:*",
+    "axios": "^1.7.9",
+    "cheerio": "1.0.0-rc.12",
+    "commander": "^13.1.0",
+    "dotenv": "^16.4.7"
+  },
+  "devDependencies": {
+    "@types/node": "^20.17.17",
+    "tsup": "^8.3.6",
+    "tsx": "^4.19.2",
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.5"
+  }
+}

packages/concept-engine/src/_test_pipeline.ts

@@ -0,0 +1,39 @@
+import { config as dotenvConfig } from "dotenv";
+import * as path from "node:path";
+import * as fs from "node:fs/promises";
+import { ConceptPipeline } from "./pipeline.js";
+
+dotenvConfig({ path: path.resolve(process.cwd(), "../../.env") });
+
+const briefing = await fs.readFile(
+  path.resolve(process.cwd(), "../../data/briefings/etib.txt"),
+  "utf8",
+);
+
+console.log(`Briefing loaded: ${briefing.length} chars`);
+
+const pipeline = new ConceptPipeline(
+  {
+    openrouterKey: process.env.OPENROUTER_API_KEY || "",
+    zyteApiKey: process.env.ZYTE_API_KEY,
+    outputDir: path.resolve(process.cwd(), "../../out/estimations"),
+    crawlDir: path.resolve(process.cwd(), "../../data/crawls"),
+  },
+  {
+    onStepStart: (id, _name) => console.log(`[CB] Starting: ${id}`),
+    onStepComplete: (id) => console.log(`[CB] Done: ${id}`),
+    onStepError: (id, err) => console.error(`[CB] Error in ${id}: ${err}`),
+  },
+);
+
+try {
+  await pipeline.run({
+    briefing,
+    url: "https://www.e-tib.com",
+  });
+
+  console.log("\n✨ Pipeline complete!");
+} catch (err: any) {
+  console.error("\n❌ Pipeline failed:", err.message);
+  console.error(err.stack);
+}

packages/concept-engine/src/analyzer.ts

@@ -0,0 +1,334 @@
+// ============================================================================
+// Analyzer — Deterministic Site Analysis (NO LLM!)
+// Builds a SiteProfile from crawled pages using pure code logic.
+// This is the core fix against hallucinated page structures.
+// ============================================================================
+
+import type {
+    CrawledPage,
+    SiteProfile,
+    NavItem,
+    CompanyInfo,
+    PageInventoryItem,
+} from "./types.js";
+
+/**
+ * Build a complete SiteProfile from an array of crawled pages.
+ * This is 100% deterministic — no LLM calls involved.
+ */
+export function analyzeSite(pages: CrawledPage[], domain: string): SiteProfile {
+    const navigation = extractNavigation(pages);
+    const existingFeatures = extractExistingFeatures(pages);
+    const services = extractAllServices(pages);
+    const companyInfo = extractCompanyInfo(pages);
+    const colors = extractColors(pages);
+    const socialLinks = extractSocialLinks(pages);
+    const externalDomains = extractExternalDomains(pages, domain);
+    const images = extractAllImages(pages);
+    const employeeCount = extractEmployeeCount(pages);
+    const pageInventory = buildPageInventory(pages);
+
+    return {
+        domain,
+        crawledAt: new Date().toISOString(),
+        totalPages: pages.filter((p) => p.type !== "legal").length,
+        navigation,
+        existingFeatures,
+        services,
+        companyInfo,
+        pageInventory,
+        colors,
+        socialLinks,
+        externalDomains,
+        images,
+        employeeCount,
+    };
+}
+
+/**
+ * Extract the site's main navigation structure from <nav> elements.
+ * Uses the HOME page's nav as the canonical source.
+ */
+function extractNavigation(pages: CrawledPage[]): NavItem[] {
+    // Prefer the home page's nav
+    const homePage = pages.find((p) => p.type === "home");
+    const sourcePage = homePage || pages[0];
+    if (!sourcePage) return [];
+
+    // Deduplicate nav items
+    const seen = new Set<string>();
+    const navItems: NavItem[] = [];
+
+    for (const label of sourcePage.navItems) {
+        const normalized = label.toLowerCase().trim();
+        if (seen.has(normalized)) continue;
+        if (normalized.length < 2) continue;
+        seen.add(normalized);
+        navItems.push({ label, href: "" });
+    }
+
+    return navItems;
+}
+
+/**
+ * Aggregate all detected interactive features across all pages.
+ */
+function extractExistingFeatures(pages: CrawledPage[]): string[] {
+    const allFeatures = new Set<string>();
+    for (const page of pages) {
+        for (const feature of page.features) {
+            allFeatures.add(feature);
+        }
+    }
+    return [...allFeatures];
+}
+
+/**
+ * Aggregate all images found across all pages.
+ */
+function extractAllImages(pages: CrawledPage[]): string[] {
+    const allImages = new Set<string>();
+    for (const page of pages) {
+        if (!page.images) continue;
+        for (const img of page.images) {
+            allImages.add(img);
+        }
+    }
+    return [...allImages];
+}
+
+/**
+ * Extract employee count from page text.
+ * Looks for patterns like "über 50 Mitarbeitern", "200 Mitarbeiter", "50+ employees".
+ */
+function extractEmployeeCount(pages: CrawledPage[]): string | null {
+    const allText = pages.map((p) => p.text).join(" ");
+
+    // German patterns: 'über 50 Mitarbeitern', '120 Beschäftigte', '+200 MA'
+    const patterns = [
+        /(über|ca\.?|rund|mehr als|\+)?\s*(\d{1,4})\s*(Mitarbeiter(?:innen)?|Beschäftigte|MA|Fachkräfte)\b/gi,
+        /(\d{1,4})\+?\s*(employees|team members)/gi,
+    ];
+
+    for (const pattern of patterns) {
+        const match = allText.match(pattern);
+        if (match && match[0]) {
+            const num = match[0].match(/(\d{1,4})/)?.[1];
+            const prefix = match[0].match(/über|ca\.?|rund|mehr als/i)?.[0];
+            if (num) return prefix ? `${prefix} ${num}` : num;
+        }
+    }
+    return null;
+}
+
+/**
+ * Extract services/competencies from service-type pages.
+ * Focuses on H2-H3 headings and list items on service pages.
+ */
+function extractAllServices(pages: CrawledPage[]): string[] {
+    const servicePages = pages.filter(
+        (p) => p.type === "service" || p.pathname.includes("kompetenz"),
+    );
+
+    const services = new Set<string>();
+    for (const page of servicePages) {
+        // Use headings as primary service indicators
+        for (const heading of page.headings) {
+            const clean = heading.trim();
+            if (clean.length > 3 && clean.length < 100) {
+                // Skip generic headings
+                if (/^(home|kontakt|impressum|datenschutz|menü|navigation|suche)/i.test(clean)) continue;
+                services.add(clean);
+            }
+        }
+    }
+
+    // If no service pages found, look at the home page headings too
+    if (services.size === 0) {
+        const homePage = pages.find((p) => p.type === "home");
+        if (homePage) {
+            for (const heading of homePage.headings) {
+                const clean = heading.trim();
+                if (clean.length > 3 && clean.length < 80) {
+                    services.add(clean);
+                }
+            }
+        }
+    }
+
+    return [...services];
+}
+
+/**
+ * Extract company information from Impressum / footer content.
+ */
+function extractCompanyInfo(pages: CrawledPage[]): CompanyInfo {
+    const info: CompanyInfo = {};
+
+    // Find Impressum or legal page
+    const legalPage = pages.find(
+        (p) =>
+            p.type === "legal" &&
+            (p.pathname.includes("impressum") || p.title.toLowerCase().includes("impressum")),
+    );
+
+    const sourceText = legalPage?.text || pages.find((p) => p.type === "home")?.text || "";
+
+    // USt-ID
+    const taxMatch = sourceText.match(/USt[.\s-]*(?:ID[.\s-]*Nr\.?|IdNr\.?)[:\s]*([A-Z]{2}\d{9,11})/i);
+    if (taxMatch) info.taxId = taxMatch[1];
+
+    // HRB number
+    const hrbMatch = sourceText.match(/HRB[:\s]*(\d+\s*[A-Z]*)/i);
+    if (hrbMatch) info.registerNumber = `HRB ${hrbMatch[1].trim()}`;
+
+    // Phone
+    const phoneMatch = sourceText.match(/(?:Tel|Telefon|Fon)[.:\s]*([+\d\s()/-]{10,20})/i);
+    if (phoneMatch) info.phone = phoneMatch[1].trim();
+
+    // Email
+    const emailMatch = sourceText.match(/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/);
+    if (emailMatch) info.email = emailMatch[0];
+
+    // Address (look for German postal code pattern)
+    const addressMatch = sourceText.match(
+        /(?:[\w\s.-]+(?:straße|str\.|weg|platz|ring|allee|gasse)\s*\d+[a-z]?\s*,?\s*)?(?:D-)?(\d{5})\s+\w+/i,
+    );
+    if (addressMatch) info.address = addressMatch[0].trim();
+
+    // GF / Geschäftsführer
+    const gfMatch = sourceText.match(
+        /Geschäftsführ(?:er|ung)[:\s]*([A-ZÄÖÜ][a-zäöüß]+(?:\s+[A-ZÄÖÜ][a-zäöüß]+){1,3})/,
+    );
+    if (gfMatch) info.managingDirector = gfMatch[1].trim();
+
+    return info;
+}
+
+/**
+ * Extract brand colors from HTML (inline styles, CSS variables).
+ */
+function extractColors(pages: CrawledPage[]): string[] {
+    const colors = new Set<string>();
+    const homePage = pages.find((p) => p.type === "home");
+    if (!homePage) return [];
+
+    const hexMatches = homePage.html.match(/#(?:[0-9a-fA-F]{3}){1,2}\b/g) || [];
+    for (const hex of hexMatches) {
+        colors.add(hex.toLowerCase());
+        if (colors.size >= 8) break;
+    }
+
+    return [...colors];
+}
+
+/**
+ * Extract social media links from footers / headers.
+ */
+function extractSocialLinks(pages: CrawledPage[]): Record<string, string> {
+    const socials: Record<string, string> = {};
+    const platforms = [
+        { key: "linkedin", patterns: ["linkedin.com"] },
+        { key: "instagram", patterns: ["instagram.com"] },
+        { key: "facebook", patterns: ["facebook.com", "fb.com"] },
+        { key: "youtube", patterns: ["youtube.com", "youtu.be"] },
+        { key: "twitter", patterns: ["twitter.com", "x.com"] },
+        { key: "xing", patterns: ["xing.com"] },
+    ];
+
+    const homePage = pages.find((p) => p.type === "home");
+    if (!homePage) return socials;
+
+    const urlMatches = homePage.html.match(/https?:\/\/[^\s"'<>]+/g) || [];
+    for (const url of urlMatches) {
+        for (const platform of platforms) {
+            if (platform.patterns.some((p) => url.includes(p)) && !socials[platform.key]) {
+                socials[platform.key] = url;
+            }
+        }
+    }
+
+    return socials;
+}
+
+/**
+ * Find domains that are linked but separate from the main domain.
+ * Critical for detecting sister companies with own websites (e.g. etib-ing.com).
+ */
+function extractExternalDomains(pages: CrawledPage[], mainDomain: string): string[] {
+    const externalDomains = new Set<string>();
+    const cleanMain = mainDomain.replace(/^www\./, "");
+    // Extract meaningful base parts: "e-tib.com" → ["e", "tib", "etib"]
+    const mainParts = cleanMain.split(".")[0].toLowerCase().split(/[-_]/).filter(p => p.length > 1);
+    const mainJoined = mainParts.join(""); // "etib"
+
+    for (const page of pages) {
+        const linkMatches = page.html.match(/https?:\/\/[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g) || [];
+        for (const url of linkMatches) {
+            try {
+                const urlObj = new URL(url);
+                const domain = urlObj.hostname.replace(/^www\./, "");
+                // Skip same domain
+                if (domain === cleanMain) continue;
+                // Skip common third-party services
+                if (
+                    domain.includes("google") ||
+                    domain.includes("facebook") ||
+                    domain.includes("twitter") ||
+                    domain.includes("linkedin") ||
+                    domain.includes("instagram") ||
+                    domain.includes("youtube") ||
+                    domain.includes("cookie") ||
+                    domain.includes("analytics") ||
+                    domain.includes("cdn") ||
+                    domain.includes("cloudflare") ||
+                    domain.includes("fonts") ||
+                    domain.includes("jquery") ||
+                    domain.includes("bootstrap") ||
+                    domain.includes("wordpress") ||
+                    domain.includes("jimdo") ||
+                    domain.includes("wix")
+                )
+                    continue;
+
+                // Fuzzy match: check if the domain contains any base part of the main domain
+                // e.g. main="e-tib.com" → mainParts=["e","tib"], mainJoined="etib"
+                // target="etib-ing.com" → domainBase="etib-ing", domainJoined="etibing"
+                const domainBase = domain.split(".")[0].toLowerCase();
+                const domainJoined = domainBase.replace(/[-_]/g, "");
+
+                const isRelated =
+                    domainJoined.includes(mainJoined) ||
+                    mainJoined.includes(domainJoined) ||
+                    mainParts.some(part => part.length > 2 && domainBase.includes(part));
+
+                if (isRelated) {
+                    externalDomains.add(domain);
+                }
+            } catch {
+                // Invalid URL
+            }
+        }
+    }
+
+    return [...externalDomains];
+}
+
+/**
+ * Build a structured inventory of all pages.
+ */
+function buildPageInventory(pages: CrawledPage[]): PageInventoryItem[] {
+    return pages.map((page) => ({
+        url: page.url,
+        pathname: page.pathname,
+        title: page.title,
+        type: page.type,
+        headings: page.headings.slice(0, 10),
+        services: page.type === "service" ? page.headings.filter((h) => h.length > 3 && h.length < 80) : [],
+        hasSearch: page.features.includes("search"),
+        hasForms: page.features.includes("forms"),
+        hasMap: page.features.includes("maps"),
+        hasVideo: page.features.includes("video"),
+        contentSummary: page.text.substring(0, 500),
+    }));
+}

packages/concept-engine/src/cli.ts

@@ -0,0 +1,163 @@
+#!/usr/bin/env node
+// ============================================================================
+// @mintel/concept-engine — CLI Entry Point
+// Simple commander-based CLI for concept generation.
+// ============================================================================
+
+import { Command } from "commander";
+import * as path from "node:path";
+import * as fs from "node:fs/promises";
+import { existsSync } from "node:fs";
+import { config as dotenvConfig } from "dotenv";
+import { ConceptPipeline } from "./pipeline.js";
+
+// Load .env from monorepo root
+dotenvConfig({ path: path.resolve(process.cwd(), "../../.env") });
+dotenvConfig({ path: path.resolve(process.cwd(), ".env") });
+
+const program = new Command();
+
+program
+  .name("concept")
+  .description("AI-powered project concept generator")
+  .version("1.0.0");
+
+program
+  .command("run")
+  .description("Run the full concept pipeline")
+  .argument("[briefing]", "Briefing text or @path/to/file.txt")
+  .option("--url <url>", "Target website URL")
+  .option("--comments <comments>", "Additional notes")
+  .option("--clear-cache", "Clear crawl cache and re-crawl")
+  .option("--output <dir>", "Output directory", "../../out/concepts")
+  .option("--crawl-dir <dir>", "Crawl data directory", "../../data/crawls")
+  .action(async (briefingArg: string | undefined, options: any) => {
+    const openrouterKey =
+      process.env.OPENROUTER_API_KEY || process.env.OPENROUTER_KEY;
+    if (!openrouterKey) {
+      console.error("❌ OPENROUTER_API_KEY not found in environment.");
+      process.exit(1);
+    }
+
+    let briefing = briefingArg || "";
+
+    // Handle @file references
+    if (briefing.startsWith("@")) {
+      const rawPath = briefing.substring(1);
+      const filePath = rawPath.startsWith("/")
+        ? rawPath
+        : path.resolve(process.cwd(), rawPath);
+      if (!existsSync(filePath)) {
+        console.error(`❌ Briefing file not found: ${filePath}`);
+        process.exit(1);
+      }
+      briefing = await fs.readFile(filePath, "utf8");
+      console.log(`📄 Loaded briefing from: ${filePath}`);
+    }
+
+    // Auto-discover URL from briefing
+    let url = options.url;
+    if (!url && briefing) {
+      const urlMatch = briefing.match(/https?:\/\/[^\s]+/);
+      if (urlMatch) {
+        url = urlMatch[0];
+        console.log(`🔗 Discovered URL in briefing: ${url}`);
+      }
+    }
+
+    if (!briefing && !url) {
+      console.error("❌ Provide a briefing text or --url");
+      process.exit(1);
+    }
+
+    const pipeline = new ConceptPipeline(
+      {
+        openrouterKey,
+        zyteApiKey: process.env.ZYTE_API_KEY,
+        outputDir: path.resolve(process.cwd(), options.output),
+        crawlDir: path.resolve(process.cwd(), options.crawlDir),
+      },
+      {
+        onStepStart: (_id, _name) => {
+          // Will be enhanced with Ink spinner later
+        },
+        onStepComplete: (_id, _result) => {
+          // Will be enhanced with Ink UI later
+        },
+      },
+    );
+
+    try {
+      await pipeline.run({
+        briefing,
+        url,
+        comments: options.comments,
+        clearCache: options.clearCache,
+      });
+
+      console.log("\n✨ Concept generation complete!");
+    } catch (err) {
+      console.error(`\n❌ Pipeline failed: ${(err as Error).message}`);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("analyze")
+  .description("Only crawl and analyze a website (no LLM)")
+  .argument("<url>", "Website URL to analyze")
+  .option("--crawl-dir <dir>", "Crawl data directory", "../../data/crawls")
+  .option("--clear-cache", "Clear existing crawl cache")
+  .action(async (url: string, options: any) => {
+    const { crawlSite } = await import("./scraper.js");
+    const { analyzeSite } = await import("./analyzer.js");
+
+    if (options.clearCache) {
+      const { clearCrawlCache } = await import("./scraper.js");
+      const domain = new URL(url).hostname;
+      await clearCrawlCache(
+        path.resolve(process.cwd(), options.crawlDir),
+        domain,
+      );
+    }
+
+    const pages = await crawlSite(url, {
+      zyteApiKey: process.env.ZYTE_API_KEY,
+      crawlDir: path.resolve(process.cwd(), options.crawlDir),
+    });
+
+    const domain = new URL(url).hostname;
+    const profile = analyzeSite(pages, domain);
+
+    console.log("\n📊 Site Profile:");
+    console.log(`  Domain: ${profile.domain}`);
+    console.log(`  Total Pages: ${profile.totalPages}`);
+    console.log(
+      `  Navigation: ${profile.navigation.map((n) => n.label).join(", ")}`,
+    );
+    console.log(`  Features: ${profile.existingFeatures.join(", ") || "none"}`);
+    console.log(`  Services: ${profile.services.join(", ") || "none"}`);
+    console.log(
+      `  External Domains: ${profile.externalDomains.join(", ") || "none"}`,
+    );
+    console.log(`  Company: ${profile.companyInfo.name || "unbekannt"}`);
+    console.log(`  Tax ID: ${profile.companyInfo.taxId || "unbekannt"}`);
+    console.log(`  Colors: ${profile.colors.join(", ")}`);
+    console.log(`  Images Found: ${profile.images.length}`);
+    console.log(
+      `  Social: ${
+        Object.entries(profile.socialLinks)
+          .map(([_k, _v]) => `${_k}`)
+          .join(", ") || "none"
+      }`,
+    );
+
+    const outputPath = path.join(
+      path.resolve(process.cwd(), options.crawlDir),
+      domain.replace(/\./g, "-"),
+      "_site_profile.json",
+    );
+    console.log(`\n📦 Full profile saved to: ${outputPath}`);
+  });
+
+program.parse();

packages/concept-engine/src/dummy.test.ts

@@ -0,0 +1,7 @@
+import { describe, it, expect } from "vitest";
+
+describe("concept-engine", () => {
+  it("should pass", () => {
+    expect(true).toBe(true);
+  });
+});

packages/concept-engine/src/index.ts

@@ -0,0 +1,10 @@
+// ============================================================================
+// @mintel/concept-engine — Public API
+// ============================================================================
+
+export { ConceptPipeline } from "./pipeline.js";
+export type { PipelineCallbacks } from "./pipeline.js";
+export { crawlSite, clearCrawlCache } from "./scraper.js";
+export { analyzeSite } from "./analyzer.js";
+export { llmRequest, llmJsonRequest, cleanJson } from "./llm-client.js";
+export * from "./types.js";

packages/concept-engine/src/llm-client.ts

@@ -0,0 +1,142 @@
+// ============================================================================
+// LLM Client — Unified interface with model routing via OpenRouter
+// ============================================================================
+
+import axios from "axios";
+
+interface LLMRequestOptions {
+  model: string;
+  systemPrompt: string;
+  userPrompt: string;
+  jsonMode?: boolean;
+  apiKey: string;
+}
+
+interface LLMResponse {
+  content: string;
+  usage: {
+    promptTokens: number;
+    completionTokens: number;
+    cost: number;
+  };
+}
+
+/**
+ * Clean raw LLM output to parseable JSON.
+ * Handles markdown fences, control chars, trailing commas.
+ */
+export function cleanJson(str: string): string {
+  let cleaned = str.replace(/```json\n?|```/g, "").trim();
+  // eslint-disable-next-line no-control-regex
+  cleaned = cleaned.replace(/[\x00-\x1f\x7f-\x9f]/gi, " ");
+  cleaned = cleaned.replace(/,\s*([\]}])/g, "$1");
+  return cleaned;
+}
+
+/**
+ * Send a request to an LLM via OpenRouter.
+ */
+export async function llmRequest(
+  options: LLMRequestOptions,
+): Promise<LLMResponse> {
+  const { model, systemPrompt, userPrompt, jsonMode = true, apiKey } = options;
+
+  const resp = await axios
+    .post(
+      "https://openrouter.ai/api/v1/chat/completions",
+      {
+        model,
+        messages: [
+          { role: "system", content: systemPrompt },
+          { role: "user", content: userPrompt },
+        ],
+        ...(jsonMode ? { response_format: { type: "json_object" } } : {}),
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${apiKey}`,
+          "Content-Type": "application/json",
+        },
+        timeout: 120000,
+      },
+    )
+    .catch((err) => {
+      if (err.response) {
+        console.error(
+          "OpenRouter API Error:",
+          JSON.stringify(err.response.data, null, 2),
+        );
+      }
+      throw err;
+    });
+
+  const content = resp.data.choices?.[0]?.message?.content;
+  if (!content) {
+    throw new Error(`LLM returned no content. Model: ${model}`);
+  }
+
+  let cost = 0;
+  const usage = resp.data.usage || {};
+  if (usage.cost !== undefined) {
+    cost = usage.cost;
+  } else {
+    // Fallback estimation
+    cost =
+      (usage.prompt_tokens || 0) * (0.1 / 1_000_000) +
+      (usage.completion_tokens || 0) * (0.4 / 1_000_000);
+  }
+
+  return {
+    content,
+    usage: {
+      promptTokens: usage.prompt_tokens || 0,
+      completionTokens: usage.completion_tokens || 0,
+      cost,
+    },
+  };
+}
+
+/**
+ * Send a request and parse the response as JSON.
+ */
+export async function llmJsonRequest<T = any>(
+  options: LLMRequestOptions,
+): Promise<{ data: T; usage: LLMResponse["usage"] }> {
+  const response = await llmRequest({ ...options, jsonMode: true });
+  const cleaned = cleanJson(response.content);
+
+  let parsed: T;
+  try {
+    parsed = JSON.parse(cleaned);
+  } catch (e) {
+    throw new Error(
+      `Failed to parse LLM JSON response: ${(e as Error).message}\nRaw: ${cleaned.substring(0, 500)}`,
+    );
+  }
+
+  // Unwrap common LLM artifacts: {"0": {...}}, {"state": {...}}, etc.
+  const unwrapped = unwrapResponse(parsed);
+
+  return { data: unwrapped as T, usage: response.usage };
+}
+
+/**
+ * Recursively unwrap common LLM wrapping patterns.
+ */
+function unwrapResponse(obj: any): any {
+  if (!obj || typeof obj !== "object" || Array.isArray(obj)) return obj;
+  const keys = Object.keys(obj);
+  if (keys.length === 1) {
+    const key = keys[0];
+    if (
+      key === "0" ||
+      key === "state" ||
+      key === "facts" ||
+      key === "result" ||
+      key === "data"
+    ) {
+      return unwrapResponse(obj[key]);
+    }
+  }
+  return obj;
+}

packages/concept-engine/src/pipeline.ts

@@ -0,0 +1,296 @@
+// ============================================================================
+// Pipeline Orchestrator
+// Runs all steps sequentially, tracks state, supports re-running individual steps.
+// ============================================================================
+
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import { crawlSite, clearCrawlCache } from "./scraper.js";
+import { analyzeSite } from "./analyzer.js";
+import { executeResearch } from "./steps/00b-research.js";
+import { executeExtract } from "./steps/01-extract.js";
+import { executeSiteAudit } from "./steps/00a-site-audit.js";
+import { executeAudit } from "./steps/02-audit.js";
+import { executeStrategize } from "./steps/03-strategize.js";
+import { executeArchitect } from "./steps/04-architect.js";
+import type {
+  PipelineConfig,
+  PipelineInput,
+  ConceptState,
+  ProjectConcept,
+  StepResult,
+} from "./types.js";
+
+export interface PipelineCallbacks {
+  onStepStart?: (stepId: string, stepName: string) => void;
+  onStepComplete?: (stepId: string, result: StepResult) => void;
+  onStepError?: (stepId: string, error: string) => void;
+}
+
+/**
+ * The main concept pipeline orchestrator.
+ * Runs conceptual steps sequentially and builds the ProjectConcept.
+ */
+export class ConceptPipeline {
+  private config: PipelineConfig;
+  private state: ConceptState;
+  private callbacks: PipelineCallbacks;
+
+  constructor(config: PipelineConfig, callbacks: PipelineCallbacks = {}) {
+    this.config = config;
+    this.callbacks = callbacks;
+    this.state = this.createInitialState();
+  }
+
+  private createInitialState(): ConceptState {
+    return {
+      briefing: "",
+      usage: {
+        totalPromptTokens: 0,
+        totalCompletionTokens: 0,
+        totalCost: 0,
+        perStep: [],
+      },
+    };
+  }
+
+  /**
+   * Run the full concept pipeline from scratch.
+   */
+  async run(input: PipelineInput): Promise<ProjectConcept> {
+    this.state.briefing = input.briefing;
+    this.state.url = input.url;
+    this.state.comments = input.comments;
+
+    // Ensure output directories
+    await fs.mkdir(this.config.outputDir, { recursive: true });
+    await fs.mkdir(this.config.crawlDir, { recursive: true });
+
+    // Step 0: Scrape & Analyze (deterministic)
+    if (input.url) {
+      if (input.clearCache) {
+        const domain = new URL(input.url).hostname;
+        await clearCrawlCache(this.config.crawlDir, domain);
+      }
+      await this.runStep(
+        "00-scrape",
+        "Scraping & Analyzing Website",
+        async () => {
+          const pages = await crawlSite(input.url!, {
+            zyteApiKey: this.config.zyteApiKey,
+            crawlDir: this.config.crawlDir,
+          });
+          const domain = new URL(input.url!).hostname;
+          const siteProfile = analyzeSite(pages, domain);
+          this.state.siteProfile = siteProfile;
+          this.state.crawlDir = path.join(
+            this.config.crawlDir,
+            domain.replace(/\./g, "-"),
+          );
+
+          // Save site profile
+          await fs.writeFile(
+            path.join(this.state.crawlDir!, "_site_profile.json"),
+            JSON.stringify(siteProfile, null, 2),
+          );
+
+          return {
+            success: true,
+            data: siteProfile,
+            usage: {
+              step: "00-scrape",
+              model: "none",
+              promptTokens: 0,
+              completionTokens: 0,
+              cost: 0,
+              durationMs: 0,
+            },
+          };
+        },
+      );
+    }
+
+    // Step 00a: Site Audit (DataForSEO)
+    await this.runStep(
+      "00a-site-audit",
+      "IST-Analysis (DataForSEO)",
+      async () => {
+        const result = await executeSiteAudit(this.state, this.config);
+        if (result.success && result.data) {
+          this.state.siteAudit = result.data;
+        }
+        return result;
+      },
+    );
+
+    // Step 00b: Research (real web data via journaling)
+    await this.runStep(
+      "00b-research",
+      "Industry & Company Research",
+      async () => {
+        const result = await executeResearch(this.state);
+        if (result.success && result.data) {
+          this.state.researchData = result.data;
+        }
+        return result;
+      },
+    );
+
+    // Step 1: Extract facts
+    await this.runStep(
+      "01-extract",
+      "Extracting Facts from Briefing",
+      async () => {
+        const result = await executeExtract(this.state, this.config);
+        if (result.success) this.state.facts = result.data;
+        return result;
+      },
+    );
+
+    // Step 2: Audit features
+    await this.runStep(
+      "02-audit",
+      "Auditing Features (Skeptical Review)",
+      async () => {
+        const result = await executeAudit(this.state, this.config);
+        if (result.success) this.state.auditedFacts = result.data;
+        return result;
+      },
+    );
+
+    // Step 3: Strategic analysis
+    await this.runStep("03-strategize", "Strategic Analysis", async () => {
+      const result = await executeStrategize(this.state, this.config);
+      if (result.success) {
+        this.state.briefingSummary = result.data.briefingSummary;
+        this.state.designVision = result.data.designVision;
+      }
+      return result;
+    });
+
+    // Step 4: Sitemap architecture
+    await this.runStep("04-architect", "Information Architecture", async () => {
+      const result = await executeArchitect(this.state, this.config);
+      if (result.success) {
+        this.state.sitemap = result.data.sitemap;
+        this.state.websiteTopic = result.data.websiteTopic;
+      }
+      return result;
+    });
+
+    const projectConcept = this.buildProjectConcept();
+    await this.saveState(projectConcept);
+
+    return projectConcept;
+  }
+
+  /**
+   * Run a single step with callbacks and error handling.
+   */
+  private async runStep(
+    stepId: string,
+    stepName: string,
+    executor: () => Promise<StepResult>,
+  ): Promise<void> {
+    this.callbacks.onStepStart?.(stepId, stepName);
+    console.log(`\n📍 ${stepName}...`);
+
+    try {
+      const result = await executor();
+      if (result.usage) {
+        this.state.usage.perStep.push(result.usage);
+        this.state.usage.totalPromptTokens += result.usage.promptTokens;
+        this.state.usage.totalCompletionTokens += result.usage.completionTokens;
+        this.state.usage.totalCost += result.usage.cost;
+      }
+
+      if (result.success) {
+        const cost = result.usage?.cost
+          ? ` ($${result.usage.cost.toFixed(4)})`
+          : "";
+        const duration = result.usage?.durationMs
+          ? ` [${(result.usage.durationMs / 1000).toFixed(1)}s]`
+          : "";
+        console.log(`  ✅ ${stepName} complete${cost}${duration}`);
+        this.callbacks.onStepComplete?.(stepId, result);
+      } else {
+        console.error(`  ❌ ${stepName} failed: ${result.error}`);
+        this.callbacks.onStepError?.(stepId, result.error || "Unknown error");
+        throw new Error(result.error);
+      }
+    } catch (err) {
+      const errorMsg = (err as Error).message;
+      this.callbacks.onStepError?.(stepId, errorMsg);
+      throw err;
+    }
+  }
+
+  /**
+   * Build the final Concept object.
+   */
+  private buildProjectConcept(): ProjectConcept {
+    return {
+      domain: this.state.siteProfile?.domain || "unknown",
+      timestamp: new Date().toISOString(),
+      briefing: this.state.briefing,
+      auditedFacts: this.state.auditedFacts || {},
+      siteProfile: this.state.siteProfile,
+      siteAudit: this.state.siteAudit,
+      researchData: this.state.researchData,
+      strategy: {
+        briefingSummary: this.state.briefingSummary || "",
+        designVision: this.state.designVision || "",
+      },
+      architecture: {
+        websiteTopic: this.state.websiteTopic || "",
+        sitemap: this.state.sitemap || [],
+      },
+      usage: this.state.usage,
+    };
+  }
+
+  /**
+   * Save the full concept generated state to disk.
+   */
+  private async saveState(concept: ProjectConcept): Promise<void> {
+    const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
+    const companyName = this.state.auditedFacts?.companyName || "unknown";
+
+    const stateDir = path.join(this.config.outputDir, "concepts");
+    await fs.mkdir(stateDir, { recursive: true });
+
+    const statePath = path.join(stateDir, `${companyName}_${timestamp}.json`);
+    await fs.writeFile(statePath, JSON.stringify(concept, null, 2));
+    console.log(`\n📦 Saved Project Concept to: ${statePath}`);
+
+    // Save debug trace
+    const debugPath = path.join(
+      stateDir,
+      `${companyName}_${timestamp}_debug.json`,
+    );
+    await fs.writeFile(debugPath, JSON.stringify(this.state, null, 2));
+
+    // Print usage summary
+    console.log("\n──────────────────────────────────────────────");
+    console.log("📊 PIPELINE USAGE SUMMARY");
+    console.log("──────────────────────────────────────────────");
+    for (const step of this.state.usage.perStep) {
+      if (step.cost > 0) {
+        console.log(
+          `  ${step.step}: ${step.model} — $${step.cost.toFixed(6)} (${(step.durationMs / 1000).toFixed(1)}s)`,
+        );
+      }
+    }
+    console.log("──────────────────────────────────────────────");
+    console.log(`  TOTAL: $${this.state.usage.totalCost.toFixed(6)}`);
+    console.log(
+      `  Tokens: ${(this.state.usage.totalPromptTokens + this.state.usage.totalCompletionTokens).toLocaleString()}`,
+    );
+    console.log("──────────────────────────────────────────────\n");
+  }
+
+  /** Get the current internal state (for CLI inspection). */
+  getState(): ConceptState {
+    return this.state;
+  }
+}

packages/concept-engine/src/scraper.ts

@@ -0,0 +1,478 @@
+// ============================================================================
+// Scraper — Zyte API + Local Persistence
+// Crawls all pages of a website, stores them locally for reuse.
+// Crawls all pages of a website, stores them locally for reuse.
+// ============================================================================
+import * as cheerio from "cheerio";
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import { existsSync } from "node:fs";
+import type { CrawledPage, PageType } from "./types.js";
+
+interface ScraperConfig {
+  zyteApiKey?: string;
+  crawlDir: string;
+  maxPages?: number;
+}
+
+/**
+ * Classify a URL pathname into a page type.
+ */
+function classifyPage(pathname: string): PageType {
+  const p = pathname.toLowerCase();
+  if (p === "/" || p === "" || p === "/index.html") return "home";
+  if (
+    p.includes("service") ||
+    p.includes("leistung") ||
+    p.includes("kompetenz")
+  )
+    return "service";
+  if (
+    p.includes("about") ||
+    p.includes("ueber") ||
+    p.includes("über") ||
+    p.includes("unternehmen")
+  )
+    return "about";
+  if (p.includes("contact") || p.includes("kontakt")) return "contact";
+  if (
+    p.includes("job") ||
+    p.includes("karriere") ||
+    p.includes("career") ||
+    p.includes("human-resources")
+  )
+    return "career";
+  if (
+    p.includes("portfolio") ||
+    p.includes("referenz") ||
+    p.includes("projekt") ||
+    p.includes("case-study")
+  )
+    return "portfolio";
+  if (
+    p.includes("blog") ||
+    p.includes("news") ||
+    p.includes("aktuelles") ||
+    p.includes("magazin")
+  )
+    return "blog";
+  if (
+    p.includes("legal") ||
+    p.includes("impressum") ||
+    p.includes("datenschutz") ||
+    p.includes("privacy") ||
+    p.includes("agb")
+  )
+    return "legal";
+  return "other";
+}
+
+/**
+ * Detect interactive features present on a page.
+ */
+function detectFeatures($: cheerio.CheerioAPI): string[] {
+  const features: string[] = [];
+
+  // Search
+  if (
+    $('input[type="search"]').length > 0 ||
+    $('form[role="search"]').length > 0 ||
+    $(".search-form, .search-box, #search, .searchbar").length > 0 ||
+    $('input[name="q"], input[name="s"], input[name="search"]').length > 0
+  ) {
+    features.push("search");
+  }
+
+  // Forms (beyond search)
+  const formCount = $("form").length;
+  const searchForms = $('form[role="search"], .search-form').length;
+  if (formCount > searchForms) {
+    features.push("forms");
+  }
+
+  // Maps
+  if (
+    $(
+      'iframe[src*="google.com/maps"], iframe[src*="openstreetmap"], .map-container, #map, [data-map]',
+    ).length > 0
+  ) {
+    features.push("maps");
+  }
+
+  // Video
+  if (
+    $("video, iframe[src*='youtube'], iframe[src*='vimeo'], .video-container")
+      .length > 0
+  ) {
+    features.push("video");
+  }
+
+  // Calendar / Events
+  if ($(".calendar, .event, [data-calendar]").length > 0) {
+    features.push("calendar");
+  }
+
+  // Cookie consent
+  if (
+    $(".cookie-banner, .cookie-consent, #cookie-notice, [data-cookie]").length >
+    0
+  ) {
+    features.push("cookie-consent");
+  }
+
+  return features;
+}
+
+/**
+ * Extract all internal links from a page.
+ */
+function extractInternalLinks($: cheerio.CheerioAPI, origin: string): string[] {
+  const links: string[] = [];
+  $("a[href]").each((_, el) => {
+    const href = $(el).attr("href");
+    if (!href) return;
+    try {
+      const url = new URL(href, origin);
+      if (url.origin === origin) {
+        // Skip assets
+        if (
+          /\.(pdf|zip|jpg|jpeg|png|svg|webp|gif|css|js|ico|woff|woff2|ttf|eot)$/i.test(
+            url.pathname,
+          )
+        )
+          return;
+        // Skip anchors-only
+        if (url.pathname === "/" && url.hash) return;
+        links.push(url.pathname);
+      }
+    } catch {
+      // Invalid URL, skip
+    }
+  });
+  return [...new Set(links)];
+}
+
+/**
+ * Extract all images from a page.
+ */
+function extractImages($: cheerio.CheerioAPI, origin: string): string[] {
+  const images: string[] = [];
+
+  // Regular img tags
+  $("img[src]").each((_, el) => {
+    const src = $(el).attr("src");
+    if (src) images.push(src);
+  });
+
+  // CSS background images (inline styles)
+  $("[style*='background-image']").each((_, el) => {
+    const style = $(el).attr("style");
+    const match = style?.match(/url\(['"]?(.*?)['"]?\)/);
+    if (match && match[1]) {
+      images.push(match[1]);
+    }
+  });
+
+  // Resolve URLs to absolute
+  const absoluteImages: string[] = [];
+  for (const img of images) {
+    if (img.startsWith("data:image")) continue; // Skip inline base64
+    try {
+      const url = new URL(img, origin);
+      // Ignore small tracking pixels or generic vectors
+      if (url.pathname.endsWith(".svg") && !url.pathname.includes("logo"))
+        continue;
+      absoluteImages.push(url.href);
+    } catch {
+      // Invalid URL
+    }
+  }
+
+  return [...new Set(absoluteImages)];
+}
+
+/**
+ * Fetch a page via Zyte API with browser rendering.
+ */
+async function fetchWithZyte(url: string, apiKey: string): Promise<string> {
+  const auth = Buffer.from(`${apiKey}:`).toString("base64");
+  const resp = await fetch("https://api.zyte.com/v1/extract", {
+    method: "POST",
+    headers: {
+      Authorization: `Basic ${auth}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      url,
+      browserHtml: true,
+    }),
+    signal: AbortSignal.timeout(60000),
+  });
+
+  if (!resp.ok) {
+    const errorText = await resp.text();
+    console.error(
+      `  ❌ Zyte API error ${resp.status} for ${url}: ${errorText}`,
+    );
+    // Rate limited — wait and retry once
+    if (resp.status === 429) {
+      console.log("  ⏳ Rate limited, waiting 5s and retrying...");
+      await new Promise((r) => setTimeout(r, 5000));
+      return fetchWithZyte(url, apiKey);
+    }
+    throw new Error(`HTTP ${resp.status}: ${errorText}`);
+  }
+
+  const data = await resp.json();
+  const html = data.browserHtml || "";
+  if (!html) {
+    console.warn(`  ⚠️ Zyte returned empty browserHtml for ${url}`);
+  }
+  return html;
+}
+/**
+ * Fetch a page via simple HTTP GET (fallback).
+ */
+async function fetchDirect(url: string): Promise<string> {
+  const resp = await fetch(url, {
+    headers: {
+      "User-Agent":
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36",
+    },
+    signal: AbortSignal.timeout(30000),
+  }).catch(() => null);
+
+  if (!resp || !resp.ok) return "";
+  return await resp.text();
+}
+
+/**
+ * Parse an HTML string into a CrawledPage.
+ */
+function parsePage(html: string, url: string): CrawledPage {
+  const $ = cheerio.load(html);
+  const urlObj = new URL(url);
+
+  const title = $("title").text().trim();
+  const headings = $("h1, h2, h3")
+    .map((_, el) => $(el).text().trim())
+    .get()
+    .filter((h) => h.length > 0);
+
+  const navItems = $("nav a")
+    .map((_, el) => $(el).text().trim())
+    .get()
+    .filter((t) => t.length > 0 && t.length < 100);
+
+  const bodyText = $("body")
+    .text()
+    .replace(/\s+/g, " ")
+    .substring(0, 50000)
+    .trim();
+
+  const features = detectFeatures($);
+  const links = extractInternalLinks($, urlObj.origin);
+  const images = extractImages($, urlObj.origin);
+
+  const description =
+    $('meta[name="description"]').attr("content") || undefined;
+  const ogTitle = $('meta[property="og:title"]').attr("content") || undefined;
+  const ogImage = $('meta[property="og:image"]').attr("content") || undefined;
+
+  return {
+    url,
+    pathname: urlObj.pathname,
+    title,
+    html,
+    text: bodyText,
+    headings,
+    navItems,
+    features,
+    type: classifyPage(urlObj.pathname),
+    links,
+    images,
+    meta: { description, ogTitle, ogImage },
+  };
+}
+
+/**
+ * Crawl a website and persist all pages locally.
+ *
+ * Returns an array of CrawledPage objects.
+ */
+export async function crawlSite(
+  targetUrl: string,
+  config: ScraperConfig,
+): Promise<CrawledPage[]> {
+  const urlObj = new URL(targetUrl);
+  const origin = urlObj.origin;
+  const domain = urlObj.hostname;
+  const domainDir = path.join(config.crawlDir, domain.replace(/\./g, "-"));
+
+  // Check for existing crawl
+  const metaFile = path.join(domainDir, "_crawl_meta.json");
+  if (existsSync(metaFile)) {
+    console.log(`📦 Found existing crawl for ${domain}. Loading from disk...`);
+    return loadCrawlFromDisk(domainDir);
+  }
+
+  console.log(
+    `🔍 Crawling ${targetUrl} via ${config.zyteApiKey ? "Zyte API" : "direct HTTP"}...`,
+  );
+
+  // Ensure output dir
+  await fs.mkdir(domainDir, { recursive: true });
+
+  const maxPages = config.maxPages || 30;
+  const visited = new Set<string>();
+  const queue: string[] = [targetUrl];
+  const pages: CrawledPage[] = [];
+
+  while (queue.length > 0 && visited.size < maxPages) {
+    const url = queue.shift()!;
+    const urlPath = new URL(url).pathname;
+
+    if (visited.has(urlPath)) continue;
+    visited.add(urlPath);
+
+    try {
+      console.log(`  ↳ Fetching ${url} (${visited.size}/${maxPages})...`);
+
+      let html: string;
+      if (config.zyteApiKey) {
+        html = await fetchWithZyte(url, config.zyteApiKey);
+      } else {
+        html = await fetchDirect(url);
+      }
+
+      if (!html || html.length < 100) {
+        console.warn(`  ⚠️ Empty/tiny response for ${url}, skipping.`);
+        continue;
+      }
+
+      const page = parsePage(html, url);
+      pages.push(page);
+
+      // Save HTML + metadata to disk
+      const safeName =
+        urlPath === "/"
+          ? "index"
+          : urlPath.replace(/\//g, "_").replace(/^_/, "");
+      await fs.writeFile(path.join(domainDir, `${safeName}.html`), html);
+      await fs.writeFile(
+        path.join(domainDir, `${safeName}.meta.json`),
+        JSON.stringify(
+          {
+            url: page.url,
+            pathname: page.pathname,
+            title: page.title,
+            type: page.type,
+            headings: page.headings,
+            navItems: page.navItems,
+            features: page.features,
+            links: page.links,
+            images: page.images,
+            meta: page.meta,
+          },
+          null,
+          2,
+        ),
+      );
+
+      // Discover new links
+      for (const link of page.links) {
+        if (!visited.has(link)) {
+          const fullUrl = `${origin}${link}`;
+          queue.push(fullUrl);
+        }
+      }
+    } catch (err) {
+      console.warn(`  ⚠️ Failed to fetch ${url}: ${(err as Error).message}`);
+    }
+  }
+
+  // Save crawl metadata
+  await fs.writeFile(
+    metaFile,
+    JSON.stringify(
+      {
+        domain,
+        crawledAt: new Date().toISOString(),
+        totalPages: pages.length,
+        urls: pages.map((p) => p.url),
+      },
+      null,
+      2,
+    ),
+  );
+
+  console.log(
+    `✅ Crawled ${pages.length} pages for ${domain}. Saved to ${domainDir}`,
+  );
+  return pages;
+}
+
+/**
+ * Load a previously crawled site from disk.
+ */
+async function loadCrawlFromDisk(domainDir: string): Promise<CrawledPage[]> {
+  const files = await fs.readdir(domainDir);
+  const metaFiles = files.filter(
+    (f) => f.endsWith(".meta.json") && f !== "_crawl_meta.json",
+  );
+
+  const pages: CrawledPage[] = [];
+  for (const metaFile of metaFiles) {
+    const baseName = metaFile.replace(".meta.json", "");
+    const htmlFile = `${baseName}.html`;
+
+    const meta = JSON.parse(
+      await fs.readFile(path.join(domainDir, metaFile), "utf8"),
+    );
+    let html = "";
+    if (files.includes(htmlFile)) {
+      html = await fs.readFile(path.join(domainDir, htmlFile), "utf8");
+    }
+
+    const text = html
+      ? cheerio
+          .load(html)("body")
+          .text()
+          .replace(/\s+/g, " ")
+          .substring(0, 50000)
+          .trim()
+      : "";
+
+    pages.push({
+      url: meta.url,
+      pathname: meta.pathname,
+      title: meta.title,
+      html,
+      text,
+      headings: meta.headings || [],
+      navItems: meta.navItems || [],
+      features: meta.features || [],
+      type: meta.type || "other",
+      links: meta.links || [],
+      images: meta.images || [],
+      meta: meta.meta || {},
+    });
+  }
+
+  console.log(`  📂 Loaded ${pages.length} cached pages from disk.`);
+  return pages;
+}
+
+/**
+ * Delete a cached crawl to force re-crawl.
+ */
+export async function clearCrawlCache(
+  crawlDir: string,
+  domain: string,
+): Promise<void> {
+  const domainDir = path.join(crawlDir, domain.replace(/\./g, "-"));
+  if (existsSync(domainDir)) {
+    await fs.rm(domainDir, { recursive: true, force: true });
+    console.log(`🧹 Cleared crawl cache for ${domain}`);
+  }
+}

packages/concept-engine/src/steps/00a-site-audit.ts

@@ -0,0 +1,65 @@
+// ============================================================================
+// Step 00a: Site Audit (DataForSEO + AI)
+// ============================================================================
+
+import { PageAuditor } from "@mintel/page-audit";
+import type { ConceptState, StepResult, PipelineConfig } from "../types.js";
+
+export async function executeSiteAudit(
+    state: ConceptState,
+    config: PipelineConfig,
+): Promise<StepResult> {
+    const startTime = Date.now();
+
+    if (!state.url) {
+        return {
+            success: true,
+            data: null,
+            usage: { step: "00a-site-audit", model: "none", promptTokens: 0, completionTokens: 0, cost: 0, durationMs: Date.now() - startTime },
+        };
+    }
+
+    try {
+        const login = process.env.DATA_FOR_SEO_LOGIN || process.env.DATA_FOR_SEO_API_KEY?.split(":")?.[0];
+        const password = process.env.DATA_FOR_SEO_PASSWORD || process.env.DATA_FOR_SEO_API_KEY?.split(":")?.slice(1)?.join(":");
+
+        if (!login || !password) {
+            console.warn("  ⚠️ Site Audit skipped: DataForSEO credentials missing from environment.");
+            return {
+                success: true,
+                data: null,
+                usage: { step: "00a-site-audit", model: "none", promptTokens: 0, completionTokens: 0, cost: 0, durationMs: Date.now() - startTime },
+            };
+        }
+
+        const auditor = new PageAuditor({
+            dataForSeoLogin: login,
+            dataForSeoPassword: password,
+            openrouterKey: config.openrouterKey,
+            outputDir: config.outputDir ? `${config.outputDir}/audits` : undefined,
+        });
+
+        // Run audit (max 20 pages for the estimation phase to keep it fast)
+        const result = await auditor.audit(state.url, { maxPages: 20 });
+
+        return {
+            success: true,
+            data: result,
+            usage: {
+                step: "00a-site-audit",
+                model: "dataforseo",
+                cost: 0, // DataForSEO cost tracking could be added later
+                promptTokens: 0,
+                completionTokens: 0,
+                durationMs: Date.now() - startTime,
+            },
+        };
+    } catch (err: any) {
+        console.warn(`  ⚠️ Site Audit failed, skipping: ${err.message}`);
+        return {
+            success: true,
+            data: null,
+            usage: { step: "00a-site-audit", model: "none", promptTokens: 0, completionTokens: 0, cost: 0, durationMs: Date.now() - startTime },
+        };
+    }
+}

packages/concept-engine/src/steps/00b-research.ts

@@ -0,0 +1,121 @@
+// ============================================================================
+// Step 00b: Research — Industry Research via @mintel/journaling (No LLM hallus)
+// Uses Serper API for real web search results about the industry/company.
+// ============================================================================
+
+import type { ConceptState, StepResult } from "../types.js";
+
+interface ResearchResult {
+    companyContext: string[];
+    industryInsights: string[];
+    competitorInfo: string[];
+}
+
+/**
+ * Research the company and industry using real web search data.
+ * Uses @mintel/journaling's ResearchAgent — results are grounded in real sources.
+ *
+ * NOTE: The journaling package can cause unhandled rejections that crash the process.
+ * We wrap each call in an additional safety layer.
+ */
+export async function executeResearch(
+    state: ConceptState,
+): Promise<StepResult<ResearchResult>> {
+    const startTime = Date.now();
+
+    const companyName = state.siteProfile?.companyInfo?.name || "";
+    const websiteTopic = state.siteProfile?.services?.slice(0, 3).join(", ") || "";
+    const domain = state.siteProfile?.domain || "";
+
+    if (!companyName && !websiteTopic && !domain) {
+        return {
+            success: true,
+            data: { companyContext: [], industryInsights: [], competitorInfo: [] },
+            usage: { step: "00b-research", model: "none", promptTokens: 0, completionTokens: 0, cost: 0, durationMs: 0 },
+        };
+    }
+
+    // Safety wrapper: catch ANY unhandled rejections during this step
+    const safeCall = <T>(fn: () => Promise<T>, fallback: T): Promise<T> => {
+        return new Promise<T>((resolve) => {
+            const handler = (err: any) => {
+                console.warn(`  ⚠️ Unhandled rejection caught in research: ${err?.message || err}`);
+                process.removeListener("unhandledRejection", handler);
+                resolve(fallback);
+            };
+            process.on("unhandledRejection", handler);
+
+            fn()
+                .then((result) => {
+                    process.removeListener("unhandledRejection", handler);
+                    resolve(result);
+                })
+                .catch((err) => {
+                    process.removeListener("unhandledRejection", handler);
+                    console.warn(`  ⚠️ Research call failed: ${err?.message || err}`);
+                    resolve(fallback);
+                });
+        });
+    };
+
+    try {
+        const { ResearchAgent } = await import("@mintel/journaling");
+        const agent = new ResearchAgent(process.env.OPENROUTER_API_KEY || "");
+
+        const results: ResearchResult = {
+            companyContext: [],
+            industryInsights: [],
+            competitorInfo: [],
+        };
+
+        // 1. Research the company itself
+        if (companyName || domain) {
+            const searchQuery = companyName
+                ? `${companyName} ${websiteTopic} Unternehmen`
+                : `site:${domain}`;
+
+            console.log(`  🔍 Researching: "${searchQuery}"...`);
+            const facts = await safeCall(
+                () => agent.researchTopic(searchQuery),
+                [] as any[],
+            );
+            results.companyContext = (facts || [])
+                .filter((f: any) => f?.fact || f?.value || f?.text || f?.statement)
+                .map((f: any) => f.fact || f.value || f.text || f.statement)
+                .slice(0, 5);
+        }
+
+        // 2. Industry research
+        if (websiteTopic) {
+            console.log(`  🔍 Researching industry: "${websiteTopic}"...`);
+            const insights = await safeCall(
+                () => agent.researchCompetitors(websiteTopic),
+                [] as any[],
+            );
+            results.industryInsights = (insights || []).slice(0, 5);
+        }
+
+        const totalFacts = results.companyContext.length + results.industryInsights.length + results.competitorInfo.length;
+        console.log(`  📊 Research found ${totalFacts} data points.`);
+
+        return {
+            success: true,
+            data: results,
+            usage: {
+                step: "00b-research",
+                model: "serper/datacommons",
+                promptTokens: 0,
+                completionTokens: 0,
+                cost: 0,
+                durationMs: Date.now() - startTime,
+            },
+        };
+    } catch (err) {
+        console.warn(`  ⚠️ Research step skipped: ${(err as Error).message}`);
+        return {
+            success: true,
+            data: { companyContext: [], industryInsights: [], competitorInfo: [] },
+            usage: { step: "00b-research", model: "none", promptTokens: 0, completionTokens: 0, cost: 0, durationMs: Date.now() - startTime },
+        };
+    }
+}

packages/concept-engine/src/steps/01-extract.ts

@@ -0,0 +1,108 @@
+// ============================================================================
+// Step 01: Extract — Briefing Fact Extraction (Gemini Flash)
+// ============================================================================
+
+import { llmJsonRequest } from "../llm-client.js";
+import type { ConceptState, StepResult, PipelineConfig } from "../types.js";
+import { DEFAULT_MODELS } from "../types.js";
+
+export async function executeExtract(
+    state: ConceptState,
+    config: PipelineConfig,
+): Promise<StepResult> {
+    const models = { ...DEFAULT_MODELS, ...config.modelsOverride };
+    const startTime = Date.now();
+
+    // Build site context from the deterministic analyzer
+    const siteContext = state.siteProfile
+        ? `
+EXISTING WEBSITE ANALYSIS (FACTS — verifiably crawled, NOT guessed):
+- Domain: ${state.siteProfile.domain}
+- Total pages crawled: ${state.siteProfile.totalPages}
+- Navigation items: ${state.siteProfile.navigation.map((n) => n.label).join(", ") || "nicht erkannt"}
+- Existing features: ${state.siteProfile.existingFeatures.join(", ") || "keine"}
+- Services / Kompetenzen: ${state.siteProfile.services.join(" | ") || "keine"}
+- Employee count (from website text): ${(state.siteProfile as any).employeeCount || "nicht genannt"}
+- Company name: ${state.siteProfile.companyInfo.name || "unbekannt"}
+- Address: ${state.siteProfile.companyInfo.address || "unbekannt"}
+- Tax ID (USt-ID): ${state.siteProfile.companyInfo.taxId || "unbekannt"}
+- HRB: ${state.siteProfile.companyInfo.registerNumber || "unbekannt"}
+- Managing Director: ${state.siteProfile.companyInfo.managingDirector || "unbekannt"}
+- External related domains (HAVE OWN WEBSITES — DO NOT include as sub-pages!): ${state.siteProfile.externalDomains.join(", ") || "keine"}
+- Social links: ${Object.entries(state.siteProfile.socialLinks).map(([k, v]) => `${k}: ${v}`).join(", ") || "keine"}
+`
+        : "No existing website data available.";
+
+    const systemPrompt = `
+You are a precision fact extractor. Your only job: extract verifiable facts from the BRIEFING.
+Output language: GERMAN (strict).
+Output format: flat JSON at root level. No nesting except arrays.
+
+### CRITICAL RULES:
+1. "employeeCount": take from SITE ANALYSIS if available. Only override if briefing states something more specific.
+2. External domains (e.g. "etib-ing.com") have their OWN website. NEVER include them as sub-pages.
+3. Videos (Messefilm, Imagefilm) are CONTENT ASSETS, not pages.
+4. If existing site already has search, include "search" in functions.
+5. DO NOT invent pages not mentioned in briefing or existing navigation.
+
+### CONSERVATIVE RULE:
+- simple lists (Jobs, Referenzen, Messen) = pages, NOT features
+- Assume "page" as default. Only add "feature" for complex interactive systems.
+
+### OUTPUT FORMAT:
+{
+  "companyName": string,
+  "companyAddress": string,
+  "personName": string,
+  "email": string,
+  "existingWebsite": string,
+  "websiteTopic": string,         // MAX 3 words
+  "isRelaunch": boolean,
+  "employeeCount": string,        // from site analysis, e.g. "über 50"
+  "pages": string[],              // ALL pages: ["Startseite", "Über Uns", "Leistungen", ...]
+  "functions": string[],          // search, forms, maps, video, cookie_consent, etc.
+  "assets": string[],             // existing_website, logo, media, photos, videos
+  "deadline": string,
+  "targetAudience": string,
+  "cmsSetup": boolean,
+  "multilang": boolean
+}
+
+BANNED OUTPUT KEYS: "selectedPages", "otherPages", "features", "apiSystems" — use pages[] and functions[] ONLY.
+`;
+
+    const userPrompt = `BRIEFING (TRUTH SOURCE):
+${state.briefing}
+
+COMMENTS:
+${state.comments || "keine"}
+
+${siteContext}`;
+
+    try {
+        const { data, usage } = await llmJsonRequest({
+            model: models.flash,
+            systemPrompt,
+            userPrompt,
+            apiKey: config.openrouterKey,
+        });
+
+        return {
+            success: true,
+            data,
+            usage: {
+                step: "01-extract",
+                model: models.flash,
+                promptTokens: usage.promptTokens,
+                completionTokens: usage.completionTokens,
+                cost: usage.cost,
+                durationMs: Date.now() - startTime,
+            },
+        };
+    } catch (err) {
+        return {
+            success: false,
+            error: `Extract step failed: ${(err as Error).message}`,
+        };
+    }
+}

packages/concept-engine/src/steps/02-audit.ts

@@ -0,0 +1,110 @@
+// ============================================================================
+// Step 02: Audit — Feature Auditor + Skeptical Review (Gemini Flash)
+// ============================================================================
+
+import { llmJsonRequest } from "../llm-client.js";
+import type { ConceptState, StepResult, PipelineConfig } from "../types.js";
+import { DEFAULT_MODELS } from "../types.js";
+
+export async function executeAudit(
+    state: ConceptState,
+    config: PipelineConfig,
+): Promise<StepResult> {
+    const models = { ...DEFAULT_MODELS, ...config.modelsOverride };
+    const startTime = Date.now();
+
+    if (!state.facts) {
+        return { success: false, error: "No facts from Step 01 available." };
+    }
+
+    const systemPrompt = `
+You are a "Strict Cost Controller". Your mission is to prevent over-billing.
+Review the extracted FEATURES against the BRIEFING and the EXISTING SITE ANALYSIS.
+
+### RULE OF THUMB:
+- A "Feature" (1.500 €) is ONLY justified for complex, dynamic systems (logic, database, CMS-driven management, advanced filtering).
+- Simple lists, information sections, or static descriptions (e.g., "Messen", "Team", "Historie", "Jobs" as mere text) are ALWAYS "Pages" (600 €).
+- If the briefing doesn't explicitly mention "Management System", "Filterable Database", or "Client Login", it is a PAGE.
+
+### ADDITIONAL CHECKS:
+1. If any feature maps to an entity that has its own external website (listed in EXTERNAL_DOMAINS), remove it entirely — it's out of scope.
+2. Videos are ASSETS not pages. Remove any video-related entries from pages.
+3. If the existing site has features (search, forms, etc.), ensure they are in the functions list.
+
+### MISSION:
+Return the corrected 'features', 'otherPages', and 'functions' arrays.
+
+### OUTPUT FORMAT:
+{
+  "features": string[],
+  "otherPages": string[],
+  "functions": string[],
+  "removedItems": [{ "item": string, "reason": string }],
+  "addedItems": [{ "item": string, "reason": string }]
+}
+`;
+
+    const userPrompt = `
+EXTRACTED FACTS:
+${JSON.stringify(state.facts, null, 2)}
+
+BRIEFING:
+${state.briefing}
+
+EXTERNAL DOMAINS (have own websites, OUT OF SCOPE):
+${state.siteProfile?.externalDomains?.join(", ") || "none"}
+
+EXISTING FEATURES ON CURRENT SITE:
+${state.siteProfile?.existingFeatures?.join(", ") || "none"}
+`;
+
+    try {
+        const { data, usage } = await llmJsonRequest({
+            model: models.flash,
+            systemPrompt,
+            userPrompt,
+            apiKey: config.openrouterKey,
+        });
+
+        // Apply audit results to facts
+        const auditedFacts = { ...state.facts };
+        auditedFacts.features = data.features || [];
+        auditedFacts.otherPages = [
+            ...new Set([...(auditedFacts.otherPages || []), ...(data.otherPages || [])]),
+        ];
+        if (data.functions) {
+            auditedFacts.functions = [
+                ...new Set([...(auditedFacts.functions || []), ...data.functions]),
+            ];
+        }
+
+        // Log changes
+        if (data.removedItems?.length) {
+            console.log("  📉 Audit removed:");
+            for (const item of data.removedItems) {
+                console.log(`     - ${item.item}: ${item.reason}`);
+            }
+        }
+        if (data.addedItems?.length) {
+            console.log("  📈 Audit added:");
+            for (const item of data.addedItems) {
+                console.log(`     + ${item.item}: ${item.reason}`);
+            }
+        }
+
+        return {
+            success: true,
+            data: auditedFacts,
+            usage: {
+                step: "02-audit",
+                model: models.flash,
+                promptTokens: usage.promptTokens,
+                completionTokens: usage.completionTokens,
+                cost: usage.cost,
+                durationMs: Date.now() - startTime,
+            },
+        };
+    } catch (err) {
+        return { success: false, error: `Audit step failed: ${(err as Error).message}` };
+    }
+}

packages/concept-engine/src/steps/03-strategize.ts

@@ -0,0 +1,99 @@
+// ============================================================================
+// Step 03: Strategize — Briefing Summary + Design Vision (Gemini Pro)
+// ============================================================================
+
+import { llmJsonRequest } from "../llm-client.js";
+import type { ConceptState, StepResult, PipelineConfig } from "../types.js";
+import { DEFAULT_MODELS } from "../types.js";
+
+export async function executeStrategize(
+    state: ConceptState,
+    config: PipelineConfig,
+): Promise<StepResult> {
+    const models = { ...DEFAULT_MODELS, ...config.modelsOverride };
+    const startTime = Date.now();
+
+    if (!state.auditedFacts) {
+        return { success: false, error: "No audited facts from Step 02 available." };
+    }
+
+    const systemPrompt = `
+You are a high-end Digital Architect. Your goal is to make the CUSTOMER feel 100% understood.
+Analyze the BRIEFING and the EXISTING WEBSITE context.
+
+### OBJECTIVE:
+1. **briefingSummary**: Ein sachlicher, tiefgehender Überblick der Unternehmenslage.
+   - STIL: Keine Ich-Form. Keine Marketing-Floskeln. Nutze präzise Fachbegriffe. Sei prägnant.
+   - FORM: EXAKT ZWEI ABSÄTZE. Insgesamt ca. 6 Sätze.
+   - INHALT: Status Quo, was der Kunde will, welcher Sprung notwendig ist.
+   - ABSOLUTE REGEL: Keine Halluzinationen. Keine namentlichen Nennungen von Personen.
+   - RELAUNCH-REGEL: Wenn isRelaunch=true, NICHT sagen "keine digitale Präsenz". Es GIBT eine Seite.
+   - SORGLOS BETRIEB: MUSS erwähnt werden als Teil des Gesamtpakets.
+
+2. **designVision**: Ein abstraktes, strategisches Konzept.
+   - STIL: Rein konzeptionell. Keine Umsetzungsschritte. Keine Ich-Form. Sei prägnant.
+   - FORM: EXAKT ZWEI ABSÄTZE. Insgesamt ca. 4 Sätze.
+   - DATENSCHUTZ: KEINERLEI namentliche Nennungen.
+   - FOKUS: Welche strategische Wirkung soll erzielt werden?
+
+### RULES:
+- NO "wir/unser". NO "Ich/Mein". Objective, fact-oriented narrative.
+- NO marketing lingo. NO "innovativ", "revolutionär", "state-of-the-art".
+- NO hallucinations about features not in the briefing.
+- NO "SEO-Standards zur Fachkräftesicherung" or "B2B-Nutzerströme" — das ist Schwachsinn.
+  Use specific industry terms from the briefing (e.g. "Kabeltiefbau", "HDD-Bohrverfahren").
+- LANGUAGE: Professional German. Simple but expert-level.
+
+### OUTPUT FORMAT:
+{
+  "briefingSummary": string,
+  "designVision": string
+}
+`;
+
+    const userPrompt = `
+BRIEFING (TRUTH SOURCE):
+${state.briefing}
+
+EXISTING WEBSITE DATA:
+- Services: ${state.siteProfile?.services?.join(", ") || "unbekannt"}
+- Navigation: ${state.siteProfile?.navigation?.map((n) => n.label).join(", ") || "unbekannt"}
+- Company: ${state.auditedFacts.companyName || "unbekannt"}
+
+EXTRACTED & AUDITED FACTS:
+${JSON.stringify(state.auditedFacts, null, 2)}
+
+${state.siteAudit?.report ? `
+TECHNICAL SITE AUDIT (IST-Analyse):
+Health: ${state.siteAudit.report.overallHealth} (SEO: ${state.siteAudit.report.seoScore}, UX: ${state.siteAudit.report.uxScore}, Perf: ${state.siteAudit.report.performanceScore})
+- Executive Summary: ${state.siteAudit.report.executiveSummary}
+- Strengths: ${state.siteAudit.report.strengths.join(", ")}
+- Critical Issues: ${state.siteAudit.report.criticalIssues.join(", ")}
+- Quick Wins: ${state.siteAudit.report.quickWins.join(", ")}
+` : ""}
+`;
+
+    try {
+        const { data, usage } = await llmJsonRequest({
+            model: models.pro,
+            systemPrompt,
+            userPrompt,
+            apiKey: config.openrouterKey,
+        });
+
+        return {
+            success: true,
+            data,
+            usage: {
+                step: "03-strategize",
+                model: models.pro,
+                promptTokens: usage.promptTokens,
+                completionTokens: usage.completionTokens,
+                cost: usage.cost,
+                durationMs: Date.now() - startTime,
+            },
+        };
+    } catch (err) {
+        return { success: false, error: `Strategize step failed: ${(err as Error).message}` };
+    }
+}

packages/concept-engine/src/steps/04-architect.ts

@@ -0,0 +1,133 @@
+// ============================================================================
+// Step 04: Architect — Sitemap & Information Architecture (Gemini Pro)
+// ============================================================================
+
+import { llmJsonRequest } from "../llm-client.js";
+import type { ConceptState, StepResult, PipelineConfig } from "../types.js";
+import { DEFAULT_MODELS } from "../types.js";
+
+export async function executeArchitect(
+    state: ConceptState,
+    config: PipelineConfig,
+): Promise<StepResult> {
+    const models = { ...DEFAULT_MODELS, ...config.modelsOverride };
+    const startTime = Date.now();
+
+    if (!state.auditedFacts) {
+        return { success: false, error: "No audited facts available." };
+    }
+
+    // Build navigation constraint from the real site
+    const existingNav = state.siteProfile?.navigation?.map((n) => n.label).join(", ") || "unbekannt";
+    const existingServices = state.siteProfile?.services?.join(", ") || "unbekannt";
+    const externalDomains = state.siteProfile?.externalDomains?.join(", ") || "keine";
+
+    const systemPrompt = `
+Du bist ein Senior UX Architekt. Erstelle einen ECHTEN SEITENBAUM für die neue Website.
+Regelwerk für den Output:
+
+### SEITENBAUM-REGELN:
+1. KEIN MARKETINGSPRECH als Kategoriename. Gültige Kategorien sind nur die echten Navigationspunkte der Website.
+   ERLAUBT: "Startseite", "Leistungen", "Über uns", "Karriere", "Referenzen", "Kontakt", "Rechtliches"
+   VERBOTEN: "Kern-Präsenz", "Vertrauen", "Business Areas", "Digitaler Auftritt"
+
+2. LEISTUNGEN muss in ECHTE UNTERSEITEN aufgeteilt werden — nicht eine einzige "Leistungen"-Seite.
+   Jede Kompetenz aus dem existierenden Leistungsspektrum = eine eigene Seite.
+   Beispiel statt:
+     { category: "Leistungen", pages: [{ title: "Leistungen", desc: "..." }] }
+   So:
+     { category: "Leistungen", pages: [
+       { title: "Kabeltiefbau", desc: "Mittelspannung, Niederspannung, Kabelpflugarbeiten..." },
+       { title: "Horizontalspülbohrungen", desc: "HDD in allen Bodenklassen..." },
+       { title: "Elektromontagen", desc: "Bis 110 kV, Glasfaserkabelmontagen..." },
+       { title: "Planung & Dokumentation", desc: "Genehmigungs- und Ausführungsplanung, Vermessung..." }
+     ]}
+
+3. SEITENTITEL: Kurz, klar, faktisch. Kein Werbejargon.
+   ERLAUBT: "Kabeltiefbau", "Über uns", "Karriere"
+   VERBOTEN: "Unsere Expertise", "Kompetenzspektrum", "Community"
+
+4. Gruppe die Leistungen nach dem ECHTEN Kompetenzkatalog der bestehenden Site — nicht erfinden.
+
+5. Keine doppelten Seiten. Keine Phantomseiten.
+
+6. Videos = Content-Assets, keine eigene Seite.
+
+7. Entitäten mit eigener Domain (${externalDomains}) = NICHT als Seite. Nur als Teaser/Link wenn nötig.
+
+### KONTEXT:
+Bestehende Navigation: ${existingNav}
+Bestehende Services: ${existingServices}
+Externe Domains (haben eigene Website): ${externalDomains}
+Angeforderte zusätzliche Seiten aus Briefing: ${(state.auditedFacts as any)?.pages?.join(", ") || "keine spezifischen"}
+
+### OUTPUT FORMAT (JSON):
+{
+  "websiteTopic": string,  // MAX 3 Wörter, beschreibend
+  "sitemap": [
+    {
+      "category": string,   // Echter Nav-Eintrag. KEIN Marketingsprech.
+      "pages": [
+        { "title": string, "desc": string }  // Echte Unterseite, 1-2 Sätze Zweck
+      ]
+    }
+  ]
+}
+`;
+
+    const userPrompt = `
+BRIEFING:
+${state.briefing}
+
+FAKTEN (aus Extraktion):
+${JSON.stringify({ facts: state.auditedFacts, strategy: { briefingSummary: state.briefingSummary } }, null, 2)}
+
+Erstelle den Seitenbaum. Baue die Leistungen DETAILLIERT aus — echte Unterseiten pro Kompetenzbereich.
+`;
+
+    try {
+        const { data, usage } = await llmJsonRequest({
+            model: models.pro,
+            systemPrompt,
+            userPrompt,
+            apiKey: config.openrouterKey,
+        });
+
+        // Normalize sitemap structure
+        let sitemap = data.sitemap;
+        if (sitemap && !Array.isArray(sitemap)) {
+            if (sitemap.categories) sitemap = sitemap.categories;
+            else {
+                const entries = Object.entries(sitemap);
+                if (entries.every(([, v]) => Array.isArray(v))) {
+                    sitemap = entries.map(([category, pages]) => ({ category, pages }));
+                }
+            }
+        }
+
+        if (Array.isArray(sitemap)) {
+            sitemap = sitemap.map((cat: any) => ({
+                category: cat.category || cat.kategorie || cat.Kategorie || "Allgemein",
+                pages: (cat.pages || cat.seiten || []).map((page: any) => ({
+                    title: page.title || page.titel || "Seite",
+                    desc: page.desc || page.beschreibung || page.description || "",
+                })),
+            }));
+        }
+
+        return {
+            success: true,
+            data: { websiteTopic: data.websiteTopic, sitemap },
+            usage: {
+                step: "04-architect",
+                model: models.pro,
+                promptTokens: usage.promptTokens,
+                completionTokens: usage.completionTokens,
+                cost: usage.cost,
+                durationMs: Date.now() - startTime,
+            },
+        };
+    } catch (err) {
+        return { success: false, error: `Architect step failed: ${(err as Error).message}` };
+    }
+}

packages/concept-engine/src/types.ts

@@ -0,0 +1,233 @@
+// ============================================================================
+// @mintel/concept-engine — Core Type Definitions
+// ============================================================================
+
+/** Page types recognized during crawling */
+export type PageType =
+    | "home"
+    | "service"
+    | "about"
+    | "contact"
+    | "career"
+    | "portfolio"
+    | "blog"
+    | "legal"
+    | "other";
+
+/** A single crawled page with extracted metadata */
+export interface CrawledPage {
+    url: string;
+    pathname: string;
+    title: string;
+    html: string;
+    text: string;
+    headings: string[];
+    navItems: string[];
+    features: string[];
+    type: PageType;
+    links: string[];
+    images: string[];
+    meta: {
+        description?: string;
+        ogTitle?: string;
+        ogImage?: string;
+    };
+}
+
+/** Navigation item extracted from <nav> elements */
+export interface NavItem {
+    label: string;
+    href: string;
+    children?: NavItem[];
+}
+
+/** Company info extracted from Impressum / footer */
+export interface CompanyInfo {
+    name?: string;
+    address?: string;
+    phone?: string;
+    email?: string;
+    taxId?: string;
+    registerNumber?: string;
+    managingDirector?: string;
+}
+
+/** A page in the site inventory */
+export interface PageInventoryItem {
+    url: string;
+    pathname: string;
+    title: string;
+    type: PageType;
+    headings: string[];
+    services: string[];
+    hasSearch: boolean;
+    hasForms: boolean;
+    hasMap: boolean;
+    hasVideo: boolean;
+    contentSummary: string;
+}
+
+/** Full site profile — deterministic, no LLM involved */
+export interface SiteProfile {
+    domain: string;
+    crawledAt: string;
+    totalPages: number;
+    navigation: NavItem[];
+    existingFeatures: string[];
+    services: string[];
+    companyInfo: CompanyInfo;
+    pageInventory: PageInventoryItem[];
+    colors: string[];
+    socialLinks: Record<string, string>;
+    externalDomains: string[];
+    images: string[];
+    employeeCount: string | null;
+}
+
+/** Configuration for the estimation pipeline */
+export interface PipelineConfig {
+    openrouterKey: string;
+    zyteApiKey?: string;
+    outputDir: string;
+    crawlDir: string;
+    modelsOverride?: Partial<ModelConfig>;
+}
+
+/** Model routing configuration */
+export interface ModelConfig {
+    flash: string;
+    pro: string;
+    opus: string;
+}
+
+export const DEFAULT_MODELS: ModelConfig = {
+    flash: "google/gemini-3-flash-preview",
+    pro: "google/gemini-3.1-pro-preview",
+    opus: "anthropic/claude-opus-4-6",
+};
+
+/** Input for a pipeline run */
+export interface PipelineInput {
+    briefing: string;
+    url?: string;
+    budget?: string;
+    comments?: string;
+    clearCache?: boolean;
+}
+
+/** State that flows through all concept pipeline steps */
+export interface ConceptState {
+    // Input
+    briefing: string;
+    url?: string;
+    comments?: string;
+
+    // Output: Scrape & Analyze
+    siteProfile?: SiteProfile;
+    crawlDir?: string;
+
+    // Output: Site Audit
+    siteAudit?: any;
+
+    // Output: Research
+    researchData?: any;
+
+    // Output: Extract
+    facts?: Record<string, any>;
+
+    // Output: Audit
+    auditedFacts?: Record<string, any>;
+
+    // Output: Strategy
+    briefingSummary?: string;
+    designVision?: string;
+
+    // Output: Architecture
+    sitemap?: SitemapCategory[];
+    websiteTopic?: string;
+
+    // Cost tracking
+    usage: UsageStats;
+}
+
+/** Final output of the Concept Engine */
+export interface ProjectConcept {
+    domain: string;
+    timestamp: string;
+    briefing: string;
+    auditedFacts: Record<string, any>;
+    siteProfile?: SiteProfile;
+    siteAudit?: any;
+    researchData?: any;
+    strategy: {
+        briefingSummary: string;
+        designVision: string;
+    };
+    architecture: {
+        websiteTopic: string;
+        sitemap: SitemapCategory[];
+    };
+    usage: UsageStats;
+}
+
+export interface SitemapCategory {
+    category: string;
+    pages: { title: string; desc: string }[];
+}
+
+export interface UsageStats {
+    totalPromptTokens: number;
+    totalCompletionTokens: number;
+    totalCost: number;
+    perStep: StepUsage[];
+}
+
+export interface StepUsage {
+    step: string;
+    model: string;
+    promptTokens: number;
+    completionTokens: number;
+    cost: number;
+    durationMs: number;
+}
+
+/** Result of a single pipeline step */
+export interface StepResult<T = any> {
+    success: boolean;
+    data?: T;
+    error?: string;
+    usage?: StepUsage;
+}
+
+/** Validation result from the deterministic validator */
+export interface ValidationResult {
+    passed: boolean;
+    errors: ValidationError[];
+    warnings: ValidationWarning[];
+}
+
+export interface ValidationError {
+    code: string;
+    message: string;
+    field?: string;
+    expected?: any;
+    actual?: any;
+}
+
+export interface ValidationWarning {
+    code: string;
+    message: string;
+    suggestion?: string;
+}
+
+/** Step definition for the concept pipeline */
+export interface PipelineStep {
+    id: string;
+    name: string;
+    description: string;
+    model: "flash" | "pro" | "opus" | "none";
+    execute: (
+        state: ConceptState,
+        config: PipelineConfig,
+    ) => Promise<StepResult>;
+}

packages/concept-engine/tsconfig.json

@@ -0,0 +1,28 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "target": "ES2022",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ],
+        "outDir": "dist",
+        "rootDir": "src",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "declaration": true,
+        "sourceMap": true
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist",
+        "**/*.test.ts"
+    ]
+}

packages/concept-engine/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+    entry: ["src/index.ts", "src/cli.ts"],
+    format: ["esm"],
+    dts: true,
+    clean: true,
+    target: "es2022",
+});

packages/content-engine/examples/generate-post.ts

@@ -0,0 +1,48 @@
+import { ContentGenerator } from "../src/index";
+import dotenv from "dotenv";
+import path from "path";
+import fs from "fs";
+
+// Load .env from mintel.me (since that's where the key is)
+dotenv.config({
+  path: path.resolve(__dirname, "../../../../mintel.me/apps/web/.env"),
+});
+
+async function main() {
+  const apiKey = process.env.OPENROUTER_API_KEY || process.env.OPENROUTER_KEY;
+  if (!apiKey) {
+    console.error("❌ OPENROUTER_API_KEY not found");
+    process.exit(1);
+  }
+
+  const generator = new ContentGenerator(apiKey);
+
+  const topic = "Why traditional CMSs are dead for developers";
+  console.log(`🚀 Generating post for: "${topic}"`);
+
+  try {
+    const post = await generator.generatePost({
+      topic,
+      includeResearch: true,
+      includeDiagrams: true,
+      includeMemes: true,
+    });
+
+    console.log("\n\n✅ GENERATION COMPLETE");
+    console.log("--------------------------------------------------");
+    console.log(`Title: ${post.title}`);
+    console.log(`Research Points: ${post.research.length}`);
+    console.log(`Memes Generated: ${post.memes.length}`);
+    console.log(`Diagrams Generated: ${post.diagrams.length}`);
+    console.log("--------------------------------------------------");
+
+    // Save to file
+    const outputPath = path.join(__dirname, "output.md");
+    fs.writeFileSync(outputPath, post.content);
+    console.log(`📄 Saved output to: ${outputPath}`);
+  } catch (error) {
+    console.error("❌ Generation failed:", error);
+  }
+}
+
+main();

packages/content-engine/examples/optimize-post.ts

@@ -0,0 +1,58 @@
+import { ContentGenerator } from "../src/index";
+import dotenv from "dotenv";
+import path from "path";
+import fs from "fs";
+import { fileURLToPath } from "url";
+
+// Fix __dirname for ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Load .env from mintel.me (since that's where the key is)
+dotenv.config({
+  path: path.resolve(__dirname, "../../../../mintel.me/apps/web/.env"),
+});
+
+async function main() {
+  const apiKey = process.env.OPENROUTER_API_KEY || process.env.OPENROUTER_KEY;
+  if (!apiKey) {
+    console.error("❌ OPENROUTER_API_KEY not found");
+    process.exit(1);
+  }
+
+  const generator = new ContentGenerator(apiKey);
+
+  const draftContent = `# The Case for Static Sites
+
+Static sites are faster and more secure. They don't have a database to hack.
+They are also cheaper to host. You can use a CDN to serve them globally.
+Dynamic sites are complex and prone to errors.`;
+
+  console.log("📄 Original Content:");
+  console.log(draftContent);
+  console.log("\n🚀 Optimizing content...\n");
+
+  try {
+    const post = await generator.optimizePost(draftContent, {
+      enhanceFacts: true,
+      addDiagrams: true,
+      addMemes: true,
+    });
+
+    console.log("\n\n✅ OPTIMIZATION COMPLETE");
+    console.log("--------------------------------------------------");
+    console.log(`Research Points Added: ${post.research.length}`);
+    console.log(`Memes Generated: ${post.memes.length}`);
+    console.log(`Diagrams Generated: ${post.diagrams.length}`);
+    console.log("--------------------------------------------------");
+
+    // Save to file
+    const outputPath = path.join(__dirname, "optimized.md");
+    fs.writeFileSync(outputPath, post.content);
+    console.log(`📄 Saved output to: ${outputPath}`);
+  } catch (error) {
+    console.error("❌ Optimization failed:", error);
+  }
+}
+
+main();

packages/content-engine/examples/optimize-vendor-lockin.ts

@@ -0,0 +1,132 @@
+import { ContentGenerator, ComponentDefinition } from "../src/index";
+import dotenv from "dotenv";
+import path from "path";
+import fs from "fs";
+import { fileURLToPath } from "url";
+
+// Fix __dirname for ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Load .env from mintel.me
+dotenv.config({
+  path: path.resolve(__dirname, "../../../../mintel.me/apps/web/.env"),
+});
+
+async function main() {
+  const apiKey = process.env.OPENROUTER_API_KEY || process.env.OPENROUTER_KEY;
+  if (!apiKey) {
+    console.error("❌ OPENROUTER_API_KEY not found");
+    process.exit(1);
+  }
+
+  const generator = new ContentGenerator(apiKey);
+
+  const contentToOptimize = `
+"Wir können nicht wechseln, das wäre zu teuer."
+In meiner Arbeit als Digital Architect ist das der Anfang vom Ende jeder technologischen Innovation.
+Vendor Lock-In ist die digitale Version einer Geiselnahme.
+Ich zeige Ihnen, wie wir Systeme bauen, die Ihnen jederzeit die volle Freiheit lassen – technologisch und wirtschaftlich.
+
+Die unsichtbaren Ketten proprietärer Systeme
+Viele Unternehmen lassen sich von der Bequemlichkeit großer SaaS-Plattformen oder Baukästen blenden.
+Man bekommt ein schnelles Feature, gibt aber dafür die Kontrolle über seine Daten und seine Codebasis ab.
+Nach zwei Jahren sind Sie so tief im Ökosystem eines Anbieters verstrickt, dass ein Auszug unmöglich scheint.
+Der Anbieter weiß das – und diktiert fortan die Preise und das Tempo Ihrer Entwicklung.
+Ich nenne das technologische Erpressbarkeit.
+Wahre Unabhängigkeit beginnt bei der strategischen Wahl der Architektur.
+
+Technologische Souveränität als Asset
+Software sollte für Sie arbeiten, nicht umgekehrt.
+Indem wir auf offene Standards und portable Architekturen setzen, verwandeln wir Code in ein echtes Firmen-Asset.
+Sie können den Cloud-Anbieter wechseln, die Agentur tauschen oder das Team skalieren – ohne jemals bei Null anfangen zu müssen.
+Das ist das Privileg der technologischen Elite.
+Portabilität ist kein technisches Gimmick, sondern eine unternehmerische Notwendigkeit.
+
+Meine Architektur der Ungebundenheit
+Ich baue keine "Käfige" aus fertigen Plugins.
+Mein Framework basiert auf Modularität und Klarheit.
+
+Standard-basiertes Engineering: Wir nutzen Technologien, die weltweit verstanden werden. Keine geheimen "Spezial-Module" eines einzelnen Anbieters.
+Daten-Portabilität: Ihre Daten gehören Ihnen. Zu jeder Zeit. Wir bauen Schnittstellen, die den Export so einfach machen wie den Import.
+Cloud-agnostisches Hosting: Wir nutzen Container-Technologie. Ob AWS, Azure oder lokale Anbieter – Ihr Code läuft überall gleich perfekt.
+
+Der strategische Hebel für langfristige Rendite
+Systeme ohne Lock-In altern besser.
+Sie lassen sich schrittweise modernisieren, statt alle fünf Jahre komplett neu gebaut werden zu müssen.
+Das spart Millionen an Opportunitätskosten und Fehl-Investitionen.
+Seien Sie der Herr über Ihr digitales Schicksal.
+Investieren Sie in intelligente Unabhängigkeit.
+
+Für wen ich 'Freiheits-Systeme' erstelle
+Ich arbeite für Gründer, die ihr Unternehmen langfristig wertvoll aufstellen wollen.
+Ist digitale Exzellenz Teil Ihrer Exit-Strategie oder Ihres Erbes? Dann brauchen Sie meine Architektur.
+Ich baue keine Provisorien, sondern nachhaltige Werte.
+
+Fazit: Freiheit ist eine Wahl
+Technologie sollte Ihnen Flügel verleihen, keine Fesseln anlegen.
+Lassen Sie uns gemeinsam ein System schaffen, das so flexibel ist wie Ihr Business.
+Werden Sie unersetzbar durch Qualität, nicht durch Abhängigkeit. Ihr Erfolg verdient absolute Freiheit.
+  `;
+
+  // Define components available in mintel.me
+  const availableComponents: ComponentDefinition[] = [
+    {
+      name: "LeadParagraph",
+      description: "Large, introductory text for the beginning of the article.",
+      usageExample: "<LeadParagraph>First meaningful sentence.</LeadParagraph>",
+    },
+    {
+      name: "H2",
+      description: "Section heading.",
+      usageExample: "<H2>Section Title</H2>",
+    },
+    {
+      name: "H3",
+      description: "Subsection heading.",
+      usageExample: "<H3>Subtitle</H3>",
+    },
+    {
+      name: "Paragraph",
+      description: "Standard body text paragraph.",
+      usageExample: "<Paragraph>Some text...</Paragraph>",
+    },
+    {
+      name: "ArticleBlockquote",
+      description: "A prominent quote block for key insights.",
+      usageExample: "<ArticleBlockquote>Important quote</ArticleBlockquote>",
+    },
+    {
+      name: "Marker",
+      description: "Yellow highlighter effect for very important phrases.",
+      usageExample: "<Marker>Highlighted Text</Marker>",
+    },
+    {
+      name: "ComparisonRow",
+      description: "A component comparing a negative vs positive scenario.",
+      usageExample:
+        '<ComparisonRow description="Cost Comparison" negativeLabel="Lock-In" negativeText="High costs" positiveLabel="Open" positiveText="Control" />',
+    },
+  ];
+
+  console.log('🚀 Optimizing "Vendor Lock-In" post...');
+
+  try {
+    const post = await generator.optimizePost(contentToOptimize, {
+      enhanceFacts: true,
+      addDiagrams: true,
+      addMemes: true,
+      availableComponents,
+    });
+
+    console.log("\n\n✅ OPTIMIZATION COMPLETE");
+    // Save to a file in the package dir
+    const outputPath = path.join(__dirname, "VendorLockIn_OPTIMIZED.md");
+    fs.writeFileSync(outputPath, post.content);
+    console.log(`📄 Saved output to: ${outputPath}`);
+  } catch (error) {
+    console.error("❌ Optimization failed:", error);
+  }
+}
+
+main();

packages/content-engine/examples/optimize-with-components.ts

@@ -0,0 +1,71 @@
+import { ContentGenerator, ComponentDefinition } from "../src/index";
+import dotenv from "dotenv";
+import path from "path";
+import fs from "fs";
+import { fileURLToPath } from "url";
+
+// Fix __dirname for ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Load .env from mintel.me (since that's where the key is)
+dotenv.config({
+  path: path.resolve(__dirname, "../../../../mintel.me/apps/web/.env"),
+});
+
+async function main() {
+  const apiKey = process.env.OPENROUTER_API_KEY || process.env.OPENROUTER_KEY;
+  if (!apiKey) {
+    console.error("❌ OPENROUTER_API_KEY not found");
+    process.exit(1);
+  }
+
+  const generator = new ContentGenerator(apiKey);
+
+  const draftContent = `# Improving User Retention
+
+User retention is key. You need to keep users engaged.
+Offer them value and they will stay.
+If they have questions, they should contact support.`;
+
+  const availableComponents: ComponentDefinition[] = [
+    {
+      name: "InfoCard",
+      description: "A colored box to highlight important tips or warnings.",
+      usageExample:
+        '<InfoCard variant="warning" title="Pro Tip">Always measure retention.</InfoCard>',
+    },
+    {
+      name: "CallToAction",
+      description: "A prominent button for conversion.",
+      usageExample: '<CallToAction href="/contact">Get in Touch</CallToAction>',
+    },
+  ];
+
+  console.log("📄 Original Content:");
+  console.log(draftContent);
+  console.log("\n🚀 Optimizing content with components...\n");
+
+  try {
+    const post = await generator.optimizePost(draftContent, {
+      enhanceFacts: true,
+      addDiagrams: false, // Skip diagrams for this test to focus on components
+      addMemes: false,
+      availableComponents,
+    });
+
+    console.log("\n\n✅ OPTIMIZATION COMPLETE");
+    console.log("--------------------------------------------------");
+    console.log(post.content);
+    console.log("--------------------------------------------------");
+
+    // Save to file
+    const outputPath = path.join(__dirname, "optimized-components.md");
+    fs.writeFileSync(outputPath, post.content);
+    console.log(`📄 Saved output to: ${outputPath}`);
+  } catch (error) {
+    console.error("❌ Optimization failed:", error);
+  }
+}
+
+main();

packages/content-engine/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@mintel/content-engine",
+  "version": "1.9.9",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --clean",
+    "dev": "tsup src/index.ts --format esm --watch --dts",
+    "lint": "eslint src"
+  },
+  "dependencies": {
+    "@mintel/journaling": "workspace:*",
+    "@mintel/meme-generator": "workspace:*",
+    "@mintel/thumbnail-generator": "workspace:*",
+    "dotenv": "^17.3.1",
+    "openai": "^4.82.0"
+  },
+  "devDependencies": {
+    "@mintel/eslint-config": "workspace:*",
+    "@mintel/tsconfig": "workspace:*",
+    "@types/node": "^20.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.infra.mintel.me/mmintel/at-mintel.git"
+  }
+}

packages/content-engine/src/generator.ts

@@ -0,0 +1,990 @@
+import OpenAI from "openai";
+import { ResearchAgent, type Fact, type SocialPost } from "@mintel/journaling";
+import { MemeGenerator, MemeSuggestion } from "@mintel/meme-generator";
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+
+export interface ComponentDefinition {
+  name: string;
+  description: string;
+  usageExample: string;
+}
+
+export interface BlogPostOptions {
+  topic: string;
+  tone?: string;
+  targetAudience?: string;
+  includeMemes?: boolean;
+  includeDiagrams?: boolean;
+  includeResearch?: boolean;
+  availableComponents?: ComponentDefinition[];
+}
+
+export interface OptimizationOptions {
+  enhanceFacts?: boolean;
+  addMemes?: boolean;
+  addDiagrams?: boolean;
+  availableComponents?: ComponentDefinition[];
+  projectContext?: string;
+  /** Target audience description for all AI prompts */
+  targetAudience?: string;
+  /** Tone/persona description for all AI prompts */
+  tone?: string;
+  /** Prompt for DALL-E 3 style generation */
+  memeStylePrompt?: string;
+  /** Path to the docs folder (e.g. apps/web/docs) for full persona/tone context */
+  docsPath?: string;
+}
+
+export interface GeneratedPost {
+  title: string;
+  content: string;
+  research: Fact[];
+  memes: MemeSuggestion[];
+  diagrams: string[];
+}
+
+interface Insertion {
+  afterSection: number;
+  content: string;
+}
+
+// Model configuration: specialized models for different tasks
+const MODELS = {
+  // Structured JSON output, research planning, diagram models: {
+  STRUCTURED: "google/gemini-3-flash-preview",
+  ROUTING: "google/gemini-3-flash-preview",
+  CONTENT: "google/gemini-3.1-pro-preview",
+  // Mermaid diagram generation - User requested Pro
+  DIAGRAM: "google/gemini-3.1-pro-preview",
+} as const;
+
+/** Strip markdown fences that some models wrap around JSON despite response_format */
+function safeParseJSON(raw: string, fallback: any = {}): any {
+  let cleaned = raw.trim();
+  // Remove ```json ... ``` or ``` ... ``` wrapping
+  if (cleaned.startsWith("```")) {
+    cleaned = cleaned
+      .replace(/^```(?:json)?\s*\n?/, "")
+      .replace(/\n?```\s*$/, "");
+  }
+  try {
+    return JSON.parse(cleaned);
+  } catch (e) {
+    console.warn(
+      "⚠️ Failed to parse JSON response, using fallback:",
+      (e as Error).message,
+    );
+    return fallback;
+  }
+}
+
+export class ContentGenerator {
+  private openai: OpenAI;
+  private researchAgent: ResearchAgent;
+  private memeGenerator: MemeGenerator;
+
+  constructor(apiKey: string) {
+    this.openai = new OpenAI({
+      apiKey,
+      baseURL: "https://openrouter.ai/api/v1",
+      defaultHeaders: {
+        "HTTP-Referer": "https://mintel.me",
+        "X-Title": "Mintel Content Engine",
+      },
+    });
+    this.researchAgent = new ResearchAgent(apiKey);
+    this.memeGenerator = new MemeGenerator(apiKey);
+  }
+
+  // =========================================================================
+  // generatePost — for new posts (unchanged from original)
+  // =========================================================================
+  async generatePost(options: BlogPostOptions): Promise<GeneratedPost> {
+    const {
+      topic,
+      tone = "professional yet witty",
+      includeResearch = true,
+      availableComponents = [],
+    } = options;
+    console.log(`🚀 Starting content generation for: "${topic}"`);
+
+    let facts: Fact[] = [];
+    if (includeResearch) {
+      console.log("📚 Gathering research...");
+      facts = await this.researchAgent.researchTopic(topic);
+    }
+
+    console.log("📝 Creating outline...");
+    const outline = await this.createOutline(topic, facts, tone);
+
+    console.log("✍️ Drafting content...");
+    let content = await this.draftContent(
+      topic,
+      outline,
+      facts,
+      tone,
+      availableComponents,
+    );
+
+    const diagrams: string[] = [];
+    if (options.includeDiagrams) {
+      content = await this.processDiagramPlaceholders(content, diagrams);
+    }
+
+    const memes: MemeSuggestion[] = [];
+    if (options.includeMemes) {
+      const memeIdeas = await this.memeGenerator.generateMemeIdeas(
+        content.slice(0, 4000),
+      );
+      memes.push(...memeIdeas);
+    }
+
+    return { title: outline.title, content, research: facts, memes, diagrams };
+  }
+
+  // =========================================================================
+  // generateTldr — Creates a TL;DR block for the given content
+  // =========================================================================
+  async generateTldr(content: string): Promise<string> {
+    const context = content.slice(0, 3000);
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.CONTENT,
+      messages: [
+        {
+          role: "system",
+          content: `Du bist ein kompromissloser Digital Architect.
+Erstelle ein "TL;DR" für diesen Artikel.
+
+REGELN:
+- 3 knackige Bulletpoints
+- TON: Sarkastisch, direkt, provokant ("Finger in die Wunde")
+- Fokussiere auf den wirtschaftlichen Schaden von schlechter Tech
+- Formatiere als MDX-Komponente:
+<div className="my-8 p-6 bg-slate-50 border-l-4 border-blue-600 rounded-r-xl">
+  <H3>TL;DR: Warum Ihr Geld verbrennt</H3>
+  <ul className="list-disc pl-5 space-y-2 mb-0">
+    <li>Punkt 1</li>
+    <li>Punkt 2</li>
+    <li>Punkt 3</li>
+  </ul>
+</div>`,
+        },
+        {
+          role: "user",
+          content: context,
+        },
+      ],
+    });
+    return response.choices[0].message.content?.trim() ?? "";
+  }
+
+  // =========================================================================
+  // optimizePost — ADDITIVE architecture (never rewrites original content)
+  // =========================================================================
+  async optimizePost(
+    content: string,
+    options: OptimizationOptions,
+  ): Promise<GeneratedPost> {
+    console.log("🚀 Optimizing existing content (additive mode)...");
+
+    // Load docs context if provided
+    let docsContext = "";
+    if (options.docsPath) {
+      docsContext = await this.loadDocsContext(options.docsPath);
+      console.log(`📖 Loaded ${docsContext.length} chars of docs context`);
+    }
+
+    const fullContext = [options.projectContext || "", docsContext]
+      .filter(Boolean)
+      .join("\n\n---\n\n");
+
+    // Split content into numbered sections for programmatic insertion
+    const sections = this.splitIntoSections(content);
+    console.log(`📋 Content has ${sections.length} sections`);
+
+    const insertions: Insertion[] = [];
+    const facts: Fact[] = [];
+    const diagrams: string[] = [];
+    const memes: MemeSuggestion[] = [];
+
+    // Build a numbered content map for LLM reference (read-only)
+    const sectionMap = this.buildSectionMap(sections);
+
+    // ----- STEP 1: Research -----
+    if (options.enhanceFacts) {
+      console.log("🔍 Identifying research topics...");
+      const researchTopics = await this.identifyResearchTopics(
+        content,
+        fullContext,
+      );
+      console.log(`📚 Researching: ${researchTopics.join(", ")}`);
+
+      for (const topic of researchTopics) {
+        const topicFacts = await this.researchAgent.researchTopic(topic);
+        facts.push(...topicFacts);
+      }
+
+      if (facts.length > 0) {
+        console.log(`📝 Planning fact insertions for ${facts.length} facts...`);
+        const factInsertions = await this.planFactInsertions(
+          sectionMap,
+          sections,
+          facts,
+          fullContext,
+        );
+        insertions.push(...factInsertions);
+        console.log(`   → ${factInsertions.length} fact enrichments planned`);
+      }
+
+      // ----- STEP 1.5: Social Media Extraction (no LLM — regex only) -----
+      console.log("📱 Extracting existing social media embeds...");
+      const socialPosts = this.researchAgent.extractSocialPosts(content);
+
+      // If none exist, fetch real ones via Serper API
+      if (socialPosts.length === 0) {
+        console.log(
+          "   → None found. Fetching real social posts via Serper API...",
+        );
+        const newPosts = await this.researchAgent.fetchRealSocialPosts(
+          content.slice(0, 500),
+        );
+        socialPosts.push(...newPosts);
+      }
+
+      if (socialPosts.length > 0) {
+        console.log(
+          `📝 Planning placement for ${socialPosts.length} social media posts...`,
+        );
+        const socialInsertions = await this.planSocialMediaInsertions(
+          sectionMap,
+          sections,
+          socialPosts,
+          fullContext,
+        );
+        insertions.push(...socialInsertions);
+        console.log(
+          `   → ${socialInsertions.length} social embeddings planned`,
+        );
+      }
+    }
+
+    // ----- STEP 2: Component suggestions -----
+    if (options.availableComponents && options.availableComponents.length > 0) {
+      console.log("🧩 Planning component additions...");
+      const componentInsertions = await this.planComponentInsertions(
+        sectionMap,
+        sections,
+        options.availableComponents,
+        fullContext,
+      );
+      insertions.push(...componentInsertions);
+      console.log(
+        `   → ${componentInsertions.length} component additions planned`,
+      );
+    }
+
+    // ----- STEP 3: Diagram generation -----
+    if (options.addDiagrams) {
+      console.log("📊 Planning diagrams...");
+      const diagramPlans = await this.planDiagramInsertions(
+        sectionMap,
+        sections,
+        fullContext,
+      );
+
+      for (const plan of diagramPlans) {
+        const mermaidCode = await this.generateMermaid(plan.concept);
+        if (!mermaidCode) {
+          console.warn(`   ⏭️ Skipping invalid diagram for: "${plan.concept}"`);
+          continue;
+        }
+        diagrams.push(mermaidCode);
+        const diagramId = plan.concept
+          .toLowerCase()
+          .replace(/\s+/g, "-")
+          .replace(/[^a-z0-9-]/g, "")
+          .slice(0, 40);
+        insertions.push({
+          afterSection: plan.afterSection,
+          content: `<div className="my-8">\n  <Mermaid id="${diagramId}" title="${plan.concept}" showShare={true}>\n${mermaidCode}\n  </Mermaid>\n</div>`,
+        });
+      }
+      console.log(
+        `   → ${diagramPlans.length} diagrams planned, ${diagrams.length} valid`,
+      );
+    }
+
+    // ----- STEP 4: Meme placement (memegen.link via ArticleMeme) -----
+    if (options.addMemes) {
+      console.log("✨ Generating meme ideas...");
+      let memeIdeas = await this.memeGenerator.generateMemeIdeas(
+        content.slice(0, 4000),
+      );
+
+      // User requested to explicitly limit memes to max 1 per page to prevent duplication
+      if (memeIdeas.length > 1) {
+        memeIdeas = [memeIdeas[0]];
+      }
+
+      memes.push(...memeIdeas);
+
+      if (memeIdeas.length > 0) {
+        console.log(
+          `🎨 Planning meme placement for ${memeIdeas.length} memes...`,
+        );
+        const memePlacements = await this.planMemePlacements(
+          sectionMap,
+          sections,
+          memeIdeas,
+        );
+
+        for (let i = 0; i < memeIdeas.length; i++) {
+          const meme = memeIdeas[i];
+          if (
+            memePlacements[i] !== undefined &&
+            memePlacements[i] >= 0 &&
+            memePlacements[i] < sections.length
+          ) {
+            const captionsStr = meme.captions.join("|");
+            insertions.push({
+              afterSection: memePlacements[i],
+              content: `<div className="my-8">\n  <ArticleMeme template="${meme.template}" captions="${captionsStr}" />\n</div>`,
+            });
+          }
+        }
+        console.log(`   → ${memeIdeas.length} memes placed`);
+      }
+    }
+
+    // ----- Enforce visual spacing (no consecutive visualizations) -----
+    this.enforceVisualSpacing(insertions, sections);
+
+    // ----- Apply all insertions to original content -----
+    console.log(
+      `\n🔧 Applying ${insertions.length} insertions to original content...`,
+    );
+    let optimizedContent = this.applyInsertions(sections, insertions);
+
+    // ----- FINAL AGENTIC REWRITE (Replaces dumb regex scripts) -----
+    console.log(
+      `\n🧠 Agentic Rewrite: Polishing MDX, fixing syntax, and deduplicating...`,
+    );
+    const finalRewrite = await this.openai.chat.completions.create({
+      model: MODELS.CONTENT,
+      messages: [
+        {
+          role: "system",
+          content: `You are an expert MDX Editor. Your task is to take a draft blog post and output the FINAL, error-free MDX code.
+
+CRITICAL RULES:
+1. DEDUPLICATION: Ensure there is MAX ONE <ArticleMeme> in the entire post. Remove any duplicates or outdated memes. Ensure there is MAX ONE TL;DR section. Ensure there are no duplicate components.
+2. TEXT-TO-COMPONENT RATIO: Ensure there are at least 3-4 paragraphs of normal text between any two visual components (<Mermaid>, <ArticleMeme>, <StatsGrid>, <BoldNumber>, etc.). If they are clumped together, spread them out or delete the less important ones.
+3. SYNTAX: Fix any broken Mermaid/MDX syntax (e.g. unclosed tags, bad quotes).
+4. FIDELITY: Preserve the author's original German text, meaning, and tone. Smooth out transitions into the components.
+5. NO HALLUCINATION: Do not invent new URLs or facts. Keep the data provided in the draft.
+6. OUTPUT: Return ONLY the raw MDX content. No markdown code blocks (\`\`\`mdx), no preamble. Just the raw code file.`,
+        },
+        {
+          role: "user",
+          content: optimizedContent,
+        },
+      ],
+    });
+
+    optimizedContent =
+      finalRewrite.choices[0].message.content?.trim() || optimizedContent;
+
+    // Strip any residual markdown formatting fences just in case
+    if (optimizedContent.startsWith("```")) {
+      optimizedContent = optimizedContent
+        .replace(/^```[a-zA-Z]*\n/, "")
+        .replace(/\n```$/, "");
+    }
+
+    return {
+      title: "Optimized Content",
+      content: optimizedContent,
+      research: facts,
+      memes,
+      diagrams,
+    };
+  }
+
+  // =========================================================================
+  // ADDITIVE HELPERS — these return JSON instructions, never rewrite content
+  // =========================================================================
+
+  private splitIntoSections(content: string): string[] {
+    // Split on double newlines (paragraph/block boundaries in MDX)
+    return content.split(/\n\n+/);
+  }
+
+  private applyInsertions(sections: string[], insertions: Insertion[]): string {
+    // Sort by section index DESCENDING to avoid index shifting
+    const sorted = [...insertions].sort(
+      (a, b) => b.afterSection - a.afterSection,
+    );
+    const result = [...sections];
+    for (const ins of sorted) {
+      const idx = Math.min(ins.afterSection + 1, result.length);
+      result.splice(idx, 0, ins.content);
+    }
+    return result.join("\n\n");
+  }
+
+  /**
+   * Enforce visual spacing: visual components must have at least 2 text sections between them.
+   * This prevents walls of visualizations and maintains reading flow.
+   */
+  private enforceVisualSpacing(
+    insertions: Insertion[],
+    sections: string[],
+  ): void {
+    const visualPatterns = [
+      "<Mermaid",
+      "<ArticleMeme",
+      "<StatsGrid",
+      "<StatsDisplay",
+      "<BoldNumber",
+      "<MetricBar",
+      "<ComparisonRow",
+      "<PremiumComparisonChart",
+      "<DiagramFlow",
+      "<DiagramPie",
+      "<DiagramGantt",
+      "<DiagramState",
+      "<DiagramSequence",
+      "<DiagramTimeline",
+      "<Carousel",
+      "<WebVitalsScore",
+      "<WaterfallChart",
+    ];
+    const isVisual = (content: string) =>
+      visualPatterns.some((p) => content.includes(p));
+
+    // Sort by section ascending
+    insertions.sort((a, b) => a.afterSection - b.afterSection);
+
+    // Minimum gap of 10 sections between visual components (= ~6-8 text paragraphs)
+    // User requested a better text-to-component ratio (not 1:1)
+    const MIN_VISUAL_GAP = 10;
+
+    for (let i = 1; i < insertions.length; i++) {
+      if (
+        isVisual(insertions[i].content) &&
+        isVisual(insertions[i - 1].content)
+      ) {
+        const gap = insertions[i].afterSection - insertions[i - 1].afterSection;
+        if (gap < MIN_VISUAL_GAP) {
+          const newPos = Math.min(
+            insertions[i - 1].afterSection + MIN_VISUAL_GAP,
+            sections.length - 1,
+          );
+          insertions[i].afterSection = newPos;
+        }
+      }
+    }
+  }
+
+  private buildSectionMap(sections: string[]): string {
+    return sections
+      .map((s, i) => {
+        const preview = s.trim().replace(/\n/g, " ").slice(0, 120);
+        return `[${i}] ${preview}${s.length > 120 ? "…" : ""}`;
+      })
+      .join("\n");
+  }
+
+  private async loadDocsContext(docsPath: string): Promise<string> {
+    try {
+      const files = await fs.readdir(docsPath);
+      const mdFiles = files.filter((f) => f.endsWith(".md")).sort();
+      const contents: string[] = [];
+
+      for (const file of mdFiles) {
+        const filePath = path.join(docsPath, file);
+        const text = await fs.readFile(filePath, "utf8");
+        contents.push(`=== ${file} ===\n${text.trim()}`);
+      }
+
+      return contents.join("\n\n");
+    } catch (e) {
+      console.warn(`⚠️ Could not load docs from ${docsPath}: ${e}`);
+      return "";
+    }
+  }
+
+  // --- Fact insertion planning (Claude Sonnet — precise content understanding) ---
+  private async planFactInsertions(
+    sectionMap: string,
+    sections: string[],
+    facts: Fact[],
+    context: string,
+  ): Promise<Insertion[]> {
+    const factsText = facts
+      .map((f, i) => `${i + 1}. ${f.statement} [Source: ${f.source}]`)
+      .join("\n");
+
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.CONTENT,
+      messages: [
+        {
+          role: "system",
+          content: `You enrich a German blog post by ADDING new paragraphs with researched facts.
+
+RULES:
+- Do NOT rewrite or modify any existing content
+- Only produce NEW <Paragraph> blocks to INSERT after a specific section number
+- Maximum 5 insertions (only the most impactful facts)
+- Match the post's tone and style (see context below)
+- Use the post's JSX components: <Paragraph>, <Marker> for emphasis
+- Cite sources using ExternalLink: <ExternalLink href="URL">Source: Name</ExternalLink>
+- Write in German, active voice, Ich-Form where appropriate
+
+CONTEXT (tone, style, persona):
+${context.slice(0, 3000)}
+
+EXISTING SECTIONS (read-only — do NOT modify these):
+${sectionMap}
+
+FACTS TO INTEGRATE:
+${factsText}
+
+Return JSON:
+{ "insertions": [{ "afterSection": 3, "content": "<Paragraph>\\n  Fact-enriched paragraph text. [Source: Name]\\n</Paragraph>" }] }
+Return ONLY the JSON.`,
+        },
+      ],
+      response_format: { type: "json_object" },
+    });
+
+    const result = safeParseJSON(
+      response.choices[0].message.content || '{"insertions": []}',
+      { insertions: [] },
+    );
+    return (result.insertions || []).filter(
+      (i: any) =>
+        typeof i.afterSection === "number" &&
+        i.afterSection >= 0 &&
+        i.afterSection < sections.length &&
+        typeof i.content === "string",
+    );
+  }
+
+  // --- Social Media insertion planning ---
+  private async planSocialMediaInsertions(
+    sectionMap: string,
+    sections: string[],
+    posts: SocialPost[],
+    context: string,
+  ): Promise<Insertion[]> {
+    if (!posts || posts.length === 0) return [];
+
+    const postsText = posts
+      .map(
+        (p, i) =>
+          `[${i}] Platform: ${p.platform}, ID: ${p.embedId} (${p.description})`,
+      )
+      .join("\n");
+
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.CONTENT,
+      messages: [
+        {
+          role: "system",
+          content: `You enhance a German blog post by embedding relevant social media posts (YouTube, Twitter, LinkedIn).
+
+RULES:
+- Do NOT rewrite any existing content
+- Return exactly 1 or 2 high-impact insertions
+- Choose the best fitting post(s) from the provided list
+- Use the correct component based on the platform:
+  - youtube -> <YouTubeEmbed videoId="ID" />
+  - twitter -> <TwitterEmbed tweetId="ID" theme="light" />
+  - linkedin -> <LinkedInEmbed urn="ID" />
+- Add a 1-sentence intro paragraph above the embed to contextualize it naturally in the flow of the text (e.g. "Wie Experte XY im folgenden Video detailliert erklärt:"). This context is MANDATORY. Do not just drop the Component without text reference.
+
+CONTEXT:
+${context.slice(0, 3000)}
+
+SOCIAL POSTS AVAILABLE TO EMBED:
+${postsText}
+
+EXISTING SECTIONS:
+${sectionMap}
+
+Return JSON:
+{ "insertions": [{ "afterSection": 4, "content": "<Paragraph>Wie Experten passend bemerken:</Paragraph>\\n\\n<TwitterEmbed tweetId=\\"123456\\" theme=\\"light\\" />" }] }
+Return ONLY the JSON.`,
+        },
+      ],
+      response_format: { type: "json_object" },
+    });
+
+    const result = safeParseJSON(
+      response.choices[0].message.content || '{"insertions": []}',
+      { insertions: [] },
+    );
+    return (result.insertions || []).filter(
+      (i: any) =>
+        typeof i.afterSection === "number" &&
+        i.afterSection >= 0 &&
+        i.afterSection < sections.length &&
+        typeof i.content === "string",
+    );
+  }
+
+  // --- Component insertion planning (Claude Sonnet — understands JSX context) ---
+  private async planComponentInsertions(
+    sectionMap: string,
+    sections: string[],
+    components: ComponentDefinition[],
+    context: string,
+  ): Promise<Insertion[]> {
+    const fullContent = sections.join("\n\n");
+    const componentsText = components
+      .map((c) => `<${c.name}>: ${c.description}\n  Example: ${c.usageExample}`)
+      .join("\n\n");
+    const usedComponents = components
+      .filter((c) => fullContent.includes(`<${c.name}`))
+      .map((c) => c.name);
+
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.CONTENT,
+      messages: [
+        {
+          role: "system",
+          content: `You enhance a German blog post by ADDING interactive UI components.
+
+STRICT BALANCE RULES:
+- Maximum 3–4 component additions total
+- There MUST be at least 3–4 text paragraphs between any two visual components
+- Visual components MUST NEVER appear directly after each other
+- Each unique component type should only appear ONCE (e.g., only one WebVitalsScore, one WaterfallChart)
+- Multiple MetricBar or ComparisonRow in sequence are OK (they form a group)
+
+CONTENT RULES:
+- Do NOT rewrite any existing content — only ADD new component blocks
+- Do NOT add components already present: ${usedComponents.join(", ") || "none"}
+- Statistics MUST have comparison context (before/after, competitor vs us) — never standalone numbers
+- All BoldNumber components MUST include source and sourceUrl props
+- All ArticleQuote components MUST include source and sourceUrl; add "(übersetzt)" if translated
+- MetricBar value must be a real number > 0, not placeholder zeros
+- Carousel items array must have at least 2 items with substantive content
+- Use exact JSX syntax from the examples
+
+CONTEXT:
+${context.slice(0, 3000)}
+
+EXISTING SECTIONS (read-only):
+${sectionMap}
+
+AVAILABLE COMPONENTS:
+${componentsText}
+
+Return JSON:
+{ "insertions": [{ "afterSection": 5, "content": "<StatsDisplay value=\\"100\\" label=\\"PageSpeed Score\\" subtext=\\"Kein Kompromiss.\\" />" }] }
+Return ONLY the JSON.`,
+        },
+      ],
+      response_format: { type: "json_object" },
+    });
+
+    const result = safeParseJSON(
+      response.choices[0].message.content || '{"insertions": []}',
+      { insertions: [] },
+    );
+    return (result.insertions || []).filter(
+      (i: any) =>
+        typeof i.afterSection === "number" &&
+        i.afterSection >= 0 &&
+        i.afterSection < sections.length &&
+        typeof i.content === "string",
+    );
+  }
+
+  // --- Diagram planning (Gemini Flash — structured output) ---
+  private async planDiagramInsertions(
+    sectionMap: string,
+    sections: string[],
+    context: string,
+  ): Promise<{ afterSection: number; concept: string }[]> {
+    const fullContent = sections.join("\n\n");
+    const hasDiagrams =
+      fullContent.includes("<Mermaid") || fullContent.includes("<Diagram");
+
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.STRUCTURED,
+      messages: [
+        {
+          role: "system",
+          content: `Analyze this German blog post and suggest 1-2 Mermaid diagrams.
+${hasDiagrams ? "The post already has diagrams. Only suggest NEW concepts not already visualized." : ""}
+${context.slice(0, 1500)}
+
+SECTIONS:
+${sectionMap}
+
+Return JSON:
+{ "diagrams": [{ "afterSection": 5, "concept": "Descriptive concept name" }] }
+Maximum 2 diagrams. Return ONLY the JSON.`,
+        },
+      ],
+      response_format: { type: "json_object" },
+    });
+
+    const result = safeParseJSON(
+      response.choices[0].message.content || '{"diagrams": []}',
+      { diagrams: [] },
+    );
+    return (result.diagrams || []).filter(
+      (d: any) =>
+        typeof d.afterSection === "number" &&
+        d.afterSection >= 0 &&
+        d.afterSection < sections.length,
+    );
+  }
+
+  // --- Meme placement planning (Gemini Flash — structural positioning) ---
+  private async planMemePlacements(
+    sectionMap: string,
+    sections: string[],
+    memes: MemeSuggestion[],
+  ): Promise<number[]> {
+    const memesText = memes
+      .map((m, i) => `${i}: "${m.template}" — ${m.captions.join(" / ")}`)
+      .join("\n");
+
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.STRUCTURED,
+      messages: [
+        {
+          role: "system",
+          content: `Place ${memes.length} memes at appropriate positions in this blog post.
+Rules: Space them out evenly, place between thematic sections, never at position 0 (the very start).
+
+SECTIONS:
+${sectionMap}
+
+MEMES:
+${memesText}
+
+Return JSON: { "placements": [sectionNumber, sectionNumber, ...] }
+One section number per meme, in the same order as the memes list. Return ONLY JSON.`,
+        },
+      ],
+      response_format: { type: "json_object" },
+    });
+
+    const result = safeParseJSON(
+      response.choices[0].message.content || '{"placements": []}',
+      { placements: [] },
+    );
+    return result.placements || [];
+  }
+
+  // =========================================================================
+  // SHARED HELPERS
+  // =========================================================================
+
+  private async createOutline(
+    topic: string,
+    facts: Fact[],
+    tone: string,
+  ): Promise<{ title: string; sections: string[] }> {
+    const factsContext = facts
+      .map((f) => `- ${f.statement} (${f.source})`)
+      .join("\n");
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.STRUCTURED,
+      messages: [
+        {
+          role: "system",
+          content: `Create a blog post outline on "${topic}".
+Tone: ${tone}.
+Incorporating these facts:
+${factsContext}
+
+Return JSON: { "title": "Catchy Title", "sections": ["Introduction", "Section 1", "Conclusion"] }
+Return ONLY the JSON.`,
+        },
+      ],
+      response_format: { type: "json_object" },
+    });
+    return safeParseJSON(
+      response.choices[0].message.content || '{"title": "", "sections": []}',
+      { title: "", sections: [] },
+    );
+  }
+
+  private async draftContent(
+    topic: string,
+    outline: { title: string; sections: string[] },
+    facts: Fact[],
+    tone: string,
+    components: ComponentDefinition[],
+  ): Promise<string> {
+    const factsContext = facts
+      .map((f) => `- ${f.statement} (Source: ${f.source})`)
+      .join("\n");
+    const componentsContext =
+      components.length > 0
+        ? `\n\nAvailable Components:\n` +
+        components
+          .map(
+            (c) =>
+              `- <${c.name}>: ${c.description}\n  Example: ${c.usageExample}`,
+          )
+          .join("\n")
+        : "";
+
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.CONTENT,
+      messages: [
+        {
+          role: "system",
+          content: `Write a blog post based on this outline:
+Title: ${outline.title}
+Sections: ${outline.sections.join(", ")}
+
+Tone: ${tone}.
+Facts: ${factsContext}
+${componentsContext}
+
+BLOG POST BEST PRACTICES (MANDATORY):
+- DEVIL'S ADVOCATE: Füge zwingend eine kurze kritische Sektion ein (z.B. mit \`<ComparisonRow>\` oder \`<IconList>\`), in der du offen die Nachteile/Kosten/Haken deiner eigenen Lösung ansprichst ("Der Haken an der Sache...").
+- FAQ GENERATOR: Am absoluten Ende des Artikels erstellst du zwingend eine Markdown-Liste mit den 3 wichtigsten Fragen (FAQ) und Antworten (jeweils 2 Sätze) für Google Rich Snippets.
+- Nutze wo passend die obigen React-Komponenten für ein hochwertiges Layout.
+
+Format as Markdown. Start with # H1.
+For places where a diagram would help, insert: <!-- DIAGRAM_PLACEHOLDER: Concept Name -->
+Return ONLY raw content.`,
+        },
+      ],
+    });
+    return response.choices[0].message.content || "";
+  }
+
+  private async processDiagramPlaceholders(
+    content: string,
+    diagrams: string[],
+  ): Promise<string> {
+    const matches = content.matchAll(/<!-- DIAGRAM_PLACEHOLDER: (.+?) -->/g);
+    let processedContent = content;
+
+    for (const match of Array.from(matches)) {
+      const concept = match[1];
+      const diagram = await this.generateMermaid(concept);
+      diagrams.push(diagram);
+      const diagramId = concept
+        .toLowerCase()
+        .replace(/\s+/g, "-")
+        .replace(/[^a-z0-9-]/g, "")
+        .slice(0, 40);
+      const mermaidJsx = `\n<div className="my-8">\n  <Mermaid id="${diagramId}" title="${concept}" showShare={true}>\n${diagram}\n  </Mermaid>\n</div>\n`;
+      processedContent = processedContent.replace(
+        `<!-- DIAGRAM_PLACEHOLDER: ${concept} -->`,
+        mermaidJsx,
+      );
+    }
+    return processedContent;
+  }
+
+  private async generateMermaid(concept: string): Promise<string> {
+    const response = await this.openai.chat.completions.create({
+      model: MODELS.DIAGRAM,
+      messages: [
+        {
+          role: "system",
+          content: `Generate a Mermaid.js diagram for: "${concept}".
+
+RULES:
+- Use clear labels in German where appropriate
+- Keep it EXTREMELY SIMPLE AND COMPACT: strictly max 3-4 nodes for a tiny visual footprint.
+- Prefer vertical layouts (TD) over horizontal (LR) to prevent wide overflowing graphs.
+- CRITICAL: Generate ONLY ONE single connected graph. Do NOT generate multiple independent graphs or isolated subgraphs in the same Mermaid block.
+- No nested subgraphs. Keep instructions short.
+- Use double-quoted labels for nodes: A["Label"]
+- VERY CRITICAL: DO NOT use curly braces '{}' or brackets '[]' inside labels unless they are wrapped in double quotes (e.g. A["Text {with braces}"]). 
+- VERY CRITICAL: DO NOT use any HTML tags (no <br>, no <br/>, no <b>, etc).
+- VERY CRITICAL: DO NOT use special characters like '&', '<', '>', or double-quotes inside the label strings. They break the mermaid parser in our environment.
+- Return ONLY the raw mermaid code. No markdown blocks, no backticks.
+- The first line MUST be a valid mermaid diagram type: graph, flowchart, sequenceDiagram, pie, gantt, stateDiagram, timeline`,
+        },
+      ],
+    });
+
+    const code =
+      response.choices[0].message.content
+        ?.replace(/```mermaid/g, "")
+        .replace(/```/g, "")
+        .trim() || "";
+
+    // Validate: must start with a valid mermaid keyword
+    const validStarts = [
+      "graph",
+      "flowchart",
+      "sequenceDiagram",
+      "pie",
+      "gantt",
+      "stateDiagram",
+      "timeline",
+      "classDiagram",
+      "erDiagram",
+    ];
+    const firstLine = code.split("\n")[0]?.trim().toLowerCase() || "";
+    const isValid = validStarts.some((keyword) =>
+      firstLine.startsWith(keyword),
+    );
+
+    if (!isValid || code.length < 10) {
+      console.warn(
+        `⚠️ Mermaid: Invalid diagram generated for "${concept}", skipping`,
+      );
+      return "";
+    }
+
+    return code;
+  }
+
+  private async identifyResearchTopics(
+    content: string,
+    context: string,
+  ): Promise<string[]> {
+    try {
+      console.log("Sending request to OpenRouter...");
+      const response = await this.openai.chat.completions.create({
+        model: MODELS.STRUCTURED,
+        messages: [
+          {
+            role: "system",
+            content: `Analyze the following blog post and identify 3 key topics or claims that would benefit from statistical data or external verification.
+Return relevant, specific research queries (not too broad).
+
+Context: ${context.slice(0, 1500)}
+
+Return JSON: { "topics": ["topic 1", "topic 2", "topic 3"] }
+Return ONLY the JSON.`,
+          },
+          {
+            role: "user",
+            content: content.slice(0, 4000),
+          },
+        ],
+        response_format: { type: "json_object" },
+      });
+      console.log("Got response from OpenRouter");
+      const parsed = safeParseJSON(
+        response.choices[0].message.content || '{"topics": []}',
+        { topics: [] },
+      );
+      return (parsed.topics || []).map((t: any) =>
+        typeof t === "string" ? t : JSON.stringify(t),
+      );
+    } catch (e: any) {
+      console.error("Error in identifyResearchTopics:", e);
+      throw e;
+    }
+  }
+}

packages/content-engine/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./generator";
+export * from "./orchestrator";