fix(gatekeeper): enhance logging and stabilize upstream polling

.changeset/resilient-build-scripts.md

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

.env.example

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

.gitea/workflows/maintenance.yml

@@ -0,0 +1,44 @@
+name: 🏥 Server Maintenance
+
+on:
+  schedule:
+    - cron: '0 3 * * *' # Every day at 3:00 AM
+  workflow_dispatch: # Allow manual trigger
+
+jobs:
+  maintenance:
+    name: 🧹 Prune & Clean
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: 🚀 Execute Maintenance via SSH
+        run: |
+          mkdir -p ~/.ssh
+          echo "${{ secrets.SSH_KEY }}" > ~/.ssh/id_ed25519
+          chmod 600 ~/.ssh/id_ed25519
+          ssh-keyscan -H ${{ secrets.SSH_HOST }} >> ~/.ssh/known_hosts 2>/dev/null
+
+          # 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"
+
+      - name: 🔔 Notification - Success
+        if: success()
+        run: |
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=🏥 Maintenance Complete" \
+            -F "message=Server-Wartung erfolgreich ausgeführt.\nRegistry & Docker Ressourcen bereinigt." \
+            -F "priority=2" || true
+
+      - name: 🔔 Notification - Failure
+        if: failure()
+        run: |
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=❌ Maintenance FAILED" \
+            -F "message=Die automatische Server-Wartung ist fehlgeschlagen!\nBitte Logs prüfen." \
+            -F "priority=8" || true

.gitea/workflows/pipeline.yml

@@ -12,8 +12,56 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-  qa:
-    name: 🧪 Quality Assurance
+  prioritize:
+    name: ⚡ Prioritize Release
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    steps:
+      - name: 🛑 Cancel Redundant Runs
+        env:
+          GITEA_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          REPO: ${{ github.repository }}
+          RUN_ID: ${{ github.run_id }}
+          REF: ${{ github.ref }}
+          REF_NAME: ${{ github.ref_name }}
+          EVENT: ${{ github.event_name }}
+        run: |
+          echo "🔎 Debug: Event=$EVENT, Ref=$REF, RefName=$REF_NAME, RunId=$RUN_ID"
+          
+          case "$REF" in
+            refs/tags/v*)
+              echo "🚀 Release detected ($REF_NAME). Cancelling non-tag runs..."
+              
+              # Fetch all runs
+              RUNS=$(curl -s -H "Authorization: token $GITEA_TOKEN" "https://git.infra.mintel.me/api/v1/repos/$REPO/actions/runs")
+              
+              # Identify runs to cancel: in_progress/queued, NOT this run, and NOT a tag run
+              echo "$RUNS" | jq -c '.workflow_runs[] | select(.status == "in_progress" or .status == "queued") | select(.id | tostring != "'$RUN_ID'")' | while read -r run; do
+                ID=$(echo "$run" | jq -r '.id')
+                RUN_REF=$(echo "$run" | jq -r '.ref')
+                TITLE=$(echo "$run" | jq -r '.display_title')
+                
+                case "$RUN_REF" in
+                  refs/tags/v*)
+                    echo "⏭️ Skipping parallel release run $ID ($TITLE) on $RUN_REF"
+                    ;;
+                  *)
+                    echo "🛑 Cancelling redundant branch run $ID ($TITLE) on $RUN_REF..."
+                    curl -X POST -s -H "Authorization: token $GITEA_TOKEN" "https://git.infra.mintel.me/api/v1/repos/$REPO/actions/runs/$ID/cancel"
+                    ;;
+                esac
+              done
+              ;;
+            *)
+              echo "ℹ️ Regular push. No prioritization needed."
+              ;;
+          esac
+
+  lint:
+    name: 🧹 Lint
+    needs: prioritize
+    if: always() && !cancelled() && (needs.prioritize.result == 'success' || needs.prioritize.result == 'skipped')
     runs-on: docker
     container:
       image: catthehacker/ubuntu:act-latest
@@ -22,36 +70,66 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 10
-
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node_version: 20
-
+      - name: Enable pnpm
+        run: corepack enable && corepack prepare pnpm@10.2.0 --activate
       - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
-      - name: 🏷️ Sync Versions (if Tagged)
-        if: startsWith(github.ref, 'refs/tags/v')
-        run: pnpm sync-versions
-
+        run: pnpm install --frozen-lockfile --prefer-offline --ignore-scripts --no-color
       - name: Lint
         run: pnpm lint
 
+  test:
+    name: 🧪 Test
+    needs: prioritize
+    if: always() && !cancelled() && (needs.prioritize.result == 'success' || needs.prioritize.result == 'skipped')
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    env:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node_version: 20
+      - name: Enable pnpm
+        run: corepack enable && corepack prepare pnpm@10.2.0 --activate
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile --prefer-offline --ignore-scripts --no-color
       - name: Test
         run: pnpm test
 
+  build:
+    name: 🏗️ Build
+    needs: prioritize
+    if: always() && !cancelled() && (needs.prioritize.result == 'success' || needs.prioritize.result == 'skipped')
+    runs-on: docker
+    container:
+      image: catthehacker/ubuntu:act-latest
+    env:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node_version: 20
+      - name: Enable pnpm
+        run: corepack enable && corepack prepare pnpm@10.2.0 --activate
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile --prefer-offline --ignore-scripts --no-color
       - name: Build
         run: pnpm build
 
   release:
     name: 🚀 Release
-    needs: qa
+    needs: [lint, test, build]
     if: startsWith(github.ref, 'refs/tags/v')
     runs-on: docker
     container:
@@ -64,20 +142,16 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 10
-
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node_version: 20
-
+      - name: Enable pnpm
+        run: corepack enable && corepack prepare pnpm@10.2.0 --activate
       - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
+        run: pnpm install --frozen-lockfile --prefer-offline --ignore-scripts --no-color
+      - name: 🏷️ Sync Versions (if Tagged)
+        run: pnpm sync-versions
       - name: 🏷️ Release Packages (Tag-Driven)
         run: |
           echo "🏷️ Tag detected [${{ github.ref_name }}], performing sync release..."
@@ -85,7 +159,7 @@ jobs:
 
   build-images:
     name: 🐳 Build ${{ matrix.name }}
-    needs: qa
+    needs: [lint, test, build]
     if: startsWith(github.ref, 'refs/tags/v')
     runs-on: docker
     container:

.husky/pre-push

@@ -7,8 +7,8 @@ do
     echo "🏷️ Tag detected: $TAG, syncing versions..."
     pnpm sync-versions "$TAG"
     
-    # Stage the changed files
-    git add package.json packages/*/package.json apps/*/package.json .env .env.example
+    # Stage the changed files (excluding ignored files like .env)
+    git add package.json packages/*/package.json apps/*/package.json .env.example
     
     echo "⚠️ package.json and .env files updated to match tag $TAG."
     echo "⚠️ Note: You might need to push again if these changes were not already in your commit/tag."

Dockerfile.template

@@ -0,0 +1,56 @@
+# Stage 1: Builder
+FROM registry.infra.mintel.me/mintel/nextjs:latest AS builder
+WORKDIR /app
+
+# Clean the workspace in case the base image is dirty
+RUN rm -rf ./*
+
+# Arguments for build-time configuration
+ARG NEXT_PUBLIC_BASE_URL
+ARG NEXT_PUBLIC_TARGET
+ARG DIRECTUS_URL
+ARG NPM_TOKEN
+
+# Environment variables for Next.js build
+ENV NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
+ENV NEXT_PUBLIC_TARGET=$NEXT_PUBLIC_TARGET
+ENV DIRECTUS_URL=$DIRECTUS_URL
+ENV SKIP_RUNTIME_ENV_VALIDATION=true
+ENV CI=true
+
+# Enable pnpm
+RUN corepack enable
+
+# Copy lockfile and manifest for dependency installation caching
+COPY pnpm-lock.yaml package.json .npmrc* ./
+
+# Install dependencies with cache mount
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store \
+    --mount=type=secret,id=NPM_TOKEN \
+    export NPM_TOKEN=$(cat /run/secrets/NPM_TOKEN 2>/dev/null || echo $NPM_TOKEN) && \
+    pnpm install --frozen-lockfile
+
+# Copy source code
+COPY . .
+
+# Build application
+RUN pnpm build
+
+# Stage 2: Runner
+FROM registry.infra.mintel.me/mintel/runtime:latest AS runner
+WORKDIR /app
+
+ENV HOSTNAME="0.0.0.0"
+ENV PORT=3000
+ENV NODE_ENV=production
+
+# Copy standalone output and static files
+# Adjust paths if using a monorepo structure (e.g., /app/apps/web/public)
+COPY --from=builder --chown=nextjs:nodejs /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+COPY --from=builder --chown=nextjs:nodejs /app/.next/cache ./.next/cache
+
+USER nextjs
+
+CMD ["node", "server.js"]

apps/sample-website/Dockerfile

@@ -1,6 +1,5 @@
 # Start from the pre-built Nextjs Base image
-ARG IMAGE_TAG=latest
-FROM registry.infra.mintel.me/mintel/nextjs:${IMAGE_TAG} AS builder
+FROM registry.infra.mintel.me/mintel/nextjs:latest AS builder
 
 WORKDIR /app
 
@@ -21,7 +20,7 @@ ENV DIRECTUS_URL=$DIRECTUS_URL
 RUN pnpm --filter sample-website build
 
 # Production runner image
-FROM registry.infra.mintel.me/mintel/runtime:${IMAGE_TAG} AS runner
+FROM registry.infra.mintel.me/mintel/runtime:latest AS runner
 WORKDIR /app
 
 COPY --from=builder /app/apps/sample-website/public ./apps/sample-website/public

apps/sample-website/package.json

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

package.json

@@ -52,7 +52,7 @@
     "pino-pretty": "^13.1.3",
     "require-in-the-middle": "^8.0.1"
   },
-  "version": "1.7.0",
+  "version": "1.7.10",
   "pnpm": {
     "overrides": {
       "next": "16.1.6",

packages/acquisition-manager/index.js

@@ -0,0 +1 @@
+import{defineModule as e}from"@directus/extensions-sdk";import{defineComponent as t,resolveComponent as n,openBlock as a,createBlock as i,withCtx as r,createElementVNode as o}from"vue";var s=t({__name:"module",setup:e=>(e,t)=>{const s=n("private-view");return a(),i(s,{title:"Acquisition Manager"},{default:r(()=>[...t[0]||(t[0]=[o("div",{class:"acquisition-manager"},[o("h1",null,"Acquisition Manager"),o("p",null,"Modern Industrial Acquisition Management Interface")],-1)])]),_:1})}}),u=[],c=[];!function(e,t){if(e&&"undefined"!=typeof document){var n,a=!0===t.prepend?"prepend":"append",i=!0===t.singleTag,r="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(i){var o=u.indexOf(r);-1===o&&(o=u.push(r)-1,c[o]={}),n=c[o]&&c[o][a]?c[o][a]:c[o][a]=s()}else n=s();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function s(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),i=0;i<n.length;i++)e.setAttribute(n[i],t.attributes[n[i]]);var o="prepend"===a?"afterbegin":"beforeend";return r.insertAdjacentElement(o,e),e}}("\n.acquisition-manager[data-v-19f4e937] {\n\tpadding: 20px;\n}\n",{});var d=e({id:"acquisition-manager",name:"Acquisition Manager",icon:"account_balance_wallet",routes:[{path:"",component:((e,t)=>{const n=e.__vccOpts||e;for(const[e,a]of t)n[e]=a;return n})(s,[["__scopeId","data-v-19f4e937"],["__file","module.vue"]])}]});export{d as default};

packages/acquisition-manager/package.json

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

packages/acquisition-manager/src/index.ts

@@ -2,9 +2,9 @@ import { defineModule } from '@directus/extensions-sdk';
 import ModuleComponent from './module.vue';
 
 export default defineModule({
-    id: 'feedback-commander',
-    name: 'Feedback Commander',
-    icon: 'view_kanban',
+    id: 'acquisition-manager',
+    name: 'Acquisition Manager',
+    icon: 'account_balance_wallet',
     routes: [
         {
             path: '',

packages/acquisition-manager/src/module.vue

@@ -0,0 +1,18 @@
+<template>
+	<private-view title="Acquisition Manager">
+		<div class="acquisition-manager">
+			<h1>Acquisition Manager</h1>
+			<p>Modern Industrial Acquisition Management Interface</p>
+		</div>
+	</private-view>
+</template>
+
+<script setup lang="ts">
+// Logic will be added here
+</script>
+
+<style scoped>
+.acquisition-manager {
+	padding: 20px;
+}
+</style>

packages/acquisition/build.js

@@ -7,7 +7,7 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
 const entryPoint = resolve(__dirname, 'src/index.ts');
-const outfile = resolve(__dirname, 'dist/index.js');
+const outfile = resolve(__dirname, 'index.js');
 
 try {
     mkdirSync(dirname(outfile), { recursive: true });
@@ -22,7 +22,6 @@ build({
     target: 'node18',
     outfile: outfile,
     format: 'esm',
-    // Bundle everything, including Directus SDK, to avoid resolution issues in Docker
     external: [],
     plugins: [{
         name: 'mock-jquery',
@@ -36,11 +35,6 @@ 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) {
-            return;
-        }
     }]
 }).then(() => {
     console.log("Build succeeded!");

packages/acquisition/package.json

@@ -1,32 +1,25 @@
 {
-    "name": "@mintel/acquisition",
-    "version": "1.0.0",
-    "private": true,
-    "type": "module",
-    "main": "./dist/index.js",
-    "module": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "scripts": {
-        "build": "tsup src/index.ts --format esm --dts --clean",
-        "dev": "tsup src/index.ts --format esm --watch --dts",
-        "lint": "eslint src",
-        "test": "vitest run",
-        "typecheck": "tsc --noEmit"
-    },
-    "dependencies": {
-        "axios": "^1.7.9",
-        "crawlee": "^3.12.2",
-        "cheerio": "^1.0.0",
-        "react": "^19.0.0",
-        "@react-pdf/renderer": "^4.3.0",
-        "framer-motion": "^12.4.2"
-    },
-    "devDependencies": {
-        "@mintel/tsconfig": "workspace:*",
-        "@mintel/eslint-config": "workspace:*",
-        "tsup": "^8.3.5",
-        "typescript": "^5.0.0",
-        "vitest": "^3.0.4",
-        "@types/node": "^20.17.16"
-    }
-}
+  "name": "acquisition",
+  "version": "1.7.10",
+  "type": "module",
+  "directus:extension": {
+    "type": "endpoint",
+    "path": "index.js",
+    "source": "src/index.ts",
+    "host": "^11.0.0"
+  },
+  "scripts": {
+    "build": "node build.js",
+    "dev": "node build.js --watch"
+  },
+  "devDependencies": {
+    "@directus/extensions-sdk": "11.0.2",
+    "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/components/EstimationPDF.tsx

@@ -1,93 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Page as PDFPage, Document as PDFDocument } from "@react-pdf/renderer";
-import { pdfStyles } from "./pdf/SharedUI.js";
-import { SimpleLayout } from "./pdf/SimpleLayout.js";
-
-// Modules
-import { FrontPageModule } from "./pdf/modules/FrontPageModule.js";
-import { BriefingModule } from "./pdf/modules/BriefingModule.js";
-import { SitemapModule } from "./pdf/modules/SitemapModule.js";
-import { EstimationModule } from "./pdf/modules/EstimationModule.js";
-import { TransparenzModule } from "./pdf/modules/TransparenzModule.js";
-import { ClosingModule } from "./pdf/modules/CommonModules.js";
-
-import { calculatePositions } from "../logic/pricing/calculator.js";
-
-interface PDFProps {
-    state: any;
-    totalPrice: number;
-    pricing: any;
-    headerIcon?: string;
-    footerLogo?: string;
-}
-
-export const EstimationPDF = ({
-    state,
-    totalPrice,
-    pricing,
-    headerIcon,
-    footerLogo,
-}: PDFProps) => {
-    const date = new Date().toLocaleDateString("de-DE", {
-        year: "numeric",
-        month: "long",
-        day: "numeric",
-    });
-
-    const positions = calculatePositions(state, pricing);
-
-    const companyData = {
-        name: "Marc Mintel",
-        address1: "Georg-Meistermann-Straße 7",
-        address2: "54586 Schüller",
-        ustId: "DE367588065",
-    };
-
-    const commonProps = {
-        state,
-        date,
-        icon: headerIcon,
-        footerLogo,
-        companyData,
-    };
-
-    let pageCounter = 1;
-    const getPageNum = () => (pageCounter++).toString().padStart(2, "0");
-
-    return (
-        <PDFDocument title={`Angebot - ${state.companyName || "Projekt"}`}>
-            <PDFPage size="A4" style={pdfStyles.titlePage}>
-                <FrontPageModule state={state} headerIcon={headerIcon} date={date} />
-            </PDFPage>
-
-            <SimpleLayout {...commonProps} pageNumber={getPageNum()}>
-                <BriefingModule state={state} />
-            </SimpleLayout>
-
-            {state.sitemap && state.sitemap.length > 0 && (
-                <SimpleLayout {...commonProps} pageNumber={getPageNum()}>
-                    <SitemapModule state={state} />
-                </SimpleLayout>
-            )}
-
-            <SimpleLayout {...commonProps} pageNumber={getPageNum()}>
-                <EstimationModule
-                    state={state}
-                    positions={positions}
-                    totalPrice={totalPrice}
-                    date={date}
-                />
-            </SimpleLayout>
-
-            <SimpleLayout {...commonProps} pageNumber={getPageNum()}>
-                <TransparenzModule pricing={pricing} />
-            </SimpleLayout>
-
-            <SimpleLayout {...commonProps} pageNumber={getPageNum()}>
-                <ClosingModule />
-            </SimpleLayout>
-        </PDFDocument>
-    );
-};

packages/acquisition/src/components/pdf/SharedUI.tsx

@@ -1,401 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-    View as PDFView,
-    Text as PDFText,
-    StyleSheet,
-    Image as PDFImage,
-} from "@react-pdf/renderer";
-
-// INDUSTRIAL DESIGN SYSTEM TOKENS
-export const COLORS = {
-    CHARCOAL: "#0f172a", // Slate 900
-    TEXT_MAIN: "#334155", // Slate 700
-    TEXT_DIM: "#64748b", // Slate 500
-    TEXT_LIGHT: "#94a3b8", // Slate 400
-    DIVIDER: "#cbd5e1", // Slate 300
-    GRID: "#f1f5f9", // Slate 100
-    BLUEPRINT: "#e2e8f0", // Slate 200
-    WHITE: "#ffffff",
-};
-
-export const FONT_SIZES = {
-    HERO: 24, // Main Page Titles
-    HEADING: 14, // Section Headers
-    BODY: 11, // Standard Content
-    LABEL: 10, // Bold Labels / Keys
-    SMALL: 9, // Descriptions / Footnotes
-    TINY: 8, // Metadata / Unit prices
-};
-
-export const pdfStyles = StyleSheet.create({
-    page: {
-        paddingTop: 45, // DIN 5008
-        paddingLeft: 70, // ~25mm
-        paddingRight: 57, // ~20mm
-        paddingBottom: 80, // Safe buffer for absolute footer
-        backgroundColor: COLORS.WHITE,
-        fontFamily: "Helvetica",
-        fontSize: FONT_SIZES.BODY,
-        color: COLORS.CHARCOAL,
-    },
-    titlePage: {
-        width: "100%",
-        height: "100%",
-        backgroundColor: COLORS.WHITE,
-        fontFamily: "Helvetica",
-        color: COLORS.CHARCOAL,
-        padding: 0,
-    },
-    header: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "flex-start",
-        marginBottom: 20,
-        minHeight: 120,
-    },
-    addressBlock: {
-        width: "55%",
-        marginTop: 45,
-    },
-    senderLine: {
-        fontSize: FONT_SIZES.TINY,
-        textDecoration: "underline",
-        color: COLORS.TEXT_DIM,
-        marginBottom: 8,
-    },
-    recipientAddress: {
-        fontSize: FONT_SIZES.BODY,
-        lineHeight: 1.4,
-    },
-    brandLogoContainer: {
-        width: "40%",
-        alignItems: "flex-end",
-    },
-    brandIconContainer: {
-        width: 40,
-        height: 40,
-        backgroundColor: "#0f172a",
-        borderRadius: 8,
-        alignItems: "center",
-        justifyContent: "center",
-        marginBottom: 12,
-    },
-    brandIconText: {
-        color: COLORS.WHITE,
-        fontSize: 20,
-        fontWeight: "bold",
-    },
-    titleInfo: {
-        marginBottom: 24,
-    },
-    mainTitle: {
-        fontSize: FONT_SIZES.HEADING,
-        fontWeight: "bold",
-        marginBottom: 4,
-        color: COLORS.CHARCOAL,
-        letterSpacing: 0.5,
-    },
-    subTitle: {
-        fontSize: FONT_SIZES.BODY,
-        color: COLORS.TEXT_DIM,
-        marginTop: 2,
-        lineHeight: 1.4,
-    },
-    section: {
-        marginBottom: 32,
-    },
-    sectionTitle: {
-        fontSize: FONT_SIZES.LABEL,
-        fontWeight: "bold",
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        color: COLORS.TEXT_LIGHT,
-        marginBottom: 8,
-    },
-    footer: {
-        position: "absolute",
-        bottom: 32,
-        left: 70,
-        right: 57,
-        borderTopWidth: 1,
-        borderTopColor: COLORS.GRID,
-        paddingTop: 16,
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "flex-start",
-    },
-    footerColumn: {
-        flex: 1,
-        alignItems: "flex-start",
-    },
-    footerLogo: {
-        height: 20,
-        width: "auto",
-        objectFit: "contain",
-        marginBottom: 8,
-    },
-    footerText: {
-        fontSize: FONT_SIZES.TINY,
-        color: COLORS.TEXT_LIGHT,
-        lineHeight: 1.4,
-    },
-    asymmetryContainer: {
-        flexDirection: "row",
-        gap: 32,
-    },
-    asymmetryLeft: {
-        width: "32%",
-    },
-    asymmetryRight: {
-        width: "63%",
-    },
-    specRow: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        paddingVertical: 6,
-        borderBottomWidth: 1,
-        borderBottomColor: COLORS.GRID,
-    },
-    specLabel: {
-        fontSize: FONT_SIZES.TINY,
-        fontWeight: "bold",
-        color: COLORS.TEXT_LIGHT,
-        textTransform: "uppercase",
-        letterSpacing: 0.5,
-    },
-    specValue: {
-        fontSize: FONT_SIZES.SMALL,
-        color: COLORS.CHARCOAL,
-        fontWeight: "bold",
-    },
-    blueprintBox: {
-        borderWidth: 1,
-        borderColor: COLORS.GRID,
-        padding: 16,
-        backgroundColor: "#fafafa",
-    },
-    footerLabel: {
-        fontWeight: "bold",
-        color: COLORS.TEXT_DIM,
-    },
-    pageNumber: {
-        fontSize: FONT_SIZES.TINY,
-        color: COLORS.DIVIDER,
-        fontWeight: "bold",
-        marginTop: 8,
-        textAlign: "right",
-    },
-    foldingMark: {
-        position: "absolute",
-        left: 20,
-        width: 10,
-        borderTopWidth: 0.5,
-        borderTopColor: COLORS.DIVIDER,
-    },
-    divider: {
-        width: "100%",
-        height: 1,
-        backgroundColor: COLORS.DIVIDER,
-        marginVertical: 12,
-    },
-    industrialListItem: {
-        flexDirection: "row",
-        alignItems: "flex-start",
-        marginBottom: 6,
-    },
-    industrialBulletBox: {
-        width: 6,
-        height: 6,
-        backgroundColor: COLORS.DIVIDER,
-        marginRight: 8,
-        marginTop: 5,
-    },
-    industrialTitle: {
-        fontSize: FONT_SIZES.HERO,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-        marginBottom: 6,
-        letterSpacing: 0,
-    },
-});
-
-export const IndustrialListItem = ({
-    children,
-}: {
-    children: React.ReactNode;
-}) => (
-    <PDFView style={pdfStyles.industrialListItem}>
-        <PDFView style={pdfStyles.industrialBulletBox} />
-        {children}
-    </PDFView>
-);
-
-export const Divider = ({ style = {} }: { style?: any }) => (
-    <PDFView style={[pdfStyles.divider, style]} />
-);
-
-export const Footer = ({
-    logo,
-    companyData,
-    showDetails = true,
-    showPageNumber = true,
-}: {
-    logo?: string;
-    companyData: any;
-    showDetails?: boolean;
-    showPageNumber?: boolean;
-}) => (
-    <PDFView style={pdfStyles.footer}>
-        <PDFView style={pdfStyles.footerColumn}>
-            {logo ? (
-                <PDFImage src={logo} style={pdfStyles.footerLogo} />
-            ) : (
-                <PDFText style={{ fontSize: 12, fontWeight: "bold", marginBottom: 8 }}>
-                    marc mintel
-                </PDFText>
-            )}
-        </PDFView>
-        {showDetails && (
-            <>
-                <PDFView style={pdfStyles.footerColumn}>
-                    <PDFText style={pdfStyles.footerText}>
-                        <PDFText style={pdfStyles.footerLabel}>{companyData.name}</PDFText>
-                        {"\n"}
-                        {companyData.address1}
-                        {"\n"}
-                        {companyData.address2}
-                        {"\n"}UST: {companyData.ustId}
-                    </PDFText>
-                </PDFView>
-                <PDFView style={[pdfStyles.footerColumn, { alignItems: "flex-end" }]}>
-                    {showPageNumber && (
-                        <PDFText
-                            style={pdfStyles.pageNumber}
-                            render={({ pageNumber, totalPages }) =>
-                                `${pageNumber} / ${totalPages}`
-                            }
-                            fixed
-                        />
-                    )}
-                </PDFView>
-            </>
-        )}
-    </PDFView>
-);
-
-export const Header = ({
-    sender,
-    recipient,
-    icon,
-    showAddress = true,
-}: {
-    sender?: string;
-    recipient?: {
-        title: string;
-        subtitle?: string;
-        email?: string;
-        address?: string;
-        phone?: string;
-        taxId?: string;
-    };
-    icon?: string;
-    showAddress?: boolean;
-}) => (
-    <PDFView
-        style={[
-            pdfStyles.header,
-            showAddress ? {} : { minHeight: 40, marginBottom: 0 },
-        ]}
-    >
-        <PDFView style={pdfStyles.addressBlock}>
-            {showAddress && sender && (
-                <>
-                    <PDFText style={pdfStyles.senderLine}>{sender}</PDFText>
-                    {recipient && (
-                        <PDFView style={pdfStyles.recipientAddress}>
-                            <PDFText style={{ fontWeight: "bold" }}>
-                                {recipient.title}
-                            </PDFText>
-                            {recipient.subtitle && <PDFText>{recipient.subtitle}</PDFText>}
-                            {recipient.address && <PDFText>{recipient.address}</PDFText>}
-                            {recipient.phone && <PDFText>{recipient.phone}</PDFText>}
-                            {recipient.email && <PDFText>{recipient.email}</PDFText>}
-                            {recipient.taxId && <PDFText>USt-ID: {recipient.taxId}</PDFText>}
-                        </PDFView>
-                    )}
-                </>
-            )}
-        </PDFView>
-        <PDFView style={pdfStyles.brandLogoContainer}>
-            <PDFView style={pdfStyles.brandIconContainer}>
-                {icon ? (
-                    <PDFImage src={icon} style={{ width: 24, height: 24 }} />
-                ) : (
-                    <PDFText style={pdfStyles.brandIconText}>M</PDFText>
-                )}
-            </PDFView>
-        </PDFView>
-    </PDFView>
-);
-
-export const DocumentTitle = ({
-    title,
-    subLines,
-    isHero = false,
-}: {
-    title: string;
-    subLines?: string[];
-    isHero?: boolean;
-}) => (
-    <PDFView style={pdfStyles.titleInfo}>
-        <PDFText
-            style={[
-                pdfStyles.mainTitle,
-                { fontSize: isHero ? FONT_SIZES.HERO : FONT_SIZES.HEADING },
-            ]}
-        >
-            {title}
-        </PDFText>
-        {subLines?.map((line, i) => (
-            <PDFText
-                key={i}
-                style={[
-                    pdfStyles.subTitle,
-                    i === 1 ? { fontWeight: "bold", color: COLORS.CHARCOAL } : {},
-                ]}
-            >
-                {line}
-            </PDFText>
-        ))}
-    </PDFView>
-);
-
-export const TechnicalSpec = ({
-    label,
-    value,
-}: {
-    label: string;
-    value: string;
-}) => (
-    <PDFView style={pdfStyles.specRow}>
-        <PDFText style={pdfStyles.specLabel}>{label}</PDFText>
-        <PDFText style={pdfStyles.specValue}>{value}</PDFText>
-    </PDFView>
-);
-
-export const AsymmetryView = ({
-    left,
-    right,
-    style = {},
-}: {
-    left: React.ReactNode;
-    right: React.ReactNode;
-    style?: any;
-}) => (
-    <PDFView style={[pdfStyles.asymmetryContainer, style]}>
-        <PDFView style={pdfStyles.asymmetryLeft}>{left}</PDFView>
-        <PDFView style={pdfStyles.asymmetryRight}>{right}</PDFView>
-    </PDFView>
-);

packages/acquisition/src/components/pdf/SimpleLayout.tsx

@@ -1,64 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { Page as PDFPage, View as PDFView, Text as PDFText, StyleSheet } from '@react-pdf/renderer';
-import { Header, Footer, pdfStyles } from './SharedUI.js';
-
-const simpleStyles = StyleSheet.create({
-    industrialPage: {
-        padding: 30,
-        paddingTop: 20,
-        backgroundColor: '#ffffff',
-    },
-    industrialNumber: {
-        fontSize: 60,
-        fontWeight: 'bold',
-        color: '#f1f5f9',
-        position: 'absolute',
-        top: -10,
-        right: 0,
-        zIndex: -1,
-    },
-    industrialSection: {
-        marginTop: 16,
-        paddingTop: 12,
-        flexDirection: 'row',
-        position: 'relative',
-    },
-});
-
-interface SimpleLayoutProps {
-    children: React.ReactNode;
-    pageNumber?: string;
-    icon?: string;
-    footerLogo?: string;
-    companyData: any;
-    showPageNumber?: boolean;
-}
-
-export const SimpleLayout = ({
-    children,
-    pageNumber,
-    icon,
-    footerLogo,
-    companyData,
-    showPageNumber = true
-}: SimpleLayoutProps) => {
-    return (
-        <PDFPage size="A4" style={[pdfStyles.page, simpleStyles.industrialPage]}>
-            <Header icon={icon} showAddress={false} />
-            {pageNumber && <PDFText style={simpleStyles.industrialNumber}>{pageNumber}</PDFText>}
-            <PDFView style={simpleStyles.industrialSection}>
-                <PDFView style={{ width: '100%' }}>
-                    {children}
-                </PDFView>
-            </PDFView>
-            <Footer
-                logo={footerLogo}
-                companyData={companyData}
-                showDetails={false}
-                showPageNumber={showPageNumber}
-            />
-        </PDFPage>
-    );
-};

packages/acquisition/src/components/pdf/modules/BriefingModule.tsx

@@ -1,69 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-    View as PDFView,
-    Text as PDFText,
-    StyleSheet,
-} from "@react-pdf/renderer";
-import { DocumentTitle, COLORS, FONT_SIZES } from "../SharedUI.js";
-
-const styles = StyleSheet.create({
-    section: { marginBottom: 24 },
-    sectionTitle: {
-        fontSize: FONT_SIZES.LABEL,
-        fontWeight: "bold",
-        marginBottom: 8,
-        color: COLORS.CHARCOAL,
-    },
-    visionText: {
-        fontSize: FONT_SIZES.BODY,
-        color: COLORS.TEXT_MAIN,
-        lineHeight: 1.4,
-        textAlign: "justify",
-    },
-});
-
-export const BriefingModule = ({ state }: any) => (
-    <>
-        <DocumentTitle title="Projektdetails" isHero={true} />
-        {state.briefingSummary && (
-            <PDFView style={styles.section}>
-                <PDFText style={styles.sectionTitle}>Briefing Analyse</PDFText>
-                <PDFText
-                    style={{
-                        fontSize: FONT_SIZES.BODY,
-                        color: COLORS.TEXT_MAIN,
-                        lineHeight: 1.6,
-                        textAlign: "justify",
-                    }}
-                >
-                    {state.briefingSummary}
-                </PDFText>
-            </PDFView>
-        )}
-        {state.designVision && (
-            <PDFView
-                style={[
-                    styles.section,
-                    {
-                        padding: 12,
-                        borderLeftWidth: 2,
-                        borderLeftColor: COLORS.DIVIDER,
-                        backgroundColor: COLORS.GRID,
-                    },
-                ]}
-            >
-                <PDFText
-                    style={[
-                        styles.sectionTitle,
-                        { color: COLORS.CHARCOAL, marginBottom: 4 },
-                    ]}
-                >
-                    Strategische Vision
-                </PDFText>
-                <PDFText style={styles.visionText}>{state.designVision}</PDFText>
-            </PDFView>
-        )}
-    </>
-);

packages/acquisition/src/components/pdf/modules/CommonModules.tsx

@@ -1,97 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-    View as PDFView,
-    Text as PDFText,
-    StyleSheet,
-} from "@react-pdf/renderer";
-import {
-    DocumentTitle,
-    COLORS,
-    FONT_SIZES,
-} from "../SharedUI.js";
-
-const styles = StyleSheet.create({
-    section: { marginBottom: 24 },
-    moduleLabel: {
-        fontSize: FONT_SIZES.LABEL,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-        letterSpacing: 0.5,
-        marginBottom: 4,
-    },
-    moduleDesc: {
-        fontSize: FONT_SIZES.SMALL,
-        color: COLORS.TEXT_DIM,
-        lineHeight: 1.5,
-    },
-    ledgerRow: {
-        paddingVertical: 14,
-        borderBottomWidth: 1,
-        borderBottomColor: COLORS.GRID,
-        flexDirection: "row",
-        alignItems: "flex-start",
-    },
-    ledgerPrice: {
-        fontSize: FONT_SIZES.BODY,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-    },
-    ledgerUnit: {
-        fontSize: FONT_SIZES.TINY,
-        color: COLORS.TEXT_LIGHT,
-        marginLeft: 2,
-    },
-});
-
-export const ClosingModule = () => (
-    <>
-        <DocumentTitle title="Abschluss & Kontakt" isHero={true} />
-        <PDFView style={styles.section}>
-            <PDFText
-                style={[
-                    styles.moduleLabel,
-                    { fontSize: FONT_SIZES.HEADING, marginBottom: 12 },
-                ]}
-            >
-                Vielen Dank für Ihr Interesse!
-            </PDFText>
-            <PDFText style={styles.moduleDesc}>
-                Die aufgeführten Positionen stellen eine detaillierte Schätzung auf
-                Basis unseres aktuellen Stands dar. Sollten sich Anforderungen ändern
-                oder Sie Fragen zu einzelnen Details haben, lassen Sie uns die
-                Positionen gerne gemeinsam besprechen.
-            </PDFText>
-            <PDFView
-                style={{
-                    marginTop: 24,
-                    padding: 16,
-                    backgroundColor: COLORS.GRID,
-                    borderLeftWidth: 2,
-                    borderLeftColor: COLORS.DIVIDER,
-                }}
-            >
-                <PDFText style={[styles.moduleLabel, { marginBottom: 8 }]}>
-                    Haben Sie Fragen?
-                </PDFText>
-                <PDFText style={styles.moduleDesc}>
-                    Ich erkläre Ihnen gerne noch einmal persönlich, was die technische
-                    Umsetzung für Ihr Projekt bedeutet und wie wir die nächsten Schritte
-                    gemeinsam gehen können.
-                </PDFText>
-                <PDFView style={{ marginTop: 16 }}>
-                    <PDFText style={styles.moduleLabel}>Kontakt:</PDFText>
-                    <PDFText
-                        style={[
-                            styles.moduleDesc,
-                            { color: COLORS.CHARCOAL, fontWeight: "bold" },
-                        ]}
-                    >
-                        Marc Mintel – marc@mintel.me
-                    </PDFText>
-                </PDFView>
-            </PDFView>
-        </PDFView>
-    </>
-);

packages/acquisition/src/components/pdf/modules/EstimationModule.tsx

@@ -1,159 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-    View as PDFView,
-    Text as PDFText,
-    StyleSheet,
-} from "@react-pdf/renderer";
-import { DocumentTitle, COLORS, FONT_SIZES } from "../SharedUI.js";
-
-const styles = StyleSheet.create({
-    table: { marginTop: 12 },
-    tableHeader: {
-        flexDirection: "row",
-        paddingBottom: 8,
-        borderBottomWidth: 1,
-        borderBottomColor: COLORS.CHARCOAL,
-        marginBottom: 12,
-    },
-    tableRow: {
-        flexDirection: "row",
-        paddingVertical: 10,
-        borderBottomWidth: 1,
-        borderBottomColor: COLORS.GRID,
-        alignItems: "flex-start",
-    },
-    colPos: { width: "8%" },
-    colDesc: { width: "62%" },
-    colQty: { width: "10%", textAlign: "center" },
-    colPrice: { width: "20%", textAlign: "right" },
-    headerText: {
-        fontSize: FONT_SIZES.TINY,
-        fontWeight: "bold",
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        color: COLORS.TEXT_DIM,
-    },
-    posText: { fontSize: FONT_SIZES.TINY, color: COLORS.TEXT_LIGHT },
-    itemTitle: {
-        fontSize: FONT_SIZES.LABEL,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-        marginBottom: 4,
-    },
-    itemDesc: {
-        fontSize: FONT_SIZES.SMALL,
-        color: COLORS.TEXT_DIM,
-        lineHeight: 1.4,
-    },
-    priceText: {
-        fontSize: FONT_SIZES.BODY,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-    },
-    summaryContainer: {
-        borderTopWidth: 1,
-        borderTopColor: COLORS.CHARCOAL,
-        paddingTop: 8,
-    },
-    summaryRow: {
-        flexDirection: "row",
-        justifyContent: "flex-end",
-        paddingVertical: 4,
-        alignItems: "baseline",
-    },
-    summaryLabel: {
-        fontSize: FONT_SIZES.TINY,
-        color: COLORS.TEXT_DIM,
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        fontWeight: "bold",
-        marginRight: 12,
-    },
-    summaryValue: {
-        fontSize: FONT_SIZES.BODY,
-        fontWeight: "bold",
-        width: 100,
-        textAlign: "right",
-        color: COLORS.CHARCOAL,
-    },
-    totalRow: {
-        flexDirection: "row",
-        justifyContent: "flex-end",
-        paddingTop: 12,
-        marginTop: 8,
-        borderTopWidth: 2,
-        borderTopColor: COLORS.CHARCOAL,
-        alignItems: "baseline",
-    },
-});
-
-export const EstimationModule = ({
-    state,
-    positions,
-    totalPrice,
-    date,
-}: any) => (
-    <>
-        <DocumentTitle
-            title="Kostenschätzung"
-            subLines={[
-                `Datum: ${date}`,
-                `Projekt: ${state.projectType === "website" ? "Website" : "Web App"}`,
-            ]}
-            isHero={true}
-        />
-        <PDFView style={styles.table}>
-            <PDFView style={styles.tableHeader}>
-                <PDFText style={[styles.headerText, styles.colPos]}>Pos</PDFText>
-                <PDFText style={[styles.headerText, styles.colDesc]}>
-                    Beschreibung
-                </PDFText>
-                <PDFText style={[styles.headerText, styles.colQty]}>Menge</PDFText>
-                <PDFText style={[styles.headerText, styles.colPrice]}>Betrag</PDFText>
-            </PDFView>
-            {positions.map((item: any, i: number) => (
-                <PDFView key={i} style={styles.tableRow} wrap={false}>
-                    <PDFText style={[styles.posText, styles.colPos]}>
-                        {item.pos.toString().padStart(2, "0")}
-                    </PDFText>
-                    <PDFView style={styles.colDesc}>
-                        <PDFText style={styles.itemTitle}>{item.title}</PDFText>
-                        <PDFText style={styles.itemDesc}>
-                            {state.positionDescriptions?.[item.title] || item.desc}
-                        </PDFText>
-                    </PDFView>
-                    <PDFText style={[styles.posText, styles.colQty]}>{item.qty}</PDFText>
-                    <PDFText style={[styles.priceText, styles.colPrice]}>
-                        {item.price > 0
-                            ? `${item.price.toLocaleString("de-DE")} €`
-                            : "n. A."}
-                    </PDFText>
-                </PDFView>
-            ))}
-        </PDFView>
-        <PDFView style={styles.summaryContainer} wrap={false}>
-            <PDFView style={styles.summaryRow}>
-                <PDFText style={styles.summaryLabel}>Nettobetrag</PDFText>
-                <PDFText style={styles.summaryValue}>
-                    {totalPrice.toLocaleString("de-DE")} €
-                </PDFText>
-            </PDFView>
-            <PDFView style={styles.summaryRow}>
-                <PDFText style={styles.summaryLabel}>Umsatzsteuer (19%)</PDFText>
-                <PDFText style={styles.summaryValue}>
-                    {(totalPrice * 0.19).toLocaleString("de-DE")} €
-                </PDFText>
-            </PDFView>
-            <PDFView style={styles.totalRow}>
-                <PDFText style={styles.summaryLabel}>Gesamtbetrag (Brutto)</PDFText>
-                <PDFText
-                    style={[styles.summaryValue, { fontSize: FONT_SIZES.HEADING }]}
-                >
-                    {(totalPrice * 1.19).toLocaleString("de-DE")} €
-                </PDFText>
-            </PDFView>
-        </PDFView>
-    </>
-);

packages/acquisition/src/components/pdf/modules/FrontPageModule.tsx

@@ -1,70 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-    View as PDFView,
-    Text as PDFText,
-    Image as PDFImage,
-    StyleSheet,
-} from "@react-pdf/renderer";
-import { COLORS, FONT_SIZES } from "../SharedUI.js";
-
-const styles = StyleSheet.create({
-    titlePage: {
-        flex: 1,
-        padding: 60,
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: COLORS.WHITE,
-    },
-    titleBrandIcon: {
-        width: 80,
-        height: 80,
-        backgroundColor: COLORS.CHARCOAL,
-        borderRadius: 16,
-        alignItems: "center",
-        justifyContent: "center",
-        marginBottom: 40,
-    },
-    brandIconText: {
-        fontSize: 40,
-        color: COLORS.WHITE,
-        fontWeight: "bold",
-    },
-    titleProjectName: {
-        fontSize: FONT_SIZES.HERO,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-        marginBottom: 16,
-        textAlign: "center",
-        maxWidth: "85%",
-        lineHeight: 1.2,
-    },
-    titleDate: {
-        fontSize: FONT_SIZES.BODY,
-        color: COLORS.TEXT_LIGHT,
-        marginTop: 40,
-    },
-});
-
-export const FrontPageModule = ({ state, headerIcon, date }: any) => {
-    const fullTitle = `Digitale Webpräsenz für\n${state.companyName || "Ihr Projekt"}`;
-    const fontSize = fullTitle.length > 60 ? 14 : fullTitle.length > 40 ? 18 : 22;
-
-    return (
-        <PDFView style={styles.titlePage}>
-            <PDFView style={styles.titleBrandIcon}>
-                {headerIcon ? (
-                    <PDFImage src={headerIcon} style={{ width: 40, height: 40 }} />
-                ) : (
-                    <PDFText style={styles.brandIconText}>M</PDFText>
-                )}
-            </PDFView>
-            <PDFText style={[styles.titleProjectName, { fontSize }]}>
-                {fullTitle}
-            </PDFText>
-            <PDFView style={{ marginBottom: 40 }} />
-            <PDFText style={styles.titleDate}>{date} | Marc Mintel</PDFText>
-        </PDFView>
-    );
-};

packages/acquisition/src/components/pdf/modules/SitemapModule.tsx

@@ -1,56 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { View as PDFView, Text as PDFText, StyleSheet } from "@react-pdf/renderer";
-import { DocumentTitle, COLORS, FONT_SIZES, IndustrialListItem } from "../SharedUI.js";
-
-const styles = StyleSheet.create({
-    section: { marginBottom: 24 },
-    categoryBox: {
-        marginBottom: 20,
-        padding: 12,
-        backgroundColor: COLORS.GRID,
-        borderLeftWidth: 2,
-        borderLeftColor: COLORS.DIVIDER,
-    },
-    categoryTitle: {
-        fontSize: FONT_SIZES.TINY,
-        fontWeight: "bold",
-        color: COLORS.TEXT_LIGHT,
-        textTransform: "uppercase",
-        marginBottom: 10,
-        letterSpacing: 1,
-    },
-    pageTitle: {
-        fontSize: FONT_SIZES.LABEL,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-        marginBottom: 2,
-    },
-    pageDesc: {
-        fontSize: FONT_SIZES.TINY,
-        color: COLORS.TEXT_DIM,
-        lineHeight: 1.4,
-    },
-});
-
-export const SitemapModule = ({ state }: any) => (
-    <>
-        <DocumentTitle title="Informations-Architektur" isHero={true} />
-        <PDFView style={styles.section}>
-            {state.sitemap?.map((cat: any, i: number) => (
-                <PDFView key={i} style={styles.categoryBox}>
-                    <PDFText style={styles.categoryTitle}>{cat.category}</PDFText>
-                    {cat.pages?.map((p: any, j: number) => (
-                        <IndustrialListItem key={j}>
-                            <PDFView style={{ marginBottom: 8 }}>
-                                <PDFText style={styles.pageTitle}>{p.title}</PDFText>
-                                <PDFText style={styles.pageDesc}>{p.desc}</PDFText>
-                            </PDFView>
-                        </IndustrialListItem>
-                    ))}
-                </PDFView>
-            ))}
-        </PDFView>
-    </>
-);

packages/acquisition/src/components/pdf/modules/TransparenzModule.tsx

@@ -1,125 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-    View as PDFView,
-    Text as PDFText,
-    StyleSheet,
-} from "@react-pdf/renderer";
-import { DocumentTitle, COLORS, FONT_SIZES } from "../SharedUI.js";
-
-const styles = StyleSheet.create({
-    section: { marginBottom: 24 },
-    ledgerRow: {
-        paddingVertical: 14,
-        borderBottomWidth: 1,
-        borderBottomColor: COLORS.GRID,
-        flexDirection: "row",
-        alignItems: "flex-start",
-    },
-    moduleLabel: {
-        fontSize: FONT_SIZES.LABEL,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-        letterSpacing: 0.5,
-        marginBottom: 4,
-    },
-    moduleDesc: {
-        fontSize: FONT_SIZES.SMALL,
-        color: COLORS.TEXT_DIM,
-        lineHeight: 1.5,
-    },
-    ledgerPrice: {
-        fontSize: FONT_SIZES.BODY,
-        fontWeight: "bold",
-        color: COLORS.CHARCOAL,
-    },
-    ledgerUnit: {
-        fontSize: FONT_SIZES.TINY,
-        color: COLORS.TEXT_LIGHT,
-        marginLeft: 2,
-    },
-});
-
-export const TransparenzModule = ({ pricing }: any) => {
-    const sorglosPrice = (pricing.HOSTING_MONTHLY || 250) * 12;
-
-    return (
-        <>
-            <DocumentTitle title="Preis-Transparenz & Modell" isHero={true} />
-            <PDFView style={styles.section}>
-                <PDFView style={{ borderTopWidth: 1, borderTopColor: COLORS.CHARCOAL }}>
-                    {[
-                        {
-                            l: "Fundament",
-                            d: "Bereitstellung der techn. Infrastruktur & System-Umgebung.",
-                            p: pricing.BASE_WEBSITE,
-                        },
-                        {
-                            l: "Einzelseiten",
-                            d: "Individuelle Gestaltung, Layout & responsive Struktur.",
-                            p: pricing.PAGE,
-                            unit: "/ Stk",
-                        },
-                        {
-                            l: "Core Features",
-                            d: "Geschlossene Datensysteme mit eigener Datenstruktur.",
-                            p: pricing.FEATURE,
-                            unit: "/ Stk",
-                        },
-                        {
-                            l: "Logik & Funktionen",
-                            d: "Interaktive Funktions-Bausteine & Prozess-Logik.",
-                            p: pricing.FUNCTION,
-                            unit: "/ Stk",
-                        },
-                        {
-                            l: "Schnittstellen",
-                            d: "Synchronisation mit externen Zielsystemen.",
-                            p: pricing.API_INTEGRATION,
-                            unit: "/ Stk",
-                        },
-                        {
-                            l: "Sprachversionen",
-                            d: "Skalierung der System-Architektur auf Zweit-Sprachen.",
-                            p: "+20%",
-                        },
-                        {
-                            l: "Initial-Pflege",
-                            d: "Konvertierung & Aufbereitung von Bestandsdaten.",
-                            p: pricing.NEW_DATASET,
-                            unit: "/ Stk",
-                        },
-                        {
-                            l: "Sorglos Betrieb",
-                            d: "Hosting, Instandhaltung, Security & techn. Support.",
-                            p: sorglosPrice,
-                            unit: "/ Jahr",
-                        },
-                    ].map((item: any, i: number) => (
-                        <PDFView key={i} style={styles.ledgerRow}>
-                            <PDFView style={{ width: "25%" }}>
-                                <PDFText style={styles.moduleLabel}>
-                                    {item.l.toUpperCase()}
-                                </PDFText>
-                            </PDFView>
-                            <PDFView style={{ width: "50%" }}>
-                                <PDFText style={styles.moduleDesc}>{item.d}</PDFText>
-                            </PDFView>
-                            <PDFView style={{ width: "25%", alignItems: "flex-end" }}>
-                                <PDFText style={styles.ledgerPrice}>
-                                    {typeof item.p === "number"
-                                        ? `${item.p.toLocaleString("de-DE")} €`
-                                        : item.p}
-                                    {item.unit && (
-                                        <PDFText style={styles.ledgerUnit}> {item.unit}</PDFText>
-                                    )}
-                                </PDFText>
-                            </PDFView>
-                        </PDFView>
-                    ))}
-                </PDFView>
-            </PDFView>
-        </>
-    );
-};

packages/acquisition/src/index.ts

@@ -1,6 +1,5 @@
-export * from "./logic/pricing/types.js";
-export * from "./logic/pricing/constants.js";
-export * from "./logic/pricing/calculator.js";
-export * from "./services/AcquisitionService.js";
-export * from "./services/PdfEngine.js";
-export * from "./components/EstimationPDF.js";
+import { defineEndpoint } from '@directus/extensions-sdk';
+
+export default defineEndpoint((router) => {
+    router.get('/ping', (req, res) => res.send('pong'));
+});

packages/acquisition/src/logic/pricing/calculator.ts

@@ -1,224 +0,0 @@
-import { FormState, Position, Totals } from "./types.js";
-import {
-    FEATURE_LABELS,
-    FUNCTION_LABELS,
-    API_LABELS,
-    PAGE_LABELS,
-} from "./constants.js";
-
-export function calculateTotals(state: FormState, pricing: any): Totals {
-    if (state.projectType !== "website") {
-        return {
-            totalPrice: 0,
-            monthlyPrice: 0,
-            totalPagesCount: 0,
-            totalFeatures: 0,
-            totalFunctions: 0,
-            totalApis: 0,
-            languagesCount: 0,
-        };
-    }
-
-    const sitemapPagesCount =
-        state.sitemap?.reduce(
-            (acc: number, cat: any) => acc + (cat.pages?.length || 0),
-            0,
-        ) || 0;
-    const totalPagesCount = Math.max(
-        (state.selectedPages?.length || 0) +
-        (state.otherPages?.length || 0) +
-        (state.otherPagesCount || 0),
-        sitemapPagesCount,
-    );
-
-    const totalFeatures =
-        (state.features?.length || 0) +
-        (state.otherFeatures?.length || 0) +
-        (state.otherFeaturesCount || 0);
-    const totalFunctions =
-        (state.functions?.length || 0) +
-        (state.otherFunctions?.length || 0) +
-        (state.otherFunctionsCount || 0);
-    const totalApis =
-        (state.apiSystems?.length || 0) +
-        (state.otherTech?.length || 0) +
-        (state.otherTechCount || 0);
-
-    let total = pricing.BASE_WEBSITE;
-    total += totalPagesCount * pricing.PAGE;
-    total += totalFeatures * pricing.FEATURE;
-    total += totalFunctions * pricing.FUNCTION;
-    total += totalApis * pricing.API_INTEGRATION;
-    total += (state.newDatasets || 0) * pricing.NEW_DATASET;
-
-    if (state.cmsSetup) {
-        total += Math.max(1, totalFeatures) * pricing.CMS_CONNECTION_PER_FEATURE;
-    }
-
-    const languagesCount = state.languagesList?.length || 1;
-    if (languagesCount > 1) {
-        total *= 1 + (languagesCount - 1) * 0.2;
-    }
-
-    const monthlyPrice =
-        pricing.HOSTING_MONTHLY +
-        (state.storageExpansion || 0) * pricing.STORAGE_EXPANSION_MONTHLY;
-
-    return {
-        totalPrice: Math.round(total),
-        monthlyPrice: Math.round(monthlyPrice),
-        totalPagesCount,
-        totalFeatures,
-        totalFunctions,
-        totalApis,
-        languagesCount,
-    };
-}
-
-export function calculatePositions(state: FormState, pricing: any): Position[] {
-    const positions: Position[] = [];
-    let pos = 1;
-
-    if (state.projectType === "website") {
-        positions.push({
-            pos: pos++,
-            title: "Das technische Fundament",
-            desc: "Projekt-Setup, Infrastruktur, Hosting-Bereitstellung, Grundstruktur & Design-Vorlage, technisches SEO-Basics, Analytics.",
-            qty: 1,
-            price: pricing.BASE_WEBSITE,
-        });
-
-        const sitemapPagesCount =
-            state.sitemap?.reduce(
-                (acc: number, cat: any) => acc + (cat.pages?.length || 0),
-                0,
-            ) || 0;
-        const totalPagesCount = Math.max(
-            (state.selectedPages?.length || 0) +
-            (state.otherPages?.length || 0) +
-            (state.otherPagesCount || 0),
-            sitemapPagesCount,
-        );
-
-        const allPages = [
-            ...(state.selectedPages || []).map((p: string) => PAGE_LABELS[p] || p),
-            ...(state.otherPages || []),
-            ...(state.sitemap?.flatMap((cat: any) =>
-                cat.pages?.map((p: any) => p.title),
-            ) || []),
-        ];
-
-        // Deduplicate labels
-        const uniquePages = Array.from(new Set(allPages));
-
-        positions.push({
-            pos: pos++,
-            title: "Individuelle Seiten",
-            desc: `Gestaltung und Umsetzung von ${totalPagesCount} individuellen Seiten-Layouts (${uniquePages.join(", ")}).`,
-            qty: totalPagesCount,
-            price: totalPagesCount * pricing.PAGE,
-        });
-
-        if ((state.features?.length || 0) > 0 || (state.otherFeatures?.length || 0) > 0) {
-            const allFeatures = [
-                ...(state.features || []).map((f: string) => FEATURE_LABELS[f] || f),
-                ...(state.otherFeatures || []),
-            ];
-            positions.push({
-                pos: pos++,
-                title: "System-Module (Features)",
-                desc: `Implementierung funktionaler Bereiche: ${allFeatures.join(", ")}. Inklusive Datenstruktur und Darstellung.`,
-                qty: allFeatures.length,
-                price: allFeatures.length * pricing.FEATURE,
-            });
-        }
-
-        if ((state.functions?.length || 0) > 0 || (state.otherFunctions?.length || 0) > 0) {
-            const allFunctions = [
-                ...(state.functions || []).map((f: string) => FUNCTION_LABELS[f] || f),
-                ...(state.otherFunctions || []),
-            ];
-            positions.push({
-                pos: pos++,
-                title: "Logik-Funktionen",
-                desc: `Implementierung technischer Logik: ${allFunctions.join(", ")}.`,
-                qty: allFunctions.length,
-                price: allFunctions.length * pricing.FUNCTION,
-            });
-        }
-
-        if ((state.apiSystems?.length || 0) > 0 || (state.otherTech?.length || 0) > 0) {
-            const allApis = [
-                ...(state.apiSystems || []).map((a: string) => API_LABELS[a] || a),
-                ...(state.otherTech || []),
-            ];
-            positions.push({
-                pos: pos++,
-                title: "Schnittstellen (API)",
-                desc: `Anbindung externer Systeme zur Datensynchronisation: ${allApis.join(", ")}.`,
-                qty: allApis.length,
-                price: allApis.length * pricing.API_INTEGRATION,
-            });
-        }
-
-        if (state.cmsSetup) {
-            const totalFeatures =
-                (state.features?.length || 0) +
-                (state.otherFeatures?.length || 0) +
-                (state.otherFeaturesCount || 0);
-            const qty = Math.max(1, totalFeatures);
-            positions.push({
-                pos: pos++,
-                title: "Inhalts-Verwaltung",
-                desc: "Anbindung der System-Module an das Redaktions-System zur eigenständigen Pflege von Inhalten.",
-                qty: qty,
-                price: qty * pricing.CMS_CONNECTION_PER_FEATURE,
-            });
-        }
-
-        if (state.newDatasets > 0) {
-            positions.push({
-                pos: pos++,
-                title: "Inhaltliche Initial-Pflege",
-                desc: `Manuelle Übernahme und Aufbereitung von ${state.newDatasets} Datensätzen (Produkte, Artikel) in das Zielsystem.`,
-                qty: state.newDatasets,
-                price: state.newDatasets * pricing.NEW_DATASET,
-            });
-        }
-
-        const languagesCount = state.languagesList?.length || 1;
-        if (languagesCount > 1) {
-            const subtotal = positions.reduce((sum, p) => sum + p.price, 0);
-            const factorPrice = subtotal * ((languagesCount - 1) * 0.2);
-
-            positions.push({
-                pos: pos++,
-                title: "Mehrsprachigkeit",
-                desc: `Erweiterung des Systems auf ${languagesCount} Sprachen (Struktur & Logik).`,
-                qty: languagesCount,
-                price: Math.round(factorPrice),
-            });
-        }
-
-        const monthlyRate =
-            pricing.HOSTING_MONTHLY +
-            state.storageExpansion * pricing.STORAGE_EXPANSION_MONTHLY;
-        positions.push({
-            pos: pos++,
-            title: "Sorglos Betrieb (1 Jahr)",
-            desc: `Inklusive 1 Jahr Sicherung des technischen Betriebs, Hosting, Instandhaltung, Sicherheits-Updates und techn. Support gemäß AGB Punkt 7a.`,
-            qty: 1,
-            price: monthlyRate * 12,
-        });
-    } else {
-        positions.push({
-            pos: pos++,
-            title: "Web App / Software Entwicklung",
-            desc: "Individuelle Software-Entwicklung nach Aufwand. Abrechnung erfolgt auf Stundenbasis.",
-            qty: 1,
-            price: 0,
-        });
-    }
-
-    return positions;
-}

packages/acquisition/src/logic/pricing/constants.ts

@@ -1,332 +0,0 @@
-import { FormState } from "./types.js";
-
-export const PRICING = {
-    BASE_WEBSITE: 5440, // Updated to match AI prompt requirement in Pass 1
-    PAGE: 600,
-    FEATURE: 1500,
-    FUNCTION: 800,
-    NEW_DATASET: 450,
-    HOSTING_MONTHLY: 250,
-    STORAGE_EXPANSION_MONTHLY: 10,
-    CMS_SETUP: 1500,
-    CMS_CONNECTION_PER_FEATURE: 1500,
-    API_INTEGRATION: 800,
-    APP_HOURLY: 120,
-};
-
-export const initialState: FormState = {
-    projectType: "website",
-    // Company
-    companyName: "",
-    employeeCount: "",
-    // Existing Presence
-    existingWebsite: "",
-    socialMedia: [],
-    socialMediaUrls: {},
-    existingDomain: "",
-    wishedDomain: "",
-    // Project
-    websiteTopic: "",
-    selectedPages: ["Home"],
-    otherPages: [],
-    otherPagesCount: 0,
-    features: [],
-    otherFeatures: [],
-    otherFeaturesCount: 0,
-    functions: [],
-    otherFunctions: [],
-    otherFunctionsCount: 0,
-    apiSystems: [],
-    otherTech: [],
-    otherTechCount: 0,
-    assets: [],
-    otherAssets: [],
-    otherAssetsCount: 0,
-    newDatasets: 0,
-    cmsSetup: false,
-    storageExpansion: 0,
-    name: "",
-    email: "",
-    role: "",
-    message: "",
-    sitemapFile: null,
-    contactFiles: [],
-    // Design
-    designVibe: "minimal",
-    colorScheme: ["#ffffff", "#f8fafc", "#0f172a"],
-    references: [],
-    designWishes: "",
-    // Maintenance
-    expectedAdjustments: "low",
-    languagesList: ["Deutsch"],
-    personName: "",
-    // Timeline
-    deadline: "flexible",
-    // Web App specific
-    targetAudience: "internal",
-    userRoles: [],
-    dataSensitivity: "standard",
-    platformType: "web-only",
-    // Meta
-    dontKnows: [],
-    visualStaging: "standard",
-    complexInteractions: "standard",
-    // AI generated / Post-processed
-    briefingSummary: "",
-    designVision: "",
-    positionDescriptions: {},
-    taxId: "",
-    sitemap: [],
-};
-
-export const PAGE_SAMPLES = [
-    { id: "Home", label: "Startseite", desc: "Der erste Eindruck Ihrer Marke." },
-    { id: "About", label: "Über uns", desc: "Ihre Geschichte und Ihr Team." },
-    { id: "Services", label: "Leistungen", desc: "Übersicht Ihres Angebots." },
-    { id: "Contact", label: "Kontakt", desc: "Anlaufstelle für Ihre Kunden." },
-    {
-        id: "Landing",
-        label: "Landingpage",
-        desc: "Optimiert für Marketing-Kampagnen.",
-    },
-    { id: "Legal", label: "Rechtliches", desc: "Impressum & Datenschutz." },
-];
-
-export const FEATURE_OPTIONS = [
-    {
-        id: "blog_news",
-        label: "Blog / News",
-        desc: "Ein Bereich für aktuelle Beiträge und Neuigkeiten.",
-    },
-    {
-        id: "products",
-        label: "Produktbereich",
-        desc: "Katalog Ihrer Leistungen oder Produkte.",
-    },
-    {
-        id: "jobs",
-        label: "Karriere / Jobs",
-        desc: "Stellenanzeigen und Bewerbungsoptionen.",
-    },
-    {
-        id: "refs",
-        label: "Referenzen / Cases",
-        desc: "Präsentation Ihrer Projekte.",
-    },
-    { id: "events", label: "Events / Termine", desc: "Veranstaltungskalender." },
-];
-
-export const FUNCTION_OPTIONS = [
-    { id: "search", label: "Suche", desc: "Volltextsuche über alle Inhalte." },
-    {
-        id: "filter",
-        label: "Filter-Systeme",
-        desc: "Kategorisierung und Sortierung.",
-    },
-    { id: "pdf", label: "PDF-Export", desc: "Automatisierte PDF-Erstellung." },
-    {
-        id: "forms",
-        label: "Individuelle Formular-Logik",
-        desc: "Smarte Validierung & mehrstufige Prozesse.",
-    },
-];
-
-export const API_OPTIONS = [
-    {
-        id: "crm",
-        label: "CRM System",
-        desc: "HubSpot, Salesforce, Pipedrive etc.",
-    },
-    {
-        id: "erp",
-        label: "ERP / Warenwirtschaft",
-        desc: "SAP, Microsoft Dynamics, Xentral etc.",
-    },
-    {
-        id: "stripe",
-        label: "Stripe / Payment",
-        desc: "Zahlungsabwicklung und Abonnements.",
-    },
-    {
-        id: "newsletter",
-        label: "Newsletter / Marketing",
-        desc: "Mailchimp, Brevo, ActiveCampaign etc.",
-    },
-    {
-        id: "ecommerce",
-        label: "E-Commerce / Shop",
-        desc: "Shopify, WooCommerce, Shopware Sync.",
-    },
-    {
-        id: "hr",
-        label: "HR / Recruiting",
-        desc: "Personio, Workday, Recruitee etc.",
-    },
-    {
-        id: "realestate",
-        label: "Immobilien",
-        desc: "OpenImmo, FlowFact, Immowelt Sync.",
-    },
-    {
-        id: "calendar",
-        label: "Termine / Booking",
-        desc: "Calendly, Shore, Doctolib etc.",
-    },
-    {
-        id: "social",
-        label: "Social Media Sync",
-        desc: "Automatisierte Posts oder Feeds.",
-    },
-    {
-        id: "maps",
-        label: "Google Maps / Places",
-        desc: "Standortsuche und Kartenintegration.",
-    },
-    {
-        id: "analytics",
-        label: "Custom Analytics",
-        desc: "Anbindung an spezialisierte Tracking-Tools.",
-    },
-];
-
-export const ASSET_OPTIONS = [
-    {
-        id: "existing_website",
-        label: "Bestehende Website",
-        desc: "Inhalte oder Struktur können übernommen werden.",
-    },
-    { id: "logo", label: "Logo", desc: "Vektordatei Ihres Logos." },
-    {
-        id: "styleguide",
-        label: "Styleguide",
-        desc: "Farben, Schriften, Design-Vorgaben.",
-    },
-    {
-        id: "content_concept",
-        label: "Inhalts-Konzept",
-        desc: "Struktur und Texte sind bereits geplant.",
-    },
-    {
-        id: "media",
-        label: "Bild/Video-Material",
-        desc: "Professionelles Bildmaterial vorhanden.",
-    },
-    { id: "icons", label: "Icons", desc: "Eigene Icon-Sets vorhanden." },
-    {
-        id: "illustrations",
-        label: "Illustrationen",
-        desc: "Eigene Illustrationen vorhanden.",
-    },
-    {
-        id: "fonts",
-        label: "Fonts",
-        desc: "Lizenzen für Hausschriften vorhanden.",
-    },
-];
-
-export const DESIGN_OPTIONS = [
-    {
-        id: "minimal",
-        label: "Minimalistisch",
-        desc: "Viel Weißraum, klare Typografie.",
-    },
-    {
-        id: "bold",
-        label: "Mutig & Laut",
-        desc: "Starke Kontraste, große Schriften.",
-    },
-    {
-        id: "nature",
-        label: "Natürlich",
-        desc: "Sanfte Erdtöne, organische Formen.",
-    },
-    { id: "tech", label: "Technisch", desc: "Präzise Linien, dunkle Akzente." },
-];
-
-export const EMPLOYEE_OPTIONS = [
-    { id: "1-5", label: "1-5 Mitarbeiter" },
-    { id: "6-20", label: "6-20 Mitarbeiter" },
-    { id: "21-100", label: "21-100 Mitarbeiter" },
-    { id: "100+", label: "100+ Mitarbeiter" },
-];
-
-export const SOCIAL_MEDIA_OPTIONS = [
-    { id: "instagram", label: "Instagram" },
-    { id: "linkedin", label: "LinkedIn" },
-    { id: "facebook", label: "Facebook" },
-    { id: "twitter", label: "Twitter / X" },
-    { id: "tiktok", label: "TikTok" },
-    { id: "youtube", label: "YouTube" },
-];
-
-export const VIBE_LABELS: Record<string, string> = {
-    minimal: "Minimalistisch",
-    bold: "Mutig & Laut",
-    nature: "Natürlich",
-    tech: "Technisch",
-};
-
-export const DEADLINE_LABELS: Record<string, string> = {
-    asap: "So schnell wie möglich",
-    "2-3-months": "In 2-3 Monaten",
-    "3-6-months": "In 3-6 Monaten",
-    flexible: "Flexibel",
-};
-
-export const ASSET_LABELS: Record<string, string> = {
-    existing_website: "Bestehende Website",
-    logo: "Logo",
-    styleguide: "Styleguide",
-    content_concept: "Inhalts-Konzept",
-    media: "Bild/Video-Material",
-    icons: "Icons",
-    illustrations: "Illustrationen",
-    fonts: "Fonts",
-};
-
-export const FEATURE_LABELS: Record<string, string> = {
-    blog_news: "Blog / News",
-    products: "Produktbereich",
-    jobs: "Karriere / Jobs",
-    refs: "Referenzen / Cases",
-    events: "Events / Termine",
-};
-
-export const FUNCTION_LABELS: Record<string, string> = {
-    search: "Suche",
-    filter: "Filter-Systeme",
-    pdf: "PDF-Export",
-    forms: "Individuelle Formular-Logik",
-    members: "Mitgliederbereich",
-    calendar: "Event-Kalender",
-    multilang: "Mehrsprachigkeit",
-    chat: "Echtzeit-Chat",
-};
-
-export const API_LABELS: Record<string, string> = {
-    crm_erp: "CRM / ERP",
-    payment: "Payment",
-    marketing: "Marketing",
-    ecommerce: "E-Commerce",
-    maps: "Google Maps / Places",
-    social: "Social Media Sync",
-    analytics: "Custom Analytics",
-};
-
-export const SOCIAL_LABELS: Record<string, string> = {
-    instagram: "Instagram",
-    linkedin: "LinkedIn",
-    facebook: "Facebook",
-    twitter: "Twitter / X",
-    tiktok: "TikTok",
-    youtube: "YouTube",
-};
-
-export const PAGE_LABELS: Record<string, string> = {
-    Home: "Startseite",
-    About: "Über uns",
-    Services: "Leistungen",
-    Contact: "Kontakt",
-    Landing: "Landingpage",
-    Legal: "Impressum & Datenschutz",
-};

packages/acquisition/src/logic/pricing/types.ts

@@ -1,89 +0,0 @@
-export type ProjectType = 'website' | 'web-app';
-
-export interface FormState {
-    projectType: ProjectType;
-    // Company
-    companyName: string;
-    employeeCount: string;
-    // Existing Presence
-    existingWebsite: string;
-    socialMedia: string[];
-    socialMediaUrls: Record<string, string>;
-    existingDomain: string;
-    wishedDomain: string;
-    // Project
-    websiteTopic: string;
-    selectedPages: string[];
-    otherPages: string[];
-    otherPagesCount: number;
-    features: string[];
-    otherFeatures: string[];
-    otherFeaturesCount: number;
-    functions: string[];
-    otherFunctions: string[];
-    otherFunctionsCount: number;
-    apiSystems: string[];
-    otherTech: string[];
-    otherTechCount: number;
-    assets: string[];
-    otherAssets: string[];
-    otherAssetsCount: number;
-    newDatasets: number;
-    cmsSetup: boolean;
-    storageExpansion: number;
-    name: string;
-    email: string;
-    role: string;
-    message: string;
-    sitemapFile: any;
-    contactFiles: any[];
-    // Design
-    designVibe: string;
-    colorScheme: string[];
-    references: string[];
-    designWishes: string;
-    // Maintenance
-    expectedAdjustments: string;
-    languagesList: string[];
-    // Timeline
-    deadline: string;
-    // Web App specific
-    targetAudience: string;
-    userRoles: string[];
-    dataSensitivity: string;
-    platformType: string;
-    // Meta
-    dontKnows: string[];
-    visualStaging: string;
-    complexInteractions: string;
-    gridDontKnows?: Record<string, string>;
-    briefingSummary?: string;
-    companyAddress?: string;
-    companyPhone?: string;
-    personName?: string;
-    taxId?: string;
-    designVision?: string;
-    positionDescriptions?: Record<string, string>;
-    sitemap?: {
-        category: string;
-        pages: { title: string; desc: string }[];
-    }[];
-}
-
-export interface Position {
-    pos: number;
-    title: string;
-    desc: string;
-    qty: number;
-    price: number;
-    isRecurring?: boolean;
-}
-export interface Totals {
-    totalPrice: number;
-    monthlyPrice: number;
-    totalPagesCount: number;
-    totalFeatures: number;
-    totalFunctions: number;
-    totalApis: number;
-    languagesCount: number;
-}

packages/acquisition/src/services/AcquisitionService.ts

@@ -1,153 +0,0 @@
-import { CheerioCrawler } from "crawlee";
-import axios from "axios";
-import { FileCacheAdapter } from "../utils/cache/FileCacheAdapter.js";
-import { initialState } from "../logic/pricing/constants.js";
-import { FormState } from "../logic/pricing/types.js";
-
-export interface AcquisitionResult {
-    state: FormState;
-    usage: {
-        prompt: number;
-        completion: number;
-        cost: number;
-    };
-}
-
-export class AcquisitionService {
-    private cache: FileCacheAdapter;
-    private openRouterKey: string;
-
-    constructor(openRouterKey: string) {
-        this.openRouterKey = openRouterKey;
-        this.cache = new FileCacheAdapter({ prefix: "acq_" });
-    }
-
-    async runFullSequence(url: string, briefing: string, comments?: string): Promise<AcquisitionResult> {
-        console.log(`🚀 Starting Acquisition Sequence for: ${url}`);
-
-        // 1. Crawl
-        const crawlData = await this.performCrawl(url);
-
-        // 2. Distill
-        const distilledContext = await this.distillCrawlContext(crawlData);
-
-        // 3. AI Estimation (using parts of the original ai-estimate logic)
-        // For brevity in this initial port, I'll implement a combined prompt strategy 
-        // or keep the multi-pass if needed.
-
-        const result = await this.getAiEstimation(briefing, distilledContext, comments || null);
-
-        return result;
-    }
-
-    private async performCrawl(url: string): Promise<string> {
-        const pages: any[] = [];
-        const origin = new URL(url).origin;
-
-        const crawler = new CheerioCrawler({
-            maxRequestsPerCrawl: 15,
-            async requestHandler({ $, request, enqueueLinks }) {
-                const title = $("title").text();
-                const bodyText = $("body").text().replace(/\s+/g, " ").substring(0, 10000);
-
-                pages.push({
-                    url: request.url,
-                    content: `Title: ${title}\nText: ${bodyText}`,
-                });
-
-                await enqueueLinks({
-                    limit: 10,
-                    transformRequestFunction: (req) => {
-                        try {
-                            const reqUrl = new URL(req.url);
-                            if (reqUrl.origin !== origin) return false;
-                            if (reqUrl.pathname.match(/\.(pdf|zip|jpg|png|svg|webp)$/i)) return false;
-                            return req;
-                        } catch (_error) {
-                            // Ignored - malformed URL in enqueueLinks
-                            return false;
-                        }
-                    },
-                });
-            },
-        });
-
-        await crawler.run([url]);
-        return pages.map((p) => `--- PAGE: ${p.url} ---\n${p.content}`).join("\n\n");
-    }
-
-    private async distillCrawlContext(rawCrawl: string): Promise<string> {
-        const systemPrompt = `
-You are a context distiller. Extract the "Company DNA" in 5-8 bullet points (GERMAN).
-Focus on: Services, USPs, Target Audience, Tone.
-`;
-        const resp = await axios.post(
-            "https://openrouter.ai/api/v1/chat/completions",
-            {
-                model: "google/gemini-3-flash-preview",
-                messages: [
-                    { role: "system", content: systemPrompt },
-                    { role: "user", content: `RAW_CRAWL:\n${rawCrawl.substring(0, 20000)}` },
-                ],
-            },
-            {
-                headers: { Authorization: `Bearer ${this.openRouterKey}` },
-            }
-        );
-
-        return resp.data.choices[0].message.content;
-    }
-
-    private async getAiEstimation(briefing: string, context: string, comments: string | null): Promise<AcquisitionResult> {
-        // Porting a simplified version of Pass 1 and Pass 3 together for the "Audit"
-        const systemPrompt = `
-You are a Digital Architect. Analyze the briefing and crawl context.
-Generate a JSON state for a project estimation.
-Language: GERMAN.
-Format: ROOT LEVEL JSON matching FormState interface.
-
-### PRICING RULES:
-- Base: 5440 €
-- Page: 600 €
-- Feature: 1500 €
-- Function/API: 800 €
-
-Return ONLY the JSON.
-`;
-        const userPrompt = `BRIEFING: ${briefing}\n\nCONTEXT: ${context}\n\nCOMMENTS: ${comments}`;
-
-        const resp = await axios.post(
-            "https://openrouter.ai/api/v1/chat/completions",
-            {
-                model: "google/gemini-3-flash-preview",
-                messages: [
-                    { role: "system", content: systemPrompt },
-                    { role: "user", content: userPrompt },
-                ],
-                response_format: { type: "json_object" },
-            },
-            {
-                headers: { Authorization: `Bearer ${this.openRouterKey}` },
-            }
-        );
-
-        let state: FormState;
-        try {
-            state = JSON.parse(resp.data.choices[0].message.content);
-        } catch (_error) {
-            console.error("Failed to parse AI estimation JSON, returning initial state.");
-            state = initialState;
-        }
-        // Ensure it matches FormState defaults
-        const finalState = { ...initialState, ...state };
-
-        return {
-            state: finalState,
-            usage: {
-                prompt: resp.data.usage?.prompt_tokens || 0,
-                completion: resp.data.usage?.completion_tokens || 0,
-                cost: resp.data.usage?.cost || 0,
-            },
-        };
-    }
-}

packages/acquisition/src/services/PdfEngine.ts

@@ -1,24 +0,0 @@
-import { renderToFile } from "@react-pdf/renderer";
-import { createElement } from "react";
-import { EstimationPDF } from "../components/EstimationPDF.js";
-import { PRICING } from "../logic/pricing/constants.js";
-import { calculateTotals } from "../logic/pricing/calculator.js";
-
-export class PdfEngine {
-    constructor() { }
-
-    async generateEstimatePdf(state: any, outputPath: string): Promise<string> {
-        const totals = calculateTotals(state, PRICING);
-
-        await renderToFile(
-            createElement(EstimationPDF as any, {
-                state,
-                totalPrice: totals.totalPrice,
-                pricing: PRICING,
-            } as any) as any,
-            outputPath
-        );
-
-        return outputPath;
-    }
-}

packages/acquisition/src/utils/cache/FileCacheAdapter.ts

@@ -1,78 +0,0 @@
-import * as fs from 'node:fs/promises';
-import * as path from 'node:path';
-import { existsSync } from 'node:fs';
-import * as crypto from 'node:crypto';
-
-export class FileCacheAdapter {
-    private cacheDir: string;
-    private prefix: string;
-    private defaultTTL: number;
-
-    constructor(config?: { cacheDir?: string; prefix?: string; defaultTTL?: number }) {
-        this.cacheDir = config?.cacheDir || path.resolve(process.cwd(), '.cache');
-        this.prefix = config?.prefix || '';
-        this.defaultTTL = config?.defaultTTL || 3600;
-
-        if (!existsSync(this.cacheDir)) {
-            fs.mkdir(this.cacheDir, { recursive: true }).catch(() => { });
-        }
-    }
-
-    private sanitize(key: string): string {
-        const clean = key.replace(/[^a-z0-9]/gi, '_');
-        if (clean.length > 64) {
-            return crypto.createHash('md5').update(key).digest('hex');
-        }
-        return clean;
-    }
-
-    private getFilePath(key: string): string {
-        const safeKey = this.sanitize(`${this.prefix}${key}`).toLowerCase();
-        return path.join(this.cacheDir, `${safeKey}.json`);
-    }
-
-    async get<T>(key: string): Promise<T | null> {
-        const filePath = this.getFilePath(key);
-        try {
-            if (!existsSync(filePath)) return null;
-            const content = await fs.readFile(filePath, 'utf8');
-            const data = JSON.parse(content);
-
-            if (data.expiry && Date.now() > data.expiry) {
-                await this.del(key);
-                return null;
-            }
-
-            return data.value;
-        } catch (_error) {
-            return null; // Keeping original return type Promise<T | null>
-        }
-    }
-
-    async set<T>(key: string, value: T, ttl?: number): Promise<void> {
-        const filePath = this.getFilePath(key);
-        const effectiveTTL = ttl !== undefined ? ttl : this.defaultTTL;
-        const data = {
-            value,
-            expiry: effectiveTTL > 0 ? Date.now() + effectiveTTL * 1000 : null,
-            updatedAt: new Date().toISOString()
-        };
-
-        try {
-            await fs.writeFile(filePath, JSON.stringify(data, null, 2), 'utf8');
-        } catch (_error) {
-            // Ignore
-        }
-    }
-
-    async del(key: string): Promise<void> {
-        const filePath = this.getFilePath(key);
-        try {
-            if (existsSync(filePath)) {
-                await fs.unlink(filePath);
-            }
-        } catch (_error) {
-            // Ignored - best effort cleanup
-        }
-    }
-}

packages/acquisition/test/pricing.test.ts

@@ -1,59 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { calculateTotals, calculatePositions } from "../src/logic/pricing/calculator.js";
-import { PRICING, initialState } from "../src/logic/pricing/constants.js";
-import { FormState } from "../src/logic/pricing/types.js";
-
-describe("Pricing Logic", () => {
-    it("should calculate base website price correctly", () => {
-        const state: FormState = {
-            ...initialState,
-            projectType: "website",
-            selectedPages: [] // Clear for base test
-        };
-        const totals = calculateTotals(state, PRICING);
-        expect(totals.totalPrice).toBe(PRICING.BASE_WEBSITE);
-    });
-
-    it("should add page costs correctly", () => {
-        const state: FormState = {
-            ...initialState,
-            projectType: "website",
-            selectedPages: [], // Clear for clean test
-            otherPagesCount: 5
-        };
-        const totals = calculateTotals(state, PRICING);
-        expect(totals.totalPrice).toBe(PRICING.BASE_WEBSITE + (5 * PRICING.PAGE));
-    });
-
-    it("should apply multi-language multiplier", () => {
-        const state: FormState = {
-            ...initialState,
-            projectType: "website",
-            selectedPages: [], // Clear for clean test
-            languagesList: ["Deutsch", "Englisch"]
-        };
-        const totals = calculateTotals(state, PRICING);
-        expect(totals.totalPrice).toBe(Math.round(PRICING.BASE_WEBSITE * 1.2));
-    });
-
-    it("should generate correct positions for a website", () => {
-        const state: FormState = {
-            ...initialState,
-            projectType: "website",
-            selectedPages: ["Home"],
-            otherPagesCount: 2
-        };
-        const positions = calculatePositions(state, PRICING);
-
-        // Find "Fundament" position (Das technische Fundament)
-        const basePos = positions.find(p => p.title.includes("Fundament"));
-        expect(basePos).toBeDefined();
-        expect(basePos?.price).toBe(PRICING.BASE_WEBSITE);
-
-        // Find "Individuelle Seiten" position
-        const pagesPos = positions.find(p => p.title.includes("Seiten"));
-        expect(pagesPos).toBeDefined();
-        expect(pagesPos?.qty).toBe(3); // 1 selected + 2 other
-        expect(pagesPos?.price).toBe(3 * PRICING.PAGE);
-    });
-});

packages/acquisition/tsconfig.json

@@ -1,15 +0,0 @@
-{
-    "extends": "@mintel/tsconfig/base.json",
-    "compilerOptions": {
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "jsx": "react-jsx"
-    },
-    "include": [
-        "src/**/*"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist"
-    ]
-}

packages/cli/package.json

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

packages/cms-infra/Dockerfile

@@ -1,42 +0,0 @@
-# Build Stage
-FROM node:20-slim AS builder
-
-WORKDIR /app
-
-# Core environment for pnpm
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
-# Copy root configurations
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-
-# Copy all packages for extensions build
-COPY packages ./packages
-
-# Install dependencies (only what's needed for extensions)
-RUN pnpm install --no-frozen-lockfile \
-    --filter "@mintel/directus-extension-*" \
-    --filter "acquisition" \
-    --filter "acquisition-manager" \
-    --filter "customer-manager" \
-    --filter "feedback-commander" \
-    --filter "people-manager" \
-    --filter "./packages/acquisition" \
-    --filter "./packages/mail"
-
-
-# Runtime Stage
-FROM directus/directus:11
-
-WORKDIR /directus
-
-# Copy built extensions
-COPY --from=builder /app/packages/cms-infra/extensions ./extensions
-
-# Environment defaults (can be overridden)
-ENV KEY="infra-cms-key"
-ENV SECRET="infra-cms-secret"
-ENV DB_CLIENT="sqlite3"
-ENV DB_FILENAME="/directus/database/data.db"
-
-# Expose port
-EXPOSE 8055

packages/cms-infra/docker-compose.yml

@@ -1,9 +1,6 @@
 services:
   infra-cms:
-    build:
-      context: ../../
-      dockerfile: packages/cms-infra/Dockerfile
-    image: mintel/cms-infra:latest
+    image: directus/directus:11
     ports:
       - "8059:8055"
     networks:
@@ -24,7 +21,6 @@ services:
       EMAIL_SMTP_PASSWORD: "4592fcb94599ee1a45b4ac2386fd0a64-102c75d8-ca2870e6"
       EMAIL_SMTP_SECURE: "false"
       EMAIL_FROM: "postmaster@mg.mintel.me"
-      LOG_LEVEL: "trace"
     volumes:
       - ./database:/directus/database
       - ./uploads:/directus/uploads

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

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

packages/cms-infra/extensions/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/cms-infra/extensions/acquisition-manager/src/module.vue

@@ -1,403 +0,0 @@
-<template>
-	<private-view title="Acquisition Manager">
-		<template #navigation>
-			<v-list nav>
-				<v-list-item @click="showAddLead = true" 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="lead-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="lead.company_name" />
-					</v-list-item-content>
-				</v-list-item>
-			</v-list>
-		</template>
-
-		<template #title-outer:after>
-			<v-notice v-if="notice" :type="notice.type" @close="notice = null" dismissible>
-				{{ notice.message }}
-			</v-notice>
-		</template>
-
-		<div class="content-wrapper">
-			<v-notice type="success" style="margin-bottom: 16px;">
-				DEBUG: Module Version 1.1.0 - Native Build - {{ new Date().toISOString() }}
-			</v-notice>
-
-			<div v-if="!selectedLead" class="empty-state">
-				<v-info title="Lead auswählen" icon="auto_awesome" center>
-					Wähle einen Lead in der Navigation aus oder
-					<v-button x-small @click="showAddLead = true">registriere einen neuen Lead</v-button>.
-				</v-info>
-			</div>
-
-			<template v-else>
-				<header class="header">
-					<div class="header-left">
-						<h1 class="title">{{ selectedLead.company_name }}</h1>
-						<p class="subtitle">
-							<v-icon name="language" x-small />
-							<a :href="selectedLead.website_url" target="_blank" class="url-link">
-								{{ selectedLead.website_url.replace(/^https?:\/\//, '') }}
-							</a>
-							&middot; Status: {{ selectedLead.status.toUpperCase() }}
-						</p>
-					</div>
-					<div class="header-right">
-						<v-button 
-							v-if="selectedLead.status === 'new'" 
-							secondary 
-							:loading="loadingAudit" 
-							@click="runAudit"
-						>
-							<v-icon name="settings_suggest" left />
-							Audit starten
-						</v-button>
-
-						<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>
-					</div>
-				</header>
-
-				<div class="sections">
-					<div class="main-info">
-						<div class="form-grid">
-							<div class="field">
-								<span class="label">Kontaktperson</span>
-								<div v-if="selectedLead.contact_person" class="value person-link" @click="goToPerson(selectedLead.contact_person)">
-									{{ getPersonName(selectedLead.contact_person) }}
-								</div>
-								<div v-else class="value text-subdued">Keine Person verknüpft</div>
-							</div>
-							<div class="field">
-								<span class="label">E-Mail (Legacy)</span>
-								<div class="value">{{ selectedLead.contact_email || '—' }}</div>
-							</div>
-							<div class="field full">
-								<span class="label">Briefing / Fokus</span>
-								<div class="value text-block">{{ selectedLead.briefing || 'Kein Briefing hinterlegt.' }}</div>
-							</div>
-						</div>
-					</div>
-
-					<v-divider />
-
-					<div v-if="selectedLead.ai_state" class="ai-observations">
-						<h3 class="section-title">AI Observations & Estimation</h3>
-						
-						<div class="metrics">
-							<v-info label="Projekt-Modus" :value="selectedLead.ai_state.projectType || 'Unbekannt'" />
-							<v-info label="Seitenanzahl" :value="selectedLead.ai_state.sitemap?.length || '0'" />
-						</div>
-
-						<v-table
-							v-if="selectedLead.ai_state.sitemap"
-							:headers="[ { text: 'Seite', value: 'title' }, { text: 'URL', value: 'url' } ]"
-							:items="selectedLead.ai_state.sitemap"
-							class="observation-table"
-						>
-							<template #[`item.title`]="{ item }">
-								<span class="page-title">{{ item.title }}</span>
-							</template>
-							<template #[`item.url`]="{ item }">
-								<span class="page-url">{{ item.url }}</span>
-							</template>
-						</v-table>
-					</div>
-				</div>
-			</template>
-		</div>
-
-		<!-- Drawer: New Lead -->
-		<v-drawer
-			v-model="showAddLead"
-			title="Neuen Lead registrieren"
-			icon="person_add"
-			@cancel="showAddLead = false"
-		>
-			<div class="drawer-content">
-				<div class="form-section">
-					<div class="field">
-						<span class="label">Firma</span>
-						<v-input v-model="newLead.company_name" placeholder="z.B. Schmidt GmbH" autofocus />
-					</div>
-					<div class="field">
-						<span class="label">Website URL</span>
-						<v-input v-model="newLead.website_url" placeholder="https://..." />
-					</div>
-					<div class="field">
-						<span class="label">Ansprechpartner</span>
-						<v-input v-model="newLead.contact_name" placeholder="Vorname Nachname" />
-					</div>
-					<div class="field">
-						<span class="label">E-Mail Adresse</span>
-						<v-input v-model="newLead.contact_email" placeholder="email@beispiel.de" type="email" />
-					</div>
-					<div class="field">
-						<span class="label">Briefing / Fokus</span>
-						<v-textarea v-model="newLead.briefing" placeholder="Besonderheiten für das Audit..." />
-					</div>
-					<div class="field">
-						<span class="label">Kontaktperson (Optional)</span>
-						<v-select
-							v-model="newLead.contact_person"
-							:items="peopleOptions"
-							placeholder="Person auswählen..."
-						/>
-					</div>
-				</div>
-
-				<div class="drawer-actions">
-					<v-button primary block :loading="savingLead" @click="saveLead">Lead speichern</v-button>
-				</div>
-			</div>
-		</v-drawer>
-	</private-view>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
-import { useApi } from '@directus/extensions-sdk';
-
-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 showAddLead = ref(false);
-const savingLead = ref(false);
-const notice = ref<{ type: string; message: string } | null>(null);
-
-const newLead = ref({
-	company_name: '',
-	website_url: '',
-	contact_name: '',
-	contact_email: '',
-	contact_person: null,
-	briefing: '',
-	status: 'new'
-});
-
-const people = ref<any[]>([]);
-
-const peopleOptions = computed(() => 
-	people.value.map(p => ({
-		text: `${p.first_name} ${p.last_name}`,
-		value: p.id
-	}))
-);
-
-function getPersonName(id: string) {
-	const person = people.value.find(p => p.id === id);
-	return person ? `${person.first_name} ${person.last_name}` : id;
-}
-
-function goToPerson(id: string) {
-	// Logic to navigate to people manager or open details
-	notice.value = { type: 'info', message: `Navigiere zu Person: ${id}` };
-}
-
-const selectedLead = computed(() => leads.value.find(l => l.id === selectedLeadId.value));
-
-onMounted(fetchLeads);
-
-async function fetchLeads() {
-	const [leadsResp, peopleResp] = await Promise.all([
-		api.get('/items/leads', { params: { sort: '-date_created' } }),
-		api.get('/items/people', { params: { sort: 'last_name' } })
-	]);
-	leads.value = leadsResp.data.data;
-	people.value = peopleResp.data.data;
-	if (!selectedLeadId.value && leads.value.length > 0) {
-		selectedLeadId.value = leads.value[0].id;
-	}
-}
-
-function selectLead(id: string) {
-	selectedLeadId.value = id;
-}
-
-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_name) 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!' };
-		showAddLead.value = false;
-		await fetchLeads();
-		selectedLeadId.value = payload.id;
-		newLead.value = { 
-			company_name: '', 
-			website_url: '', 
-			contact_name: '', 
-			contact_email: '', 
-			contact_person: null,
-			briefing: '', 
-			status: 'new' 
-		};
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler beim Speichern: ${e.message}` };
-	} finally {
-		savingLead.value = false;
-	}
-}
-
-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)';
-	}
-}
-</script>
-
-<style scoped>
-.content-wrapper { padding: 32px; height: 100%; display: flex; flex-direction: column; overflow-y: auto; }
-.lead-item { cursor: pointer; }
-.header { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end; }
-.header-right { display: flex; gap: 12px; }
-.title { font-size: 24px; font-weight: 800; margin-bottom: 4px; color: var(--theme--foreground); }
-.subtitle { color: var(--theme--foreground-subdued); font-size: 14px; display: flex; align-items: center; gap: 8px; }
-.url-link { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
-.url-link:hover { border-bottom-color: currentColor; }
-.empty-state { height: 100%; display: flex; align-items: center; justify-content: center; }
-
-.sections { display: flex; flex-direction: column; gap: 32px; }
-
-.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: 32px; 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; }
-
-:deep(.v-list-item) { cursor: pointer !important; }
-</style>

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

@@ -4,7 +4,7 @@
     "type": "module",
     "directus:extension": {
         "type": "endpoint",
-        "path": "dist/index.js",
+        "path": "index.js",
         "source": "src/index.ts",
         "host": "^11.0.0"
     },
@@ -14,8 +14,6 @@
     },
     "devDependencies": {
         "@directus/extensions-sdk": "11.0.2",
-        "@mintel/acquisition": "workspace:*",
-        "@mintel/mail": "workspace:*",
         "esbuild": "^0.25.0",
         "typescript": "^5.6.3"
     },

packages/cms-infra/extensions/acquisition/src/index.ts

@@ -1,172 +0,0 @@
-import "./shim";
-import { defineEndpoint } from "@directus/extensions-sdk";
-import { AcquisitionService, PdfEngine } from "@mintel/acquisition";
-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 leadsService = new ItemsService("leads", { schema: req.schema, accountability: req.accountability });
-        const peopleService = new ItemsService("people", { schema: req.schema, accountability: req.accountability });
-        const mailService = new MailService({ 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 Audit not ready" });
-
-            let recipientEmail = lead.contact_email;
-            let companyName = lead.company_name;
-
-            if (lead.contact_person) {
-                const person = await peopleService.readOne(lead.contact_person);
-                if (person && person.email) {
-                    recipientEmail = person.email;
-                    companyName = person.company || lead.company_name;
-                }
-            }
-
-            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 mailService = new MailService({ schema: req.schema, accountability: req.accountability });
-
-        try {
-            const lead = await leadsService.readOne(id);
-            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;
-
-            if (lead.contact_person) {
-                const person = await peopleService.readOne(lead.contact_person);
-                if (person && person.email) {
-                    recipientEmail = person.email;
-                    companyName = person.company || lead.company_name;
-                }
-            }
-
-            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/cms-infra/extensions/acquisition/src/shim.ts

@@ -1,22 +0,0 @@
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-import { createRequire } from 'module';
-
-try {
-    const url = import.meta?.url;
-    // Hardcode fallback path for Directus Docker environment
-    const fallbackPath = '/directus/extensions/acquisition/dist/index.js';
-    const filename = url ? fileURLToPath(url) : fallbackPath;
-    const dir = dirname(filename);
-
-    // @ts-ignore
-    globalThis.__filename = filename;
-    // @ts-ignore
-    globalThis.__dirname = dir;
-    // @ts-ignore
-    globalThis.require = createRequire(url || `file://${fallbackPath}`);
-
-    console.log(`[Shim] Loaded. __dirname: ${dir}`);
-} catch (e) {
-    console.warn("[Shim] Failed to shim __dirname/require", e);
-}

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

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

packages/cms-infra/extensions/customer-manager/src/index.ts

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

packages/cms-infra/extensions/customer-manager/src/module.vue

@@ -1,399 +0,0 @@
-<template>
-	<private-view title="Customer Manager">
-		<template #navigation>
-			<v-list nav>
-				<v-list-item @click="openCreateCompany" 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="company-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 #title-outer:after>
-			<v-notice v-if="notice" :type="notice.type" @close="notice = null" dismissible>
-				{{ notice.message }}
-			</v-notice>
-		</template>
-
-		<div class="content-wrapper">
-			<div v-if="!selectedCompany" class="empty-state">
-				<v-info title="Firmen auswählen" icon="business" center>
-					Wähle eine Firma in der Navigation aus oder
-					<v-button x-small @click="openCreateCompany">erstelle eine neue Firma</v-button>.
-				</v-info>
-			</div>
-
-			<template v-else>
-				<header class="header">
-					<div class="header-left">
-						<h1 class="title">{{ selectedCompany.name }}</h1>
-						<p class="subtitle">{{ employees.length }} Kunden-Mitarbeiter</p>
-					</div>
-					<div class="header-right">
-						<v-button secondary rounded icon v-tooltip.bottom="'Firma bearbeiten'" @click="openEditCompany">
-							<v-icon name="edit" />
-						</v-button>
-						<v-button primary @click="openCreateEmployee">
-							Mitarbeiter hinzufügen
-						</v-button>
-					</div>
-				</header>
-
-				<v-table
-					:headers="tableHeaders"
-					:items="employees"
-					:loading="loading"
-					class="clickable-table"
-					fixed-header
-					@click:row="onRowClick"
-				>
-					<template #[`item.name`]="{ item }">
-						<div class="user-cell">
-							<v-avatar :name="item.first_name" x-small />
-							<span class="user-name">{{ item.first_name }} {{ item.last_name }}</span>
-						</div>
-					</template>
-
-					<template #[`item.last_invited`]="{ item }">
-						<span v-if="item.last_invited" class="status-date">
-							{{ formatDate(item.last_invited) }}
-						</span>
-						<v-chip v-else x-small>Noch nie</v-chip>
-					</template>
-				</v-table>
-			</template>
-		</div>
-
-		<!-- Drawer: Company Form -->
-		<v-drawer
-			v-model="drawerCompanyActive"
-			:title="isEditingCompany ? 'Firma bearbeiten' : 'Neue Firma anlegen'"
-			icon="business"
-			@cancel="drawerCompanyActive = false"
-		>
-			<div v-if="drawerCompanyActive" class="drawer-content">
-                <div class="form-section">
-                    <div class="field">
-                        <span class="label">Firmenname</span>
-                        <v-input v-model="companyForm.name" placeholder="z.B. KLZ Cables" autofocus />
-                    </div>
-                </div>
-				
-				<div class="drawer-actions">
-					<v-button primary block :loading="saving" @click="saveCompany">Speichern</v-button>
-				</div>
-			</div>
-		</v-drawer>
-
-		<!-- Drawer: Employee Form -->
-		<v-drawer
-			v-model="drawerEmployeeActive"
-			:title="isEditingEmployee ? 'Mitarbeiter bearbeiten' : 'Neuen Mitarbeiter anlegen'"
-			icon="person"
-			@cancel="drawerEmployeeActive = false"
-		>
-			<div v-if="drawerEmployeeActive" class="drawer-content">
-                <div class="form-section">
-                    <div class="field">
-                        <span class="label">Vorname</span>
-                        <v-input v-model="employeeForm.first_name" placeholder="Vorname" autofocus />
-                    </div>
-
-                    <div class="field">
-                        <span class="label">Nachname</span>
-                        <v-input v-model="employeeForm.last_name" placeholder="Nachname" />
-                    </div>
-
-                    <div class="field">
-                        <span class="label">E-Mail</span>
-                        <v-input v-model="employeeForm.email" placeholder="E-Mail Adresse" type="email" />
-                    </div>
-
-                    <div class="field">
-                        <span class="label">Zugehörige Person (Zentral)</span>
-                        <v-select
-                            v-model="employeeForm.contact_person"
-                            :items="peopleOptions"
-                            placeholder="Zentrale Person auswählen..."
-                            show-deselect
-                        />
-                        <p class="field-note">Verknüpft diesen Mitarbeiter mit dem globalen Personen-Verzeichnis.</p>
-                    </div>
-
-                    <v-divider v-if="isEditingEmployee" />
-
-                    <div v-if="isEditingEmployee" class="field">
-                        <span class="label">Temporäres Passwort</span>
-                        <v-input v-model="employeeForm.temporary_password" readonly class="password-input" />
-                        <p class="field-note">Wird beim Senden der Zugangsdaten automatisch generiert.</p>
-                    </div>
-                </div>
-
-				<div class="drawer-actions">
-					<v-button primary block :loading="saving" @click="saveEmployee">Daten speichern</v-button>
-					
-					<template v-if="isEditingEmployee">
-						<v-divider />
-						<v-button
-							v-tooltip.bottom="'Generiert PW, speichert es und sendet E-Mail'"
-							secondary
-							block
-							:loading="invitingId === employeeForm.id"
-							@click="inviteUser(employeeForm)"
-						>
-							<v-icon name="send" left /> Zugangsdaten senden
-						</v-button>
-					</template>
-				</div>
-			</div>
-		</v-drawer>
-	</private-view>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, nextTick, computed } from 'vue';
-import { useApi } from '@directus/extensions-sdk';
-
-const api = useApi();
-
-const companies = ref<any[]>([]);
-const selectedCompany = ref<any>(null);
-const employees = ref<any[]>([]);
-const people = ref<any[]>([]);
-const loading = ref(false);
-const saving = ref(false);
-const invitingId = ref<string | null>(null);
-const notice = ref<{ type: string; message: string } | null>(null);
-
-const peopleOptions = computed(() => 
-	people.value.map(p => ({
-		text: `${p.first_name} ${p.last_name} (${p.company || 'Keine Firma'})`,
-		value: p.id
-	}))
-);
-
-// Forms State
-const drawerCompanyActive = ref(false);
-const isEditingCompany = ref(false);
-const companyForm = ref({ id: '', name: '' });
-
-const drawerEmployeeActive = ref(false);
-const isEditingEmployee = ref(false);
-const employeeForm = ref({ 
-    id: '', 
-    first_name: '', 
-    last_name: '', 
-    email: '', 
-    contact_person: null as string | null,
-    temporary_password: '' 
-});
-
-const tableHeaders = [
-	{ text: 'Name', value: 'name', sortable: true },
-	{ text: 'E-Mail', value: 'email', sortable: true },
-	{ text: 'Zuletzt eingeladen', value: 'last_invited', sortable: true }
-];
-
-async function fetchCompanies() {
-	const [companyRes, peopleRes] = await Promise.all([
-		api.get('/items/companies', { params: { fields: ['id', 'name'], sort: 'name' } }),
-		api.get('/items/people', { params: { sort: 'last_name' } })
-	]);
-	companies.value = companyRes.data.data;
-	people.value = peopleRes.data.data;
-}
-
-async function selectCompany(company: any) {
-	selectedCompany.value = company;
-	loading.value = true;
-	try {
-		const res = await api.get('/items/client_users', {
-			params: {
-				filter: { company: { _eq: company.id } },
-				fields: ['*'],
-				sort: 'first_name',
-			},
-		});
-		employees.value = res.data.data;
-	} finally {
-		loading.value = false;
-	}
-}
-
-// Company Actions
-function openCreateCompany() {
-	isEditingCompany.value = false;
-	companyForm.value = { id: '', name: '' };
-	drawerCompanyActive.value = true;
-}
-
-async function openEditCompany() {
-	if (!selectedCompany.value) return;
-    companyForm.value = { 
-        id: selectedCompany.value.id, 
-        name: selectedCompany.value.name 
-    };
-	isEditingCompany.value = true;
-    await nextTick();
-	drawerCompanyActive.value = true;
-}
-
-async function saveCompany() {
-	if (!companyForm.value.name) return;
-	saving.value = true;
-	try {
-		if (isEditingCompany.value) {
-			await api.patch(`/items/companies/${companyForm.value.id}`, { name: companyForm.value.name });
-			notice.value = { type: 'success', message: 'Firma aktualisiert!' };
-		} else {
-			await api.post('/items/companies', { name: companyForm.value.name });
-			notice.value = { type: 'success', message: 'Firma angelegt!' };
-		}
-		drawerCompanyActive.value = false;
-		await fetchCompanies();
-		if (selectedCompany.value?.id === companyForm.value.id) {
-			selectedCompany.value.name = companyForm.value.name;
-		}
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: e.message };
-	} finally {
-		saving.value = false;
-	}
-}
-
-// Employee Actions
-function openCreateEmployee() {
-	isEditingEmployee.value = false;
-	employeeForm.value = { id: '', first_name: '', last_name: '', email: '', contact_person: null, temporary_password: '' };
-	drawerEmployeeActive.value = true;
-}
-
-async function openEditEmployee(item: any) {
-    employeeForm.value = {
-        id: item.id || '',
-        first_name: item.first_name || '',
-        last_name: item.last_name || '',
-        email: item.email || '',
-        contact_person: item.contact_person || null,
-        temporary_password: item.temporary_password || ''
-    };
-	isEditingEmployee.value = true;
-    await nextTick();
-	drawerEmployeeActive.value = true;
-}
-
-async function saveEmployee() {
-	if (!employeeForm.value.email || !selectedCompany.value) return;
-	saving.value = true;
-	try {
-		if (isEditingEmployee.value) {
-			await api.patch(`/items/client_users/${employeeForm.value.id}`, {
-				first_name: employeeForm.value.first_name,
-				last_name: employeeForm.value.last_name,
-				email: employeeForm.value.email,
-				contact_person: employeeForm.value.contact_person
-			});
-			notice.value = { type: 'success', message: 'Mitarbeiter aktualisiert!' };
-		} else {
-			await api.post('/items/client_users', {
-				first_name: employeeForm.value.first_name,
-				last_name: employeeForm.value.last_name,
-				email: employeeForm.value.email,
-				company: selectedCompany.value.id,
-				contact_person: employeeForm.value.contact_person
-			});
-			notice.value = { type: 'success', message: 'Mitarbeiter angelegt!' };
-		}
-		drawerEmployeeActive.value = false;
-		await selectCompany(selectedCompany.value);
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: e.message };
-	} finally {
-		saving.value = false;
-	}
-}
-
-async function inviteUser(user: any) {
-	invitingId.value = user.id;
-	try {
-		await api.post(`/flows/trigger/33443f6b-cec7-4668-9607-f33ea674d501`, [user.id]);
-		notice.value = { type: 'success', message: `Zugangsdaten für ${user.first_name} versendet. 📧` };
-		await selectCompany(selectedCompany.value);
-		if (drawerEmployeeActive.value && employeeForm.value.id === user.id) {
-			const updated = employees.value.find(e => e.id === user.id);
-			if (updated) {
-                employeeForm.value.temporary_password = updated.temporary_password;
-            }
-		}
-	} catch (e: any) {
-		notice.value = { type: 'danger', message: `Fehler: ${e.message}` };
-	} finally {
-		invitingId.value = null;
-	}
-}
-
-function onRowClick(event: any) {
-	const item = event?.item || event;
-	if (item && item.id) {
-		openEditEmployee(item);
-	}
-}
-
-function formatDate(dateStr: string) {
-	return new Date(dateStr).toLocaleString('de-DE', {
-		day: '2-digit', month: '2-digit', year: 'numeric',
-		hour: '2-digit', minute: '2-digit'
-	});
-}
-
-onMounted(() => {
-	fetchCompanies();
-});
-</script>
-
-<style scoped>
-.content-wrapper { padding: 32px; height: 100%; display: flex; flex-direction: column; }
-.company-item { cursor: pointer; }
-.header { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end; }
-.header-right { display: flex; gap: 12px; }
-.title { font-size: 24px; font-weight: 800; margin-bottom: 4px; }
-.subtitle { color: var(--theme--foreground-subdued); font-size: 14px; }
-.empty-state { height: 100%; display: flex; align-items: center; justify-content: center; }
-.user-cell { display: flex; align-items: center; gap: 12px; }
-.user-name { font-weight: 600; }
-.status-date { font-size: 12px; color: var(--theme--foreground-subdued); }
-.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; }
-.label { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px; }
-.field-note { font-size: 11px; color: var(--theme--foreground-subdued); margin-top: 4px; }
-.drawer-actions { margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
-.password-input :deep(textarea) {
-	font-family: var(--family-monospace);
-	font-weight: 800;
-	color: var(--theme--primary) !important;
-	background: var(--theme--background-subdued) !important;
-}
-
-.clickable-table :deep(tbody tr) { cursor: pointer; transition: background-color 0.2s ease; }
-.clickable-table :deep(tbody tr:hover) { background-color: var(--theme--background-subdued) !important; }
-:deep(.v-list-item) { cursor: pointer !important; }
-</style>

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

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

packages/cms-infra/extensions/feedback-commander/src/module.vue

@@ -1,746 +0,0 @@
-<template>
-	<private-view title="Feedback Commander">
-		<template #headline>
-			<v-breadcrumb :items="[{ name: 'Feedback', to: '/feedback-commander' }]" />
-		</template>
-
-		<template #title-outer:after>
-			<v-chip v-if="loading" label color="blue" small>Loading...</v-chip>
-			<v-chip v-else-if="fetchError" label color="red" small>Fetch Error</v-chip>
-			<v-chip v-else label color="green" small>{{ items.length }} Items</v-chip>
-		</template>
-
-		<template #navigation>
-			<div class="sidebar-header">
-				<v-text-overflow text="Websites" class="header-text" />
-			</div>
-			<v-list nav>
-				<v-list-item 
-					:active="currentProject === 'all'"
-					@click="currentProject = 'all'"
-					clickable
-				>
-					<v-list-item-icon><v-icon name="language" /></v-list-item-icon>
-					<v-list-item-content><v-text-overflow text="All Projects" /></v-list-item-content>
-				</v-list-item>
-
-				<v-list-item 
-					v-for="project in projects" 
-					:key="project"
-					:active="currentProject === project"
-					@click="currentProject = project"
-					clickable
-				>
-					<v-list-item-icon><v-icon name="public" color="var(--primary)" /></v-list-item-icon>
-					<v-list-item-content><v-text-overflow :text="project || 'Unknown'" /></v-list-item-content>
-				</v-list-item>
-			</v-list>
-		</template>
-
-		<div class="feedback-container">
-			<div v-if="!items.length && !loading && !fetchError" class="empty-state">
-				<v-info icon="inbox" title="Clean Inbox" center>
-					All feedback has been processed. Great job!
-				</v-info>
-			</div>
-
-			<div v-if="fetchError" class="empty-state">
-				<v-info icon="error" title="Fetch Failed" :description="fetchError" center />
-				<v-button @click="fetchData" secondary small>Retry</v-button>
-			</div>
-
-			<div class="operational-layout" v-else-if="items.length">
-				<!-- Detailed Triage Lane -->
-				<aside class="triage-lane">
-					<div class="lane-header">
-						<v-select 
-							v-model="currentStatusFilter" 
-							:items="statusOptions" 
-							small 
-							placeholder="Status Filter"
-						/>
-					</div>
-					<div class="lane-content scrollbar">
-						<TransitionGroup name="list">
-							<div 
-								v-for="item in filteredItems" 
-								:key="item.id" 
-								class="feedback-card"
-								:class="{ active: selectedItem?.id === item.id }"
-								@click="selectItem(item)"
-							>
-								<div class="card-status-bar" :style="{ background: getStatusColor(item.status || 'open') }"></div>
-								<div class="card-body">
-									<header class="card-header">
-										<span class="card-user">{{ item.user_name }}</span>
-										<span class="card-date">{{ formatDate(item.date_created || item.id) }}</span>
-									</header>
-									<div class="card-text">{{ item.text }}</div>
-									<footer class="card-footer">
-										<div class="meta-tags">
-											<v-chip x-small outline>{{ item.project }}</v-chip>
-											<v-icon :name="item.type === 'bug' ? 'bug_report' : 'lightbulb'" :color="item.type === 'bug' ? '#E91E63' : '#FFC107'" small />
-										</div>
-										<v-icon v-if="selectedItem?.id === item.id" name="chevron_right" small />
-									</footer>
-								</div>
-							</div>
-						</TransitionGroup>
-					</div>
-				</aside>
-
-				<!-- Elaborated Master-Detail Desk -->
-				<main class="processing-desk scrollbar">
-					<Transition name="fade" mode="out-in">
-						<div v-if="selectedItem" :key="selectedItem.id" class="desk-content">
-							<header class="desk-header">
-								<div class="headline-group">
-									<div class="status-indicator">
-										<div class="status-dot" :style="{ background: getStatusColor(selectedItem.status || 'open') }"></div>
-										<span class="status-text">{{ capitalize(selectedItem.status || 'open') }}</span>
-									</div>
-									<h2>{{ selectedItem.user_name }}'s Submission</h2>
-								</div>
-								<div class="header-actions">
-									<v-select
-										v-model="selectedItem.contact_person"
-										:items="peopleOptions"
-										inline
-										placeholder="Bezugsperson..."
-										show-deselect
-										@update:model-value="updatePerson"
-									/>
-									<v-button primary @click="openDeepLink(selectedItem)">
-										<v-icon name="open_in_new" left /> Open & Highlight
-									</v-button>
-									<v-select 
-										v-model="selectedItem.status" 
-										:items="statuses" 
-										inline
-										@update:model-value="updateStatus"
-									/>
-								</div>
-							</header>
-
-							<div class="desk-grid">
-								<!-- Message Container -->
-								<div class="main-column">
-									<v-card class="content-card">
-										<v-card-title>
-											<v-icon name="format_quote" left />
-											Feedback Content
-										</v-card-title>
-										<v-card-text class="feedback-body">
-											<div v-if="selectedItem.screenshot" class="visual-proof">
-												<label class="proof-label"><v-icon name="photo" x-small /> Element Snapshot</label>
-												<img :src="getAssetUrl(selectedItem.screenshot)" class="screenshot-img" />
-											</div>
-											<div class="main-text">{{ selectedItem.text }}</div>
-										</v-card-text>
-									</v-card>
-
-									<section class="reply-section">
-										<div class="section-divider">
-											<v-divider />
-											<span class="divider-label">Internal Communication</span>
-											<v-divider />
-										</div>
-
-										<div class="thread">
-											<TransitionGroup name="thread-list">
-												<div v-for="reply in comments" :key="reply.id" class="reply-bubble">
-													<header class="reply-header">
-														<span class="reply-user">{{ reply.user_name }}</span>
-														<span class="reply-date">{{ formatDate(reply.date_created || reply.id) }}</span>
-													</header>
-													<div class="reply-text">{{ reply.text }}</div>
-												</div>
-											</TransitionGroup>
-											<div v-if="!comments.length" class="empty-state-mini">
-												<v-icon name="auto_awesome" small /> No replies yet. Start the thread.
-											</div>
-										</div>
-
-										<div class="composer">
-											<v-textarea v-model="replyText" placeholder="Compose internal response..." auto-grow />
-											<div class="composer-actions">
-												<v-button secondary :loading="sending" @click="sendReply">Post Reply</v-button>
-											</div>
-										</div>
-									</section>
-								</div>
-
-								<!-- Technical Sidebar -->
-								<aside class="meta-column">
-									<v-card class="meta-card">
-										<v-card-title>Context</v-card-title>
-										<v-card-text class="meta-list">
-											<div class="meta-item">
-												<label><v-icon name="public" x-small /> Website</label>
-												<strong>{{ selectedItem.project }}</strong>
-											</div>
-											<div class="meta-item">
-												<label><v-icon name="link" x-small /> Source Path</label>
-												<span class="truncate-path" :title="selectedItem.url">{{ formatUrl(selectedItem.url) }}</span>
-												<v-button icon small @click="openExternal(selectedItem.url)"><v-icon name="launch" /></v-button>
-											</div>
-											<v-divider />
-											<div class="meta-item">
-												<label><v-icon name="layers" x-small /> Element Trace</label>
-												<code class="trace-code">{{ selectedItem.selector || 'Body' }}</code>
-											</div>
-											<div class="meta-item">
-												<label><v-icon name="location_searching" x-small /> Precise Mark</label>
-												<span class="coords">X: {{ Math.round(selectedItem.x) }}px / Y: {{ Math.round(selectedItem.y) }}px</span>
-											</div>
-											<div class="meta-item">
-												<label><v-icon name="fingerprint" x-small /> Reference ID</label>
-												<code class="id-code">{{ selectedItem.id }}</code>
-											</div>
-										</v-card-text>
-									</v-card>
-
-									<div class="help-box">
-										<v-icon name="help_outline" x-small />
-										<span>Click "Open & Highlight" to jump directly to this element on the live site.</span>
-									</div>
-								</aside>
-							</div>
-						</div>
-						<div v-else class="no-selection-desk">
-							<v-info icon="touch_app" title="Select Feedback" center>
-								Choose an entry from the triage list to view details and process.
-							</v-info>
-						</div>
-					</Transition>
-				</main>
-			</div>
-		</div>
-	</private-view>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue';
-import { useApi } from '@directus/extensions-sdk';
-
-const api = useApi();
-const items = ref([]);
-const comments = ref([]);
-const people = ref([]);
-const loading = ref(true);
-const fetchError = ref(null);
-const sending = ref(false);
-const selectedItem = ref(null);
-const currentProject = ref('all');
-const currentStatusFilter = ref('open');
-const replyText = ref('');
-
-const statuses = [
-	{ text: 'Open', value: 'open', icon: 'warning', color: '#E91E63' },
-	{ text: 'In Progress', value: 'in_progress', icon: 'play_arrow', color: '#2196F3' },
-	{ text: 'Resolved', value: 'resolved', icon: 'check_circle', color: '#4CAF50' }
-];
-
-const statusOptions = [
-	{ text: 'All Statuses', value: 'all' },
-	...statuses
-];
-
-const projects = computed(() => {
-	const projSet = new Set(items.value.map(i => i.project).filter(Boolean));
-	return Array.from(projSet).sort();
-});
-
-const peopleOptions = computed(() => 
-	people.value.map(p => ({
-		text: `${p.first_name} ${p.last_name}`,
-		value: p.id
-	}))
-);
-
-async function fetchData() {
-	loading.value = true;
-	fetchError.value = null;
-	try {
-		const [feedbackRes, peopleRes] = await Promise.all([
-			api.get('/items/visual_feedback', {
-				params: {
-					sort: '-date_created,-id',
-					limit: 300
-				}
-			}),
-			api.get('/items/people', { params: { sort: 'last_name' } })
-		]);
-		items.value = feedbackRes.data.data;
-		people.value = peopleRes.data.data;
-	} catch (e: any) {
-		fetchError.value = e.message;
-	} finally {
-		loading.value = false;
-	}
-}
-
-async function selectItem(item) {
-	selectedItem.value = null; 
-	setTimeout(async () => {
-		selectedItem.value = item;
-		comments.value = [];
-		try {
-			const response = await api.get('/items/visual_feedback_comments', {
-				params: {
-					filter: { feedback_id: { _eq: item.id } },
-					sort: '-date_created,-id'
-				}
-			});
-			comments.value = response.data.data;
-		} catch (e) {
-			console.error(e);
-		}
-	}, 10);
-}
-
-async function updateStatus(val) {
-	if (!selectedItem.value) return;
-	try {
-		await api.patch(`/items/visual_feedback/${selectedItem.value.id}`, {
-			status: val
-		});
-		fetchData();
-	} catch (e) {
-		console.error(e);
-	}
-}
-
-async function updatePerson(val) {
-	if (!selectedItem.value) return;
-	try {
-		await api.patch(`/items/visual_feedback/${selectedItem.value.id}`, {
-			contact_person: val
-		});
-		fetchData();
-	} catch (e) {
-		console.error(e);
-	}
-}
-
-async function sendReply() {
-	if (!replyText.value.trim() || !selectedItem.value) return;
-	sending.value = true;
-	try {
-		const response = await api.post('/items/visual_feedback_comments', {
-			feedback_id: selectedItem.value.id,
-			user_name: 'Operator',
-			text: replyText.value
-		});
-		comments.value.unshift(response.data.data);
-		replyText.value = '';
-	} catch (e) {
-		console.error(e);
-	} finally {
-		sending.value = false;
-	}
-}
-
-function formatDate(dateStr) {
-	if (!dateStr || typeof dateStr === 'number') return 'Legacy';
-	return new Date(dateStr).toLocaleDateString() + ' ' + new Date(dateStr).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-}
-
-function formatUrl(url) {
-	if (!url) return '';
-	return url.replace(/^https?:\/\//, '');
-}
-
-function capitalize(s) {
-	return s.charAt(0).toUpperCase() + s.slice(1).replace('_', ' ');
-}
-
-function getDeepLinkUrl(item) {
-	if (!item || !item.url) return '';
-	try {
-		const url = new URL(item.url);
-		url.searchParams.set('fb_id', item.id);
-		return url.toString();
-	} catch (e) {
-		return item.url + '?fb_id=' + item.id;
-	}
-}
-
-function openDeepLink(item) {
-	const url = getDeepLinkUrl(item);
-	if (url) window.open(url, '_blank');
-}
-
-function openExternal(url) {
-	if (url) window.open(url, '_blank');
-}
-
-function getAssetUrl(id) {
-	if (!id) return '';
-	return `/assets/${id}`;
-}
-
-function getStatusColor(status) {
-	const s = statuses.find(st => st.value === status);
-	return s ? s.color : 'var(--foreground-subdued)';
-}
-
-onMounted(() => {
-	fetchData();
-});
-</script>
-
-<style scoped>
-.feedback-container {
-	height: calc(100vh - 64px);
-	display: flex;
-	flex-direction: column;
-	background: var(--background-subdued);
-}
-
-.operational-layout {
-	display: flex;
-	height: 100%;
-}
-
-/* Triage Lane Polish */
-.triage-lane {
-	width: 360px;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	background: var(--background-normal);
-	border-right: 1px solid var(--border-normal);
-	box-shadow: 2px 0 8px rgba(0,0,0,0.02);
-}
-
-.lane-header {
-	padding: 16px;
-	background: var(--background-normal);
-	border-bottom: 1px solid var(--border-normal);
-}
-
-.lane-content {
-	flex: 1;
-	overflow-y: auto;
-	padding: 12px;
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-}
-
-.feedback-card {
-	background: var(--background-normal);
-	border: 1px solid var(--border-subdued);
-	border-radius: 8px;
-	display: flex;
-	overflow: hidden;
-	cursor: pointer;
-	transition: all var(--transition);
-}
-
-.feedback-card:hover {
-	border-color: var(--border-normal);
-	background: var(--background-subdued);
-	transform: translateY(-1px);
-	box-shadow: 0 4px 8px rgba(0,0,0,0.04);
-}
-
-.feedback-card.active {
-	border-color: var(--primary);
-	background: var(--background-accent);
-	box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.1);
-}
-
-.card-status-bar {
-	width: 4px;
-}
-
-.card-body {
-	flex: 1;
-	padding: 12px;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
-
-.card-header {
-	display: flex;
-	justify-content: space-between;
-	font-size: 11px;
-}
-
-.card-user { font-weight: bold; color: var(--foreground-normal); }
-.card-date { color: var(--foreground-subdued); }
-
-.card-text {
-	font-size: 13px;
-	line-height: 1.5;
-	color: var(--foreground-normal);
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-}
-
-.card-footer {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.meta-tags {
-	display: flex;
-	gap: 8px;
-	align-items: center;
-}
-
-/* Processing Desk Refinement */
-.processing-desk {
-	flex: 1;
-	height: 100%;
-	overflow-y: auto;
-	padding: 32px;
-}
-
-.desk-content {
-	max-width: 1100px;
-	margin: 0 auto;
-}
-
-.desk-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: flex-end;
-	margin-bottom: 32px;
-	border-bottom: 2px solid var(--border-normal);
-	padding-bottom: 20px;
-}
-
-.headline-group {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
-
-.status-indicator {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	font-size: 12px;
-	font-weight: bold;
-	text-transform: uppercase;
-	color: var(--foreground-subdued);
-}
-
-.status-dot {
-	width: 8px;
-	height: 8px;
-	border-radius: 50%;
-}
-
-.status-text { letter-spacing: 0.5px; }
-
-.header-actions {
-	display: flex;
-	gap: 16px;
-	align-items: center;
-}
-
-.desk-grid {
-	display: grid;
-	grid-template-columns: 1fr 300px;
-	gap: 24px;
-	align-items: start;
-}
-
-.content-card {
-	border-radius: 12px;
-	overflow: hidden;
-}
-
-.feedback-body {
-	font-size: 18px;
-	line-height: 1.6;
-	padding: 24px;
-	color: var(--foreground-normal);
-	display: flex;
-	flex-direction: column;
-	gap: 20px;
-}
-
-.visual-proof {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
-
-.proof-label {
-	font-size: 10px;
-	text-transform: uppercase;
-	font-weight: 800;
-	color: var(--foreground-subdued);
-	letter-spacing: 0.5px;
-}
-
-.screenshot-img {
-	width: 100%;
-	border-radius: 8px;
-	border: 1px solid var(--border-normal);
-	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-	background: var(--background-subdued);
-}
-
-.main-text {
-	white-space: pre-wrap;
-}
-
-.reply-section {
-	margin-top: 40px;
-}
-
-.section-divider {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-	margin-bottom: 24px;
-}
-
-.divider-label {
-	font-size: 11px;
-	text-transform: uppercase;
-	font-weight: 800;
-	color: var(--foreground-subdued);
-	white-space: nowrap;
-	letter-spacing: 1px;
-}
-
-.thread {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	margin-bottom: 32px;
-}
-
-.reply-bubble {
-	padding: 16px;
-	border-radius: 12px;
-	background: var(--background-normal);
-	border: 1px solid var(--border-subdued);
-}
-
-.reply-header {
-	display: flex;
-	justify-content: space-between;
-	font-size: 11px;
-	margin-bottom: 8px;
-}
-
-.reply-user { font-weight: 800; color: var(--primary); }
-.reply-date { color: var(--foreground-subdued); }
-
-.reply-text { font-size: 14px; line-height: 1.5; }
-
-.composer {
-	background: var(--background-normal);
-	border: 1px solid var(--border-normal);
-	border-radius: 12px;
-	padding: 16px;
-}
-
-.composer-actions {
-	display: flex;
-	justify-content: flex-end;
-	margin-top: 12px;
-}
-
-.meta-card {
-	border-radius: 12px;
-}
-
-.meta-list {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	padding: 16px;
-}
-
-.meta-item {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	font-size: 13px;
-}
-
-.meta-item label {
-	font-size: 10px;
-	text-transform: uppercase;
-	font-weight: bold;
-	color: var(--foreground-subdued);
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.truncate-path {
-	color: var(--primary);
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.trace-code, .id-code {
-	background: var(--background-subdued);
-	padding: 4px 8px;
-	border-radius: 4px;
-	font-size: 11px;
-	word-break: break-all;
-}
-
-.coords { font-weight: bold; font-family: var(--family-monospace); }
-
-.help-box {
-	margin-top: 20px;
-	padding: 16px;
-	background: rgba(var(--primary-rgb), 0.05);
-	border-radius: 12px;
-	font-size: 12px;
-	color: var(--primary);
-	display: flex;
-	gap: 8px;
-	line-height: 1.4;
-}
-
-.no-selection-desk {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.empty-state-mini {
-	text-align: center;
-	padding: 24px;
-	font-size: 12px;
-	color: var(--foreground-subdued);
-	background: var(--background-subdued);
-	border-radius: 12px;
-	border: 1px dashed var(--border-normal);
-}
-
-/* Animations */
-.list-enter-active, .list-leave-active { transition: all 0.3s ease; }
-.list-enter-from, .list-leave-to { opacity: 0; transform: translateX(-20px); }
-
-.fade-enter-active, .fade-leave-active { transition: opacity 0.2s ease, transform 0.2s ease; }
-.fade-enter-from { opacity: 0; transform: translateY(10px); }
-.fade-leave-to { opacity: 0; transform: translateY(-10px); }
-
-.thread-list-enter-active { transition: all 0.4s ease; transform-origin: top; }
-.thread-list-enter-from { opacity: 0; transform: scaleY(0.9); }
-
-.scrollbar::-webkit-scrollbar { width: 6px; }
-.scrollbar::-webkit-scrollbar-track { background: transparent; }
-.scrollbar::-webkit-scrollbar-thumb { background: var(--border-subdued); border-radius: 3px; }
-.scrollbar::-webkit-scrollbar-thumb:hover { background: var(--border-normal); }
-</style>

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

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

packages/cms-infra/extensions/people-manager/src/module.vue

@@ -1,296 +0,0 @@
-<template>
-	<private-view title="People Manager">
-		<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 Person anlegen" />
-					</v-list-item-content>
-				</v-list-item>
-
-				<v-divider />
-
-				<v-list-item
-					v-for="person in people"
-					:key="person.id"
-					:active="selectedPerson?.id === person.id"
-					class="person-item"
-					clickable
-					@click="selectPerson(person)"
-				>
-					<v-list-item-icon>
-						<v-icon name="person" />
-					</v-list-item-icon>
-					<v-list-item-content>
-						<v-text-overflow :text="`${person.first_name} ${person.last_name}`" />
-					</v-list-item-content>
-				</v-list-item>
-			</v-list>
-		</template>
-
-		<div class="content-wrapper">
-			<v-notice v-if="feedback" :type="feedback.type" @close="feedback = null" dismissible>
-				{{ feedback.message }}
-			</v-notice>
-
-			<div v-if="!selectedPerson" class="empty-state">
-				<v-info title="Person auswählen" icon="person" center>
-					Wähle eine Person in der Navigation aus oder
-					<v-button x-small @click="openCreateDrawer">erstelle eine neue Person</v-button>.
-				</v-info>
-			</div>
-
-			<div v-else>
-				<header class="header">
-					<div class="header-left">
-						<h1 class="title">{{ selectedPerson.first_name }} {{ selectedPerson.last_name }}</h1>
-						<p class="subtitle">{{ selectedPerson.email || 'Keine E-Mail angegeben' }}</p>
-					</div>
-
-					<div class="header-right">
-						<v-button secondary rounded icon v-tooltip="'Person bearbeiten'" @click="openEditDrawer">
-							<v-icon name="edit" />
-						</v-button>
-						<v-button danger rounded icon v-tooltip="'Person löschen'" @click="deletePerson">
-							<v-icon name="delete" />
-						</v-button>
-					</div>
-				</header>
-
-				<v-divider />
-
-				<div class="details-grid">
-					<div class="detail-item">
-						<span class="label">Organisation</span>
-						<p class="value">{{ selectedPerson.company || '---' }}</p>
-					</div>
-					<div class="detail-item">
-						<span class="label">Telefon</span>
-						<p class="value">{{ selectedPerson.phone || '---' }}</p>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- Create/Edit Drawer -->
-		<v-drawer
-			v-model="drawerActive"
-			:title="isEditing ? 'Person bearbeiten' : 'Neue Person anlegen'"
-			icon="person"
-			@cancel="drawerActive = false"
-		>
-			<template #default>
-				<div class="drawer-content">
-					<div class="form-section">
-						<div class="field">
-							<span class="label">Vorname</span>
-							<v-input v-model="form.first_name" placeholder="Vorname" autofocus />
-						</div>
-						<div class="field">
-							<span class="label">Nachname</span>
-							<v-input v-model="form.last_name" placeholder="Nachname" />
-						</div>
-						<div class="field">
-							<span class="label">E-Mail</span>
-							<v-input v-model="form.email" placeholder="email@beispiel.de" type="email" />
-						</div>
-						<div class="field">
-							<span class="label">Organisation / Firma</span>
-							<v-input v-model="form.company" placeholder="z.B. Mintel" />
-						</div>
-						<div class="field">
-							<span class="label">Telefon</span>
-							<v-input v-model="form.phone" placeholder="+49 ..." />
-						</div>
-					</div>
-
-					<div class="drawer-actions">
-						<v-button primary block :loading="saving" @click="savePerson">
-							Person speichern
-						</v-button>
-					</div>
-				</div>
-			</template>
-		</v-drawer>
-	</private-view>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import { useApi } from '@directus/extensions-sdk';
-
-const api = useApi();
-const people = ref([]);
-const selectedPerson = ref(null);
-const feedback = ref(null);
-const saving = ref(false);
-const drawerActive = ref(false);
-const isEditing = ref(false);
-
-const form = ref({
-	id: null,
-	first_name: '',
-	last_name: '',
-	email: '',
-	company: '',
-	phone: ''
-});
-
-async function fetchPeople() {
-	try {
-		const response = await api.get('/items/people', {
-			params: { sort: 'last_name' }
-		});
-		people.ref = response.data.data;
-	} catch (error) {
-		console.error('Failed to fetch people:', error);
-	}
-}
-
-function selectPerson(person) {
-	selectedPerson.value = person;
-}
-
-function openCreateDrawer() {
-	isEditing.value = false;
-	form.value = { id: null, first_name: '', last_name: '', email: '', company: '', phone: '' };
-	drawerActive.value = true;
-}
-
-function openEditDrawer() {
-	isEditing.value = true;
-	form.value = { ...selectedPerson.value };
-	drawerActive.value = true;
-}
-
-async function savePerson() {
-	if (!form.value.first_name || !form.value.last_name) {
-		feedback.value = { type: 'danger', message: 'Vor- und Nachname sind erforderlich.' };
-		return;
-	}
-
-	saving.value = true;
-	try {
-		if (isEditing.value) {
-			await api.patch(`/items/people/${form.value.id}`, form.value);
-			feedback.value = { type: 'success', message: 'Person aktualisiert!' };
-		} else {
-			await api.post('/items/people', form.value);
-			feedback.value = { type: 'success', message: 'Person angelegt!' };
-		}
-		drawerActive.value = false;
-		await fetchPeople();
-		if (isEditing.value) {
-			selectedPerson.value = form.value;
-		}
-	} catch (error) {
-		feedback.value = { type: 'danger', message: error.message };
-	} finally {
-		saving.value = false;
-	}
-}
-
-async function deletePerson() {
-	if (!confirm('Soll diese Person wirklich gelöscht werden?')) return;
-	
-	try {
-		await api.delete(`/items/people/${selectedPerson.value.id}`);
-		feedback.value = { type: 'success', message: 'Person gelöscht.' };
-		selectedPerson.value = null;
-		await fetchPeople();
-	} catch (error) {
-		feedback.value = { type: 'danger', message: error.message };
-	}
-}
-
-onMounted(fetchPeople);
-</script>
-
-<style scoped>
-.content-wrapper {
-	padding: 32px;
-	height: 100%;
-}
-
-.header {
-	margin-bottom: 24px;
-	display: flex;
-	justify-content: space-between;
-	align-items: flex-end;
-}
-
-.title {
-	font-size: 24px;
-	font-weight: 800;
-	margin-bottom: 4px;
-}
-
-.subtitle {
-	color: var(--theme--foreground-subdued);
-	font-size: 14px;
-}
-
-.header-right {
-	display: flex;
-	gap: 12px;
-}
-
-.empty-state {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.details-grid {
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	gap: 32px;
-	margin-top: 32px;
-}
-
-.detail-item {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
-
-.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/cms-infra/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@mintel/cms-infra",
-  "version": "1.7.0",
+  "version": "1.7.10",
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "pnpm --filter \"./extensions/**\" build",
-    "dev": "pnpm --filter \"./extensions/**\" dev",
-    "up": "docker compose up -d",
-    "up:build": "docker compose up -d --build",
+    "up": "npm run build:extensions && docker compose up -d",
     "down": "docker compose down",
-    "logs": "docker compose logs -f"
+    "logs": "docker compose logs -f",
+    "build:extensions": "../../scripts/sync-extensions.sh"
   }
-}
+}

packages/cms-infra/packages/cms-infra/extensions/test/index.js

@@ -1,3 +0,0 @@
-export default (router) => {
-    router.get('/ping', (req, res) => res.send('pong'));
-};

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

@@ -1,10 +0,0 @@
-{
-    "name": "test-extension",
-    "version": "1.0.0",
-    "type": "module",
-    "directus:extension": {
-        "type": "endpoint",
-        "path": "index.js",
-        "host": "^11.0.0"
-    }
-}

packages/cms-infra/schema/snapshot.yaml

@@ -98,202 +98,7 @@ collections:
       versioning: false
     schema:
       name: visual_feedback_comments
-  - collection: leads
-    meta:
-      accountability: all
-      archive_app_filter: true
-      collapse: open
-      collection: leads
-      color: '#4CAF50'
-      display_template: '{{company_name}} ({{status}})'
-      group: null
-      hidden: false
-      icon: auto_awesome
-      note: "Leads for automated acquisition"
-      singleton: false
-    schema:
-      name: leads
 fields:
-  - collection: leads
-    field: id
-    type: uuid
-    meta:
-      collection: leads
-      field: id
-      hidden: true
-      interface: input
-      readonly: true
-      special:
-        - uuid
-    schema:
-      name: id
-      table: leads
-      data_type: uuid
-      is_primary_key: true
-  - collection: leads
-    field: company_name
-    type: string
-    meta:
-      collection: leads
-      field: company_name
-      interface: input
-      width: half
-    schema:
-      name: company_name
-      table: leads
-      data_type: varchar
-      max_length: 255
-  - collection: leads
-    field: website_url
-    type: string
-    meta:
-      collection: leads
-      field: website_url
-      interface: input
-      width: half
-    schema:
-      name: website_url
-      table: leads
-      data_type: varchar
-      max_length: 255
-  - collection: leads
-    field: contact_name
-    type: string
-    meta:
-      collection: leads
-      field: contact_name
-      interface: input
-      width: half
-    schema:
-      name: contact_name
-      table: leads
-      data_type: varchar
-      max_length: 255
-  - collection: leads
-    field: contact_email
-    type: string
-    meta:
-      collection: leads
-      field: contact_email
-      interface: input
-      width: half
-    schema:
-      name: contact_email
-      table: leads
-      data_type: varchar
-      max_length: 255
-  - collection: leads
-    field: status
-    type: string
-    meta:
-      collection: leads
-      field: status
-      interface: select-dropdown
-      options:
-        choices:
-          - text: New
-            value: new
-          - text: Auditing
-            value: auditing
-          - text: Audit Ready
-            value: audit_ready
-          - text: Contacted
-            value: contacted
-          - text: Follow-up
-            value: follow_up
-          - text: Responding
-            value: responding
-          - text: Converted
-            value: converted
-          - text: Lost
-            value: lost
-      width: half
-    schema:
-      name: status
-      table: leads
-      data_type: varchar
-      default_value: new
-      max_length: 50
-  - collection: leads
-    field: briefing
-    type: text
-    meta:
-      collection: leads
-      field: briefing
-      interface: input-multiline
-      width: full
-    schema:
-      name: briefing
-      table: leads
-      data_type: text
-  - collection: leads
-    field: comments
-    type: text
-    meta:
-      collection: leads
-      field: comments
-      interface: input-multiline
-      width: full
-    schema:
-      name: comments
-      table: leads
-      data_type: text
-  - collection: leads
-    field: ai_state
-    type: json
-    meta:
-      collection: leads
-      field: ai_state
-      interface: input-code
-      options:
-        language: json
-      width: full
-    schema:
-      name: ai_state
-      table: leads
-      data_type: json
-  - collection: leads
-    field: audit_context
-    type: text
-    meta:
-      collection: leads
-      field: audit_context
-      interface: input-multiline
-      width: full
-    schema:
-      name: audit_context
-      table: leads
-      data_type: text
-  - collection: leads
-    field: date_created
-    type: timestamp
-    meta:
-      collection: leads
-      field: date_created
-      interface: datetime
-      readonly: true
-      special:
-        - date-created
-      width: half
-    schema:
-      name: date_created
-      table: leads
-      data_type: datetime
-  - collection: leads
-    field: date_updated
-    type: timestamp
-    meta:
-      collection: leads
-      field: date_updated
-      interface: datetime
-      readonly: true
-      special:
-        - date-updated
-      width: half
-    schema:
-      name: date_updated
-      table: leads
-      data_type: datetime
   - collection: client_users
     field: id
     type: uuid

packages/cms-infra/scripts/bootstrap-schema.sh

@@ -1,75 +0,0 @@
-#!/bin/bash
-
-# Configuration
-API_URL="http://localhost:8059"
-EMAIL="marc@mintel.me"
-PASSWORD="Tim300493."
-
-echo "Logging in to Directus..."
-TOKEN=$(curl -s -X POST "${API_URL}/auth/login" \
-  -H "Content-Type: application/json" \
-  -d "{\"email\":\"${EMAIL}\", \"password\":\"${PASSWORD}\"}" | grep -o '"access_token":"[^"]*' | cut -d'"' -f4)
-
-if [ -z "$TOKEN" ]; then
-  echo "Login failed!"
-  exit 1
-fi
-
-echo "Hiding 'leads' collection..."
-curl -s -X PATCH "${API_URL}/collections/leads" \
-  -H "Authorization: Bearer ${TOKEN}" \
-  -H "Content-Type: application/json" \
-  -d '{"meta": {"hidden": true}}'
-
-echo "Creating 'people' collection..."
-curl -s -X POST "${API_URL}/collections" \
-  -H "Authorization: Bearer ${TOKEN}" \
-  -H "Content-Type: application/json" \
-  -d '{
-    "collection": "people",
-    "schema": {},
-    "meta": {
-      "icon": "person",
-      "display_template": "{{first_name}} {{last_name}}",
-      "show_status_indicator": true
-    }
-  }'
-
-echo "Adding fields to 'people'..."
-FIELDS='[
-  {"field": "first_name", "type": "string", "meta": {"interface": "input", "width": "half"}},
-  {"field": "last_name", "type": "string", "meta": {"interface": "input", "width": "half"}},
-  {"field": "email", "type": "string", "meta": {"interface": "input", "width": "half"}},
-  {"field": "phone", "type": "string", "meta": {"interface": "input", "width": "half"}},
-  {"field": "company", "type": "string", "meta": {"interface": "input", "width": "full"}}
-]'
-
-for field in $(echo "${FIELDS}" | jq -c '.[]'); do
-  curl -s -X POST "${API_URL}/fields/people" \
-    -H "Authorization: Bearer ${TOKEN}" \
-    -H "Content-Type: application/json" \
-    -d "${field}"
-done
-
-echo "Adding 'contact_person' to 'leads', 'client_users', and 'visual_feedback'..."
-for collection in leads client_users visual_feedback; do
-  curl -s -X POST "${API_URL}/fields/${collection}" \
-    -H "Authorization: Bearer ${TOKEN}" \
-    -H "Content-Type: application/json" \
-    -d '{
-      "field": "contact_person",
-      "type": "uuid",
-      "meta": {
-        "interface": "select-dropdown-m2o",
-        "options": {
-          "template": "{{first_name}} {{last_name}}"
-        }
-      },
-      "schema": {
-        "foreign_key_column": "id",
-        "foreign_key_table": "people"
-      }
-    }'
-done
-
-echo "Done!"

packages/customer-manager/package.json

@@ -2,7 +2,8 @@
   "name": "customer-manager",
   "description": "Custom High-Fidelity Customer & Company Management for Directus",
   "icon": "supervisor_account",
-  "version": "1.7.0",
+  "version": "1.7.10",
+  "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
@@ -19,7 +20,7 @@
     "name": "Customer Manager"
   },
   "scripts": {
-    "build": "directus-extension build",
+    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
     "dev": "directus-extension build -w"
   },
   "devDependencies": {

packages/eslint-config/package.json

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

packages/feedback-commander/package.json

@@ -1,8 +1,9 @@
 {
-  "name": "@mintel/extension-feedback-commander",
+  "name": "feedback-commander",
   "description": "Custom High-Fidelity Feedback Management Extension for Directus",
   "icon": "view_kanban",
-  "version": "1.7.0",
+  "version": "1.7.10",
+  "type": "module",
   "keywords": [
     "directus",
     "directus-extension",
@@ -13,13 +14,13 @@
   ],
   "directus:extension": {
     "type": "module",
-    "path": "dist/index.js",
+    "path": "index.js",
     "source": "src/index.ts",
     "host": "*",
     "name": "Feedback Commander"
   },
   "scripts": {
-    "build": "directus-extension build",
+    "build": "directus-extension build && (cp -f dist/index.js index.js 2>/dev/null || true)",
     "dev": "directus-extension build -w"
   },
   "devDependencies": {

packages/gatekeeper/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/gatekeeper",
-  "version": "1.7.0",
+  "version": "1.7.12",
   "private": true,
   "type": "module",
   "scripts": {
@@ -33,4 +33,4 @@
     "tailwindcss": "^3.4.17",
     "typescript": "^5.0.0"
   }
-}
+}

packages/gatekeeper/src/app/api/verify/route.ts

@@ -11,6 +11,8 @@ export async function GET(req: NextRequest) {
 
   // 1. URL Parameter Bypass (for automated tests/staging)
   const originalUrl = req.headers.get("x-forwarded-uri") || "/";
+
+  console.log(`[Verify] Check: ${originalUrl} | Cookie: ${session ? "Found" : "Missing"}`);
   const host =
     req.headers.get("x-forwarded-host") || req.headers.get("host") || "";
   const proto = req.headers.get("x-forwarded-proto") || "https";
@@ -54,15 +56,17 @@ export async function GET(req: NextRequest) {
   if (session?.value) {
     if (session.value === password) {
       isAuthenticated = true;
+      console.log(`[Verify] Legacy password match`);
     } else {
       try {
         const payload = JSON.parse(session.value);
         if (payload.identity) {
           isAuthenticated = true;
           identity = payload.identity;
+          console.log(`[Verify] Identity verified: ${identity}`);
         }
       } catch (_e) {
-        // Fallback or old format
+        console.log(`[Verify] JSON Parse failed for cookie: ${session.value.substring(0, 10)}...`);
       }
     }
   }

packages/gatekeeper/src/app/login/page.tsx

@@ -17,8 +17,8 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
   async function login(formData: FormData) {
     "use server";
 
-    const email = formData.get("email") as string;
-    const password = formData.get("password") as string;
+    const email = (formData.get("email") as string || "").trim();
+    const password = (formData.get("password") as string || "").trim();
 
     const expectedCode = process.env.GATEKEEPER_PASSWORD || "mintel";
     const adminEmail = process.env.DIRECTUS_ADMIN_EMAIL;
@@ -31,19 +31,19 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
     let userIdentity = "";
     let userCompany: any = null;
 
-    // 1. Check Global Admin (from ENV)
-    if (
+    // 1. Check Generic Code (Guest) - High Priority to prevent autofill traps
+    if (password === expectedCode) {
+      userIdentity = "Guest";
+    }
+    // 2. Check Global Admin (from ENV)
+    else if (
       adminEmail &&
       adminPassword &&
-      email === adminEmail &&
-      password === adminPassword
+      email === adminEmail.trim() &&
+      password === adminPassword.trim()
     ) {
       userIdentity = "Admin";
     }
-    // 2. Check Generic Code (Guest)
-    else if (!email && password === expectedCode) {
-      userIdentity = "Guest";
-    }
     // 3. Check Lightweight Client Users (dedicated collection)
     if (email && password && process.env.INFRA_DIRECTUS_URL) {
       try {
@@ -116,6 +116,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
     }
 
     if (userIdentity) {
+      console.log(`[Login] Success: ${userIdentity} | Redirect: ${targetRedirect}`);
       const cookieStore = await cookies();
       // Store identity in the cookie (simplified for now, ideally signed)
       const sessionValue = JSON.stringify({
@@ -126,6 +127,8 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
 
       const isDev = process.env.NODE_ENV === "development";
 
+      console.log(`[Login] Setting Cookie: ${authCookieName} | Domain: ${cookieDomain || "Default"}`);
+
       cookieStore.set(authCookieName, sessionValue, {
         httpOnly: true,
         secure: !isDev,
@@ -136,6 +139,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
       });
       redirect(targetRedirect);
     } else {
+      console.log(`[Login] Failed for inputs. Redirecting back with error.`);
       redirect(`/login?error=1&redirect=${encodeURIComponent(targetRedirect)}`);
     }
   }

packages/husky-config/package.json

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

packages/infra/docker/Dockerfile.app-template

@@ -1,6 +1,5 @@
 # Start from the pre-built Nextjs Base image
-ARG IMAGE_TAG=latest
-FROM registry.infra.mintel.me/mintel/nextjs:${IMAGE_TAG} AS builder
+FROM registry.infra.mintel.me/mintel/nextjs:latest AS builder
 
 WORKDIR /app
 
@@ -21,7 +20,7 @@ ENV DIRECTUS_URL=$DIRECTUS_URL
 RUN pnpm --filter ${APP_NAME:-app} build
 
 # Production runner image
-FROM registry.infra.mintel.me/mintel/runtime:${IMAGE_TAG} AS runner
+FROM registry.infra.mintel.me/mintel/runtime:latest AS runner
 WORKDIR /app
 
 # Copy standalone output and static files

packages/infra/docker/Dockerfile.nextjs

@@ -1,38 +1,13 @@
-# Step 1: Builder image
-FROM node:20-alpine AS builder
+# Step 1: Base image for Next.js builds
+FROM node:20-alpine
 RUN apk add --no-cache libc6-compat curl
+
+# Enable pnpm
+RUN corepack enable pnpm && \
+    corepack prepare pnpm@10.2.0 --activate
+
 WORKDIR /app
-RUN corepack enable pnpm
 
-# Step 2: Install dependencies
-ENV NPM_TOKEN=placeholder
-# Copy manifest files specifically for better layer caching
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json .npmrc ./
-# Copy package manifest files individually to preserve directory structure
-COPY packages/cli/package.json ./packages/cli/
-COPY packages/cms-infra/package.json ./packages/cms-infra/
-COPY packages/customer-manager/package.json ./packages/customer-manager/
-COPY packages/eslint-config/package.json ./packages/eslint-config/
-COPY packages/feedback-commander/package.json ./packages/feedback-commander/
-COPY packages/gatekeeper/package.json ./packages/gatekeeper/
-COPY packages/husky-config/package.json ./packages/husky-config/
-COPY packages/infra/package.json ./packages/infra/
-COPY packages/mail/package.json ./packages/mail/
-COPY packages/next-config/package.json ./packages/next-config/
-COPY packages/next-feedback/package.json ./packages/next-feedback/
-COPY packages/next-observability/package.json ./packages/next-observability/
-COPY packages/next-utils/package.json ./packages/next-utils/
-COPY packages/observability/package.json ./packages/observability/
-COPY packages/tsconfig/package.json ./packages/tsconfig/
-# packages/ui does not have a package.json
-
-# Use a secret for NPM_TOKEN and a standardized cache mount
-RUN --mount=type=cache,id=pnpm,target=/pnpm/store \
-    --mount=type=secret,id=NPM_TOKEN \
-    export NPM_TOKEN=$(cat /run/secrets/NPM_TOKEN) && \
-    pnpm config set store-dir /pnpm/store && \
-    pnpm i --frozen-lockfile
-
-# Step 3: Build shared packages
-COPY . .
-RUN pnpm --filter "./packages/*" -r build
+# Final environment
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1

packages/infra/gitea/deploy-action.yml

@@ -275,6 +275,10 @@ jobs:
             docker system prune -f --filter "until=24h"
           EOF
 
+      - name: 🧹 Post-Deploy Cleanup (Runner)
+        if: always()
+        run: docker builder prune -f --filter "until=1h"
+
   # ──────────────────────────────────────────────────────────────────────────────
   # JOB 5: Notifications
   # ──────────────────────────────────────────────────────────────────────────────

packages/infra/package.json

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

packages/infra/scripts/prune-registry.sh

@@ -2,7 +2,7 @@
 set -e
 
 # Configuration
-REGISTRY_DATA="/opt/infra/registry/data/docker/registry/v2"
+REGISTRY_DATA="/mnt/HC_Volume_104575103/registry-data/docker/registry/v2"
 KEEP_TAGS=3
 
 echo "🏥 Starting Aggressive Registry & Docker Maintenance..."
@@ -15,31 +15,26 @@ for repo_dir in "$REGISTRY_DATA/repositories/mintel/"*; do
     if [ -d "$tags_dir" ]; then
         echo "🔍 Processing repository: mintel/$repo_name"
         
-        # Prune main-* tags
-        echo "  📦 Pruning main tags..."
-        main_tags=$(ls -dt "$tags_dir"/main-* 2>/dev/null || true)
-        count=0
-        for tag_path in $main_tags; do
-            ((++count))
-            if [ $count -gt $KEEP_TAGS ]; then
-                echo "    🗑️ Deleting old main tag: $(basename "$tag_path")"
-                rm -rf "$tag_path"
-            fi
+        # Prune various tag patterns
+        PATTERNS=("main-*" "testing-*" "branch-*" "v*" "rc*" "[0-9a-f]*")
+        
+        for pattern in "${PATTERNS[@]}"; do
+            echo "  📦 Pruning $pattern tags..."
+            tags=$(ls -dt "$tags_dir"/${pattern} 2>/dev/null || true)
+            count=0
+            for tag_path in $tags; do
+                tag_name=$(basename "$tag_path")
+                if [[ "$tag_name" == "latest" ]]; then continue; fi
+                
+                ((++count))
+                if [ $count -gt $KEEP_TAGS ]; then
+                    echo "    🗑️ Deleting old tag: $tag_name"
+                    rm -rf "$tag_path"
+                fi
+            done
         done
 
-        # Prune version tags (v* and rc*)
-        echo "  🏷️ Pruning version tags..."
-        version_tags=$(ls -dt "$tags_dir"/v1* 2>/dev/null || true)
-        count=0
-        for tag_path in $version_tags; do
-            ((++count))
-            if [ $count -gt $KEEP_TAGS ]; then
-                echo "    🗑️ Deleting old version tag: $(basename "$tag_path")"
-                rm -rf "$tag_path"
-            fi
-        done
-
-        # Always prune buildcache (as it rebuilds quickly)
+        # Always prune buildcache
         if [ -d "$tags_dir/buildcache" ]; then
             echo "  🧹 Deleting buildcache tag"
             rm -rf "$tags_dir/buildcache"
@@ -49,7 +44,7 @@ done
 
 # 2. Run Garbage Collection
 echo "♻️ Running Registry Garbage Collection..."
-docker exec registry-registry-1 bin/registry garbage-collect /etc/docker/registry/config.yml
+docker exec registry-registry-1 bin/registry garbage-collect /etc/docker/registry/config.yml --delete-untagged
 
 # 3. Prune Host Docker resources (Shorter window: 24h)
 echo "🧹 Pruning Host Docker resources..."

packages/infra/scripts/wait-for-upstream.sh

@@ -0,0 +1,90 @@
+#!/bin/bash
+set -e
+
+# wait-for-upstream.sh
+# Usage: ./wait-for-upstream.sh <org/repo> <version_tag> [poll_interval_sec]
+
+REPO=$1
+TAG=$2
+INTERVAL=${3:-30}
+MAX_RETRIES=40 # ~20 minutes default
+
+if [[ -z "$REPO" || -z "$TAG" ]]; then
+  echo "❌ Error: REPO and TAG are required."
+  echo "Usage: $0 <org/repo> <version_tag>"
+  exit 1
+fi
+
+if [[ -z "$GITEA_TOKEN" ]]; then
+  echo "❌ Error: GITEA_TOKEN is not set."
+  exit 1
+fi
+
+GITEA_API="https://git.infra.mintel.me/api/v1"
+
+echo "🔎 Searching for upstream release $TAG in $REPO..."
+
+# 1. Find the run for the specific tag
+# We look for runs on the specific ref (refs/tags/vX.Y.Z)
+RUN_QUERY=$(curl -s -H "Authorization: token $GITEA_TOKEN" "$GITEA_API/repos/$REPO/actions/runs?ref=refs/tags/$TAG")
+
+# Gitea returns a list of runs. We take the latest one by creation date.
+RUN_ID=$(echo "$RUN_QUERY" | jq -r '.workflow_runs | sort_by(.created_at) | last | .id // empty')
+
+if [[ -z "$RUN_ID" || "$RUN_ID" == "null" ]]; then
+  echo "ℹ️ No recent action run found for tag $TAG in $REPO."
+  echo "🔎 Checking if tag $TAG exists in the repository..."
+  
+  TAG_EXISTS=$(curl -s -o /dev/null -w "%{http_code}" -H "Authorization: token $GITEA_TOKEN" "$GITEA_API/repos/$REPO/tags/$TAG")
+  
+  if [[ "$TAG_EXISTS" == "200" ]]; then
+    echo "✅ Tag $TAG exists. Assuming it was released successfully in the past."
+    exit 0
+  fi
+
+  echo "⚠️ Warning: Tag $TAG not found either. Upstream might be lagging or the version is invalid."
+  echo "   Waiting 15s to see if it appears..."
+  sleep 15
+  
+  RUN_QUERY=$(curl -s -H "Authorization: token $GITEA_TOKEN" "$GITEA_API/repos/$REPO/actions/runs?ref=refs/tags/$TAG")
+  RUN_ID=$(echo "$RUN_QUERY" | jq -r '.workflow_runs[0].id // empty')
+  
+  if [[ -z "$RUN_ID" || "$RUN_ID" == "null" ]]; then
+     # Final check for tag
+     TAG_EXISTS=$(curl -s -o /dev/null -w "%{http_code}" -H "Authorization: token $GITEA_TOKEN" "$GITEA_API/repos/$REPO/tags/$TAG")
+     if [[ "$TAG_EXISTS" == "200" ]]; then
+       echo "✅ Tag $TAG finally detected. Proceeding."
+       exit 0
+     fi
+     echo "❌ Error: Could not find any action run OR tag for $TAG in $REPO."
+     exit 1
+  fi
+fi
+
+echo "⏳ Waiting for upstream run $RUN_ID status..."
+
+RETRY_COUNT=0
+while [ $RETRY_COUNT -lt $MAX_RETRIES ]; do
+  STATUS_QUERY=$(curl -s -H "Authorization: token $GITEA_TOKEN" "$GITEA_API/repos/$REPO/actions/runs/$RUN_ID")
+  STATUS=$(echo "$STATUS_QUERY" | jq -r '.status')
+  CONCLUSION=$(echo "$STATUS_QUERY" | jq -r '.conclusion')
+
+  echo "   - Current Status: $STATUS (Conclusion: $CONCLUSION)"
+
+  if [[ "$STATUS" == "success" || "$CONCLUSION" == "success" ]]; then
+    echo "✅ Upstream release $TAG is READY."
+    exit 0
+  fi
+
+  if [[ "$STATUS" == "failure" || "$CONCLUSION" == "failure" || "$CONCLUSION" == "cancelled" ]]; then
+    echo "❌ Error: Upstream release $TAG FAILED or was CANCELLED."
+    exit 1
+  fi
+
+  echo "   - Still working... waiting $INTERVAL seconds (Attempt $((RETRY_COUNT+1))/$MAX_RETRIES)"
+  sleep $INTERVAL
+  RETRY_COUNT=$((RETRY_COUNT+1))
+done
+
+echo "❌ Error: Timeout waiting for upstream release $TAG."
+exit 1

packages/mail/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintel/mail",
-  "version": "1.7.0",
+  "version": "1.7.10",
   "private": false,
   "publishConfig": {
     "access": "public",
@@ -24,8 +24,7 @@
     "build": "tsup src/index.ts src/templates/*.tsx --format esm --dts --clean",
     "dev": "tsup src/index.ts src/templates/*.tsx --format esm --watch --dts",
     "lint": "eslint src",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit"
+    "test": "vitest run"
   },
   "dependencies": {
     "@react-email/components": "^0.0.33"
@@ -44,4 +43,4 @@
     "typescript": "^5.0.0",
     "vitest": "^3.0.4"
   }
-}
+}

packages/mail/src/index.ts

@@ -1,7 +1,24 @@
-export * from "./templates/ConfirmationMessage";
-export * from "./templates/ContactFormNotification";
-export * from "./templates/SiteAuditTemplate";
-export * from "./templates/FollowUpTemplate";
-export * from "./templates/ProjectEstimateTemplate";
+import { render as reactEmailRender } from "@react-email/components";
+import { ReactElement } from "react";
+
+/**
+ * Renders a React email template to HTML.
+ */
+export async function render(
+  template: ReactElement,
+  options?: any,
+): Promise<string> {
+  return reactEmailRender(template, options);
+}
+
+// Export Components
+export * from "./components/MintelLogo";
+
+// Export Layouts
+export * from "./layouts/BaseLayout";
 export * from "./layouts/MintelLayout";
-export { render } from "@react-email/components";
+export * from "./layouts/ClientLayout";
+
+// Export Templates
+export * from "./templates/ContactFormNotification";
+export * from "./templates/ConfirmationMessage";

packages/mail/src/templates/FollowUpTemplate.tsx

@@ -1,88 +0,0 @@
-import * as React from "react";
-import { Heading, Text, Button } from "@react-email/components";
-import { MintelLayout } from "../layouts/MintelLayout";
-
-export interface FollowUpTemplateProps {
-    companyName: string;
-}
-
-export const FollowUpTemplate = ({
-    companyName,
-}: FollowUpTemplateProps) => {
-    const preview = `Kurzes Follow-up: ${companyName}`;
-
-    return (
-        <MintelLayout preview={preview}>
-            <Heading style={h1}>Kurzes Follow-up</Heading>
-            <Text style={intro}>
-                Hallo noch einmal,<br /><br />
-                ich wollte mich nur kurz erkundigen, ob Sie bereits Zeit hatten,
-                einen Blick auf das Audit Ihrer Website zu werfen, das ich Ihnen
-                vor ein paar Tagen gesendet habe.
-            </Text>
-
-            <Text style={bodyText}>
-                Vielleicht passt es ja diese Woche für ein kurzes, unverbindliches
-                Telefonat, um die Punkte gemeinsam durchzugehen?
-            </Text>
-
-            <Button
-                style={button}
-                href="https://calendly.com/mintel-me/intro"
-            >
-                Treffen vereinbaren
-            </Button>
-
-            <Text style={footerText}>
-                Beste Grüße,<br />
-                <strong>Marc Mintel</strong>
-            </Text>
-        </MintelLayout>
-    );
-};
-
-export default FollowUpTemplate;
-
-const h1 = {
-    fontSize: "28px",
-    fontWeight: "900",
-    margin: "0 0 24px",
-    color: "#ffffff",
-    letterSpacing: "-0.04em",
-};
-
-const intro = {
-    fontSize: "16px",
-    lineHeight: "24px",
-    color: "#cccccc",
-    margin: "0 0 24px",
-};
-
-const bodyText = {
-    fontSize: "16px",
-    lineHeight: "24px",
-    color: "#888888",
-    margin: "0 0 32px",
-};
-
-const button = {
-    backgroundColor: "#333333",
-    borderRadius: "0",
-    color: "#ffffff",
-    fontSize: "13px",
-    fontWeight: "bold",
-    textDecoration: "none",
-    textAlign: "center" as const,
-    display: "inline-block",
-    padding: "12px 24px",
-    textTransform: "uppercase" as const,
-    letterSpacing: "0.1em",
-    border: "1px solid #444444",
-};
-
-const footerText = {
-    fontSize: "14px",
-    color: "#666666",
-    lineHeight: "20px",
-    marginTop: "48px",
-};

packages/mail/src/templates/ProjectEstimateTemplate.tsx

@@ -1,86 +0,0 @@
-import * as React from "react";
-import { Heading, Text, Section } from "@react-email/components";
-import { MintelLayout } from "../layouts/MintelLayout";
-
-export interface ProjectEstimateTemplateProps {
-    companyName: string;
-}
-
-export const ProjectEstimateTemplate = ({
-    companyName,
-}: ProjectEstimateTemplateProps) => {
-    const preview = `Ihre personalisierte Projekt-Schätzung: ${companyName}`;
-
-    return (
-        <MintelLayout preview={preview}>
-            <Heading style={h1}>Ihre Projekt-Schätzung</Heading>
-            <Text style={intro}>
-                Hallo {companyName},<br /><br />
-                vielen Dank für unser Gespräch. Wie versprochen sende ich Ihnen hiermit
-                die detaillierte Schätzung für Ihre neue digitale Webpräsenz.
-            </Text>
-
-            <Section style={infoBox}>
-                <Text style={infoText}>
-                    Im Anhang finden Sie das PDF-Dokument mit allen Positionen,
-                    Umfängen und dem strategischen Ausblick.
-                </Text>
-            </Section>
-
-            <Text style={bodyText}>
-                Ich freue mich auf Ihr Feedback und stehe für Rückfragen jederzeit
-                zur Verfügung.
-            </Text>
-
-            <Text style={footerText}>
-                Beste Grüße,<br />
-                <strong>Marc Mintel</strong>
-            </Text>
-        </MintelLayout>
-    );
-};
-
-export default ProjectEstimateTemplate;
-
-const h1 = {
-    fontSize: "28px",
-    fontWeight: "900",
-    margin: "0 0 24px",
-    color: "#ffffff",
-    letterSpacing: "-0.04em",
-};
-
-const intro = {
-    fontSize: "16px",
-    lineHeight: "24px",
-    color: "#cccccc",
-    margin: "0 0 24px",
-};
-
-const infoBox = {
-    backgroundColor: "#0f172a",
-    padding: "24px",
-    borderLeft: "4px solid #ffffff",
-    marginBottom: "32px",
-};
-
-const infoText = {
-    fontSize: "15px",
-    color: "#ffffff",
-    margin: "0",
-    lineHeight: "1.5",
-};
-
-const bodyText = {
-    fontSize: "16px",
-    lineHeight: "24px",
-    color: "#888888",
-    margin: "0 0 32px",
-};
-
-const footerText = {
-    fontSize: "14px",
-    color: "#666666",
-    lineHeight: "20px",
-    marginTop: "48px",
-};

packages/mail/src/templates/SiteAuditTemplate.tsx

@@ -1,146 +0,0 @@
-import * as React from "react";
-import { Heading, Section, Text, Button, Link } from "@react-email/components";
-import { MintelLayout } from "../layouts/MintelLayout";
-
-export interface SiteAuditTemplateProps {
-    companyName: string;
-    auditHighlights: string[];
-    websiteUrl: string;
-}
-
-export const SiteAuditTemplate = ({
-    companyName,
-    auditHighlights,
-    websiteUrl,
-}: SiteAuditTemplateProps) => {
-    const preview = `Analyse Ihrer Webpräsenz: ${companyName}`;
-
-    return (
-        <MintelLayout preview={preview}>
-            <Heading style={h1}>Analyse Ihrer Webpräsenz</Heading>
-            <Text style={intro}>
-                Hallo {companyName},<br /><br />
-                ich habe mir Ihre aktuelle Website ({websiteUrl}) im Detail angeschaut und
-                einige technische sowie strategische Potenziale identifiziert.
-            </Text>
-
-            <Section style={auditContainer}>
-                <Heading as="h2" style={h2}>Audit Highlights</Heading>
-                {auditHighlights.map((highlight, i) => (
-                    <div key={i} style={highlightRow}>
-                        <div style={bullet} />
-                        <Text style={highlightText}>{highlight}</Text>
-                    </div>
-                ))}
-            </Section>
-
-            <Text style={bodyText}>
-                In der heutigen digitalen Landschaft ist eine performante und strategisch
-                ausgerichtete Website kein Luxus mehr, sondern das Fundament für
-                nachhaltiges Wachstum.
-            </Text>
-
-            <Section style={ctaSection}>
-                <Button
-                    style={button}
-                    href={`mailto:marc@mintel.me?subject=Feedback zum Audit: ${companyName}`}
-                >
-                    Audit gemeinsam besprechen
-                </Button>
-            </Section>
-
-            <Text style={footerText}>
-                Beste Grüße,<br />
-                <strong>Marc Mintel</strong><br />
-                Digitaler Architekt
-            </Text>
-        </MintelLayout>
-    );
-};
-
-export default SiteAuditTemplate;
-
-const h1 = {
-    fontSize: "28px",
-    fontWeight: "900",
-    margin: "0 0 24px",
-    color: "#ffffff",
-    letterSpacing: "-0.04em",
-};
-
-const h2 = {
-    fontSize: "14px",
-    fontWeight: "900",
-    textTransform: "uppercase" as const,
-    color: "#444444",
-    margin: "0 0 16px",
-    letterSpacing: "0.1em",
-};
-
-const intro = {
-    fontSize: "16px",
-    lineHeight: "24px",
-    color: "#cccccc",
-    margin: "0 0 32px",
-};
-
-const auditContainer = {
-    backgroundColor: "#151515",
-    padding: "32px",
-    borderRadius: "8px",
-    marginBottom: "32px",
-    border: "1px solid #222222",
-};
-
-const highlightRow = {
-    display: "flex" as const,
-    alignItems: "flex-start" as const,
-    marginBottom: "12px",
-};
-
-const bullet = {
-    width: "6px",
-    height: "6px",
-    backgroundColor: "#4CAF50",
-    marginTop: "8px",
-    marginRight: "12px",
-    flexShrink: 0,
-};
-
-const highlightText = {
-    fontSize: "15px",
-    color: "#ffffff",
-    margin: "0",
-};
-
-const bodyText = {
-    fontSize: "16px",
-    lineHeight: "24px",
-    color: "#888888",
-    margin: "0 0 32px",
-};
-
-const ctaSection = {
-    textAlign: "center" as const,
-    marginBottom: "48px",
-};
-
-const button = {
-    backgroundColor: "#ffffff",
-    borderRadius: "0",
-    color: "#000000",
-    fontSize: "14px",
-    fontWeight: "bold",
-    textDecoration: "none",
-    textAlign: "center" as const,
-    display: "inline-block",
-    padding: "16px 32px",
-    textTransform: "uppercase" as const,
-    letterSpacing: "0.1em",
-};
-
-const footerText = {
-    fontSize: "14px",
-    color: "#666666",
-    lineHeight: "20px",
-};

packages/next-config/package.json

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

packages/next-feedback/package.json

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

packages/next-observability/package.json

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

packages/next-utils/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@mintel/next-utils",
-  "version": "1.7.0",
+  "version": "1.7.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://npm.infra.mintel.me"
   },
+  "type": "module",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "dev": "tsup src/index.ts --format cjs,esm --watch --dts",
+    "build": "tsup src/index.ts --format esm --dts --clean",
+    "dev": "tsup src/index.ts --format esm --watch --dts",
     "lint": "eslint src/",
     "test": "vitest run"
   },

packages/next-utils/src/directus.ts

@@ -7,18 +7,43 @@ import {
   AuthenticationClient,
 } from "@directus/sdk";
 
-export type MintelDirectusClient = DirectusClient<any> &
-  RestClient<any> &
-  AuthenticationClient<any>;
+export type MintelDirectusClient<Schema extends object = any> =
+  DirectusClient<Schema> & RestClient<Schema> & AuthenticationClient<Schema>;
 
 /**
- * Creates a Directus client configured with Mintel standards
+ * Creates a Directus client configured with Mintel standards.
+ * Automatically handles internal vs. external URLs based on environment.
  */
-export function createMintelDirectusClient(url?: string): MintelDirectusClient {
-  const directusUrl =
-    url || process.env.DIRECTUS_URL || "http://localhost:8055";
+export function createMintelDirectusClient<Schema extends object = any>(
+  url?: string,
+): MintelDirectusClient<Schema> {
+  const isServer = typeof window === "undefined";
 
-  return createDirectus(directusUrl).with(rest()).with(authentication());
+  // 1. If an explicit URL is provided, use it.
+  if (url) {
+    return createDirectus<Schema>(url).with(rest()).with(authentication());
+  }
+
+  // 2. On server: Prioritize INTERNAL_DIRECTUS_URL, fallback to DIRECTUS_URL
+  if (isServer) {
+    const directusUrl =
+      process.env.INTERNAL_DIRECTUS_URL ||
+      process.env.DIRECTUS_URL ||
+      "http://localhost:8055";
+    return createDirectus<Schema>(directusUrl)
+      .with(rest())
+      .with(authentication());
+  }
+
+  // 3. In browser: Use a proxy path if we are on a different origin,
+  // or use the current origin if no DIRECTUS_URL is set.
+  const proxyPath = "/api/directus"; // Standard Mintel proxy path
+  const browserUrl =
+    typeof window !== "undefined"
+      ? `${window.location.origin}${proxyPath}`
+      : proxyPath;
+
+  return createDirectus<Schema>(browserUrl).with(rest()).with(authentication());
 }
 
 /**

packages/next-utils/src/env.ts

@@ -4,10 +4,17 @@ export const mintelEnvSchema = {
   NODE_ENV: z
     .enum(["development", "production", "test"])
     .default("development"),
-  NEXT_PUBLIC_BASE_URL: z.string().url(),
+  NEXT_PUBLIC_BASE_URL: z.string().url().optional(),
+  NEXT_PUBLIC_TARGET: z
+    .enum(["development", "testing", "staging", "production"])
+    .optional(),
+  TARGET: z
+    .enum(["development", "testing", "staging", "production"])
+    .optional(),
 
   // Analytics (Proxy Pattern)
   UMAMI_WEBSITE_ID: z.string().optional(),
+  NEXT_PUBLIC_UMAMI_WEBSITE_ID: z.string().optional(),
   UMAMI_API_ENDPOINT: z
     .string()
     .url()
@@ -23,6 +30,8 @@ export const mintelEnvSchema = {
   LOG_LEVEL: z
     .enum(["trace", "debug", "info", "warn", "error", "fatal"])
     .default("info"),
+
+  // Mail
   MAIL_HOST: z.string().optional(),
   MAIL_PORT: z.coerce.number().default(587),
   MAIL_USERNAME: z.string().optional(),
@@ -32,17 +41,60 @@ export const mintelEnvSchema = {
     (val) => (typeof val === "string" ? val.split(",").filter(Boolean) : val),
     z.array(z.string()).default([]),
   ),
+
+  // Directus
+  DIRECTUS_URL: z.string().url().default("http://localhost:8055"),
+  DIRECTUS_ADMIN_EMAIL: z.string().optional(),
+  DIRECTUS_ADMIN_PASSWORD: z.string().optional(),
+  DIRECTUS_API_TOKEN: z.string().optional(),
+  INTERNAL_DIRECTUS_URL: z.string().url().optional(),
 };
 
-export function validateMintelEnv(schemaExtension = {}) {
-  const fullSchema = z.object({
-    ...mintelEnvSchema,
-    ...schemaExtension,
+/**
+ * Standard Mintel refinements for environment variables.
+ * Enforces mandatory requirements for non-development environments.
+ */
+export const withMintelRefinements = <T extends z.ZodTypeAny>(schema: T) => {
+  return schema.superRefine((data: any, ctx) => {
+    const skipValidation =
+      process.env.SKIP_ENV_VALIDATION === "true" ||
+      process.env.SKIP_RUNTIME_ENV_VALIDATION === "true";
+
+    if (skipValidation) return;
+
+    const target = data.TARGET || data.NEXT_PUBLIC_TARGET || "development";
+
+    // Strict validation for non-development environments
+    if (target !== "development") {
+      if (!data.MAIL_HOST) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "MAIL_HOST is required in non-development environments",
+          path: ["MAIL_HOST"],
+        });
+      }
+    }
   });
+};
+
+export type MintelEnv<T extends z.ZodRawShape = Record<string, never>> =
+  z.infer<
+    ReturnType<
+      typeof withMintelRefinements<z.ZodObject<typeof mintelEnvSchema & T>>
+    >
+  >;
+
+export function validateMintelEnv<
+  T extends z.ZodRawShape = Record<string, never>,
+>(schemaExtension: T = {} as T): MintelEnv<T> {
+  const fullSchema = withMintelRefinements(
+    z.object(mintelEnvSchema).extend(schemaExtension),
+  );
 
   const isBuildTime =
     process.env.NEXT_PHASE === "phase-production-build" ||
-    process.env.SKIP_ENV_VALIDATION === "true";
+    process.env.SKIP_ENV_VALIDATION === "true" ||
+    process.env.SKIP_RUNTIME_ENV_VALIDATION === "true";
 
   const result = fullSchema.safeParse(process.env);
 
@@ -51,7 +103,7 @@ export function validateMintelEnv(schemaExtension = {}) {
       console.warn(
         "⚠️ Some environment variables are missing during build, but skipping strict validation.",
       );
-      // Return partial data to allow build to continue
+      // Return process.env casted to the full schema type to unblock builds
       return process.env as unknown as z.infer<typeof fullSchema>;
     }
 
@@ -62,5 +114,5 @@ export function validateMintelEnv(schemaExtension = {}) {
     throw new Error("Invalid environment variables");
   }
 
-  return result.data;
+  return result.data as MintelEnv<T>;
 }

packages/observability/package.json

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

packages/people-manager/index.js

@@ -0,0 +1 @@
+import{defineModule as e}from"@directus/extensions-sdk";import{defineComponent as t,resolveComponent as n,openBlock as a,createBlock as r,withCtx as o,createElementVNode as p}from"vue";var s=t({__name:"module",setup:e=>(e,t)=>{const s=n("private-view");return a(),r(s,{title:"People Manager"},{default:o(()=>[...t[0]||(t[0]=[p("div",{class:"people-manager"},[p("h1",null,"People Manager"),p("p",null,"Modern Industrial People Management Interface")],-1)])]),_:1})}}),d=[],i=[];!function(e,t){if(e&&"undefined"!=typeof document){var n,a=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,o="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var p=d.indexOf(o);-1===p&&(p=d.push(o)-1,i[p]={}),n=i[p]&&i[p][a]?i[p][a]:i[p][a]=s()}else n=s();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function s(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var p="prepend"===a?"afterbegin":"beforeend";return o.insertAdjacentElement(p,e),e}}("\n.people-manager[data-v-da2952f8] {\n\tpadding: 20px;\n}\n",{});var u=e({id:"people-manager",name:"People Manager",icon:"person",routes:[{path:"",component:((e,t)=>{const n=e.__vccOpts||e;for(const[e,a]of t)n[e]=a;return n})(s,[["__scopeId","data-v-da2952f8"],["__file","module.vue"]])}]});export{u as default};

packages/people-manager/package.json

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

packages/people-manager/src/module.vue

@@ -0,0 +1,18 @@
+<template>
+	<private-view title="People Manager">
+		<div class="people-manager">
+			<h1>People Manager</h1>
+			<p>Modern Industrial People Management Interface</p>
+		</div>
+	</private-view>
+</template>
+
+<script setup lang="ts">
+// Logic will be added here
+</script>
+
+<style scoped>
+.people-manager {
+	padding: 20px;
+}
+</style>

packages/tsconfig/package.json

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

pnpm-workspace.yaml

@@ -1,5 +1,3 @@
 packages:
   - 'packages/*'
-  - 'packages/cms-infra/extensions/*'
   - 'apps/*'
-  - '../klz-2026'

scripts/sync-extensions.sh

@@ -0,0 +1,69 @@
+#!/bin/bash
+
+# Configuration
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+EXTENSIONS_ROOT="$REPO_ROOT/packages"
+TARGET_DIR="$REPO_ROOT/packages/cms-infra/extensions"
+
+# List of extensions to sync - including modules and endpoints
+EXTENSIONS=(
+  "acquisition"
+  "acquisition-manager"
+  "customer-manager"
+  "feedback-commander"
+  "people-manager"
+)
+
+echo "🚀 Starting extension sync..."
+
+# Ensure target directory exists
+mkdir -p "$TARGET_DIR"
+
+for EXT in "${EXTENSIONS[@]}"; do
+  EXT_PATH="$EXTENSIONS_ROOT/$EXT"
+  
+  if [ -d "$EXT_PATH" ]; then
+    echo "📦 Building $EXT..."
+    
+    # Build the extension
+    # We use --if-present to avoid errors if build script is missing
+    (cd "$EXT_PATH" && pnpm build)
+    
+    # Create target directory for this extension
+    # Directus expects extensions to be in subdirectories matching their name
+    mkdir -p "$TARGET_DIR/$EXT"
+    
+    echo "🚚 Syncing $EXT to $TARGET_DIR/$EXT..."
+    
+    # Clean target first to avoid ghost files
+    rm -rf "${TARGET_DIR:?}/$EXT"/*
+    
+    # Copy build artifacts and package metadata
+    # Some extensions have index.js in root after build, some use dist/
+    # We check for index.js and package.json
+    if [ -f "$EXT_PATH/index.js" ]; then
+        cp "$EXT_PATH/index.js" "$TARGET_DIR/$EXT/"
+    fi
+    
+    if [ -f "$EXT_PATH/package.json" ]; then
+        cp "$EXT_PATH/package.json" "$TARGET_DIR/$EXT/"
+    fi
+
+    if [ -d "$EXT_PATH/dist" ]; then
+        cp -r "$EXT_PATH/dist" "$TARGET_DIR/$EXT/"
+    fi
+    
+    # Sync node_modules if they exist (sometimes needed if not everything is bundled)
+    if [ -d "$EXT_PATH/node_modules" ]; then
+       echo "📚 Syncing node_modules for $EXT..."
+       rsync -a --delete "$EXT_PATH/node_modules/" "$TARGET_DIR/$EXT/node_modules/"
+    fi
+
+    echo "✅ $EXT synced."
+  else
+    echo "❌ Extension source not found: $EXT_PATH"
+  fi
+done
+
+echo "✨ Extension sync complete!"