diff --git a/packages/acquisition-manager/index.js b/packages/acquisition-manager/index.js
index 2eb5d80..533d6a0 100644
--- a/packages/acquisition-manager/index.js
+++ b/packages/acquisition-manager/index.js
@@ -1 +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};
+import{useApi as e,defineModule as a}from"@directus/extensions-sdk";import{defineComponent as t,ref as l,computed as n,onMounted as i,resolveComponent as s,resolveDirective as o,openBlock as d,createBlock as r,withCtx as u,createVNode as c,createElementBlock as v,Fragment as p,renderList as m,createTextVNode as f,toDisplayString as g,createCommentVNode as y,createElementVNode as b,withDirectives as h}from"vue";var _=Object.defineProperty,x=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,V=(e,a,t)=>a in e?_(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;const A={class:"content-wrapper"},C={key:0,class:"empty-state"},$={class:"header"},U={class:"header-left"},F={class:"title"},O={class:"subtitle"},P=["href"],E={class:"header-right"},S={class:"sections"},j={class:"main-info"},L={class:"form-grid"},z={class:"field"},q={key:1,class:"value text-subdued"},B={class:"field"},N={class:"value"},D={class:"field full"},M={class:"value text-block"},I={key:0,class:"ai-observations"},T={class:"metrics"},K={class:"page-title"},G={class:"page-url"},R={class:"drawer-content"},W={class:"form-section"},H={class:"field"},J={class:"field"},Q={class:"field"},X={class:"field"},Y={class:"field"},Z={class:"field"},ee={class:"drawer-actions"};var ae=t({__name:"module",setup(a){const t=e(),_=l([]),ae=l(null),te=l(!1),le=l(!1),ne=l(!1),ie=l(!1),se=l(!1),oe=l(null),de=l({company_name:"",website_url:"",contact_name:"",contact_email:"",contact_person:null,briefing:"",status:"new"}),re=l([]),ue=n(()=>re.value.map(e=>({text:`${e.first_name} ${e.last_name}`,value:e.id})));function ce(e){const a=re.value.find(a=>a.id===e);return a?`${a.first_name} ${a.last_name}`:e}const ve=n(()=>_.value.find(e=>e.id===ae.value));async function pe(){const[e,a]=await Promise.all([t.get("/items/leads",{params:{sort:"-date_created"}}),t.get("/items/people",{params:{sort:"last_name"}})]);_.value=e.data.data,re.value=a.data.data,!ae.value&&_.value.length>0&&(ae.value=_.value[0].id)}async function me(){if(ae.value){te.value=!0;try{await t.post(`/acquisition/audit/${ae.value}`),oe.value={type:"success",message:"Audit erfolgreich gestartet!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler beim Audit: ${e.message}`}}finally{te.value=!1}}}async function fe(){if(ae.value){ne.value=!0;try{await t.post(`/acquisition/audit-email/${ae.value}`),oe.value={type:"success",message:"Audit E-Mail versendet!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler beim Versenden: ${e.message}`}}finally{ne.value=!1}}}async function ge(){if(ae.value){le.value=!0;try{await t.post(`/acquisition/estimate/${ae.value}`),oe.value={type:"success",message:"Angebot (PDF) wurde generiert!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler bei PDF Generierung: ${e.message}`}}finally{le.value=!1}}}async function ye(){if(ae.value){ne.value=!0;try{await t.post(`/acquisition/estimate-email/${ae.value}`),oe.value={type:"success",message:"Angebot erfolgreich versendet!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler beim Versenden: ${e.message}`}}finally{ne.value=!1}}}function be(){var e;(null==(e=ve.value)?void 0:e.audit_pdf_path)&&window.open(`${window.location.origin}/assets/${ve.value.audit_pdf_path}`,"_blank")}async function he(){if(de.value.company_name){se.value=!0;try{const e=((e,a)=>{for(var t in a||(a={}))w.call(a,t)&&V(e,t,a[t]);if(x)for(var t of x(a))k.call(a,t)&&V(e,t,a[t]);return e})({id:crypto.randomUUID()},de.value);await t.post("/items/leads",e),oe.value={type:"success",message:"Lead erfolgreich registriert!"},ie.value=!1,await pe(),ae.value=e.id,de.value={company_name:"",website_url:"",contact_name:"",contact_email:"",contact_person:null,briefing:"",status:"new"}}catch(e){oe.value={type:"danger",message:`Fehler beim Speichern: ${e.message}`}}finally{se.value=!1}}}function _e(e){switch(e){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 xe(e){switch(e){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)"}}return i(pe),(e,a)=>{const t=s("v-icon"),l=s("v-list-item-icon"),n=s("v-text-overflow"),i=s("v-list-item-content"),x=s("v-list-item"),w=s("v-divider"),k=s("v-list"),V=s("v-notice"),re=s("v-button"),pe=s("v-info"),we=s("v-table"),ke=s("v-input"),Ve=s("v-textarea"),Ae=s("v-select"),Ce=s("v-drawer"),$e=s("private-view"),Ue=o("tooltip");return d(),r($e,{title:"Acquisition Manager"},{navigation:u(()=>[c(k,{nav:""},{default:u(()=>[c(x,{onClick:a[0]||(a[0]=e=>ie.value=!0),clickable:""},{default:u(()=>[c(l,null,{default:u(()=>[c(t,{name:"add",color:"var(--theme--primary)"})]),_:1}),c(i,null,{default:u(()=>[c(n,{text:"Neuen Lead anlegen"})]),_:1})]),_:1}),c(w),(d(!0),v(p,null,m(_.value,e=>(d(),r(x,{key:e.id,active:ae.value===e.id,class:"lead-item",clickable:"",onClick:a=>{return t=e.id,void(ae.value=t);var t}},{default:u(()=>[c(l,null,{default:u(()=>[c(t,{name:_e(e.status),color:xe(e.status)},null,8,["name","color"])]),_:2},1024),c(i,null,{default:u(()=>[c(n,{text:e.company_name},null,8,["text"])]),_:2},1024)]),_:2},1032,["active","onClick"]))),128))]),_:1})]),"title-outer:after":u(()=>[oe.value?(d(),r(V,{key:0,type:oe.value.type,onClose:a[1]||(a[1]=e=>oe.value=null),dismissible:""},{default:u(()=>[f(g(oe.value.message),1)]),_:1},8,["type"])):y("v-if",!0)]),default:u(()=>{var e;return[b("div",A,[c(V,{type:"success",style:{"margin-bottom":"16px"}},{default:u(()=>[f(" DEBUG: Module Version 1.1.0 - Native Build - "+g((new Date).toISOString()),1)]),_:1}),ve.value?(d(),v(p,{key:1},[b("header",$,[b("div",U,[b("h1",F,g(ve.value.company_name),1),b("p",O,[c(t,{name:"language","x-small":""}),b("a",{href:ve.value.website_url,target:"_blank",class:"url-link"},g(ve.value.website_url.replace(/^https?:\/\//,"")),9,P),f(" · Status: "+g(ve.value.status.toUpperCase()),1)])]),b("div",E,["new"===ve.value.status?(d(),r(re,{key:0,secondary:"",loading:te.value,onClick:me},{default:u(()=>[c(t,{name:"settings_suggest",left:""}),a[15]||(a[15]=f(" Audit starten ",-1))]),_:1},8,["loading"])):y("v-if",!0),"audit_ready"===ve.value.status?(d(),v(p,{key:1},[c(re,{secondary:"",loading:ne.value,onClick:fe},{default:u(()=>[c(t,{name:"mail",left:""}),a[16]||(a[16]=f(" Audit E-Mail ",-1))]),_:1},8,["loading"]),c(re,{loading:le.value,onClick:ge},{default:u(()=>[c(t,{name:"picture_as_pdf",left:""}),a[17]||(a[17]=f(" PDF Erstellen ",-1))]),_:1},8,["loading"])],64)):y("v-if",!0),ve.value.audit_pdf_path?h((d(),r(re,{key:2,secondary:"",icon:"",onClick:be},{default:u(()=>[c(t,{name:"open_in_new"})]),_:1})),[[Ue,"PDF öffnen",void 0,{bottom:!0}]]):y("v-if",!0),ve.value.audit_pdf_path?(d(),r(re,{key:3,primary:"",loading:ne.value,onClick:ye},{default:u(()=>[c(t,{name:"send",left:""}),a[18]||(a[18]=f(" Angebot senden ",-1))]),_:1},8,["loading"])):y("v-if",!0)])]),b("div",S,[b("div",j,[b("div",L,[b("div",z,[a[19]||(a[19]=b("span",{class:"label"},"Kontaktperson",-1)),ve.value.contact_person?(d(),v("div",{key:0,class:"value person-link",onClick:a[3]||(a[3]=e=>{return a=ve.value.contact_person,void(oe.value={type:"info",message:`Navigiere zu Person: ${a}`});var a})},g(ce(ve.value.contact_person)),1)):(d(),v("div",q,"Keine Person verknüpft"))]),b("div",B,[a[20]||(a[20]=b("span",{class:"label"},"E-Mail (Legacy)",-1)),b("div",N,g(ve.value.contact_email||"—"),1)]),b("div",D,[a[21]||(a[21]=b("span",{class:"label"},"Briefing / Fokus",-1)),b("div",M,g(ve.value.briefing||"Kein Briefing hinterlegt."),1)])])]),c(w),ve.value.ai_state?(d(),v("div",I,[a[22]||(a[22]=b("h3",{class:"section-title"},"AI Observations & Estimation",-1)),b("div",T,[c(pe,{label:"Projekt-Modus",value:ve.value.ai_state.projectType||"Unbekannt"},null,8,["value"]),c(pe,{label:"Seitenanzahl",value:(null==(e=ve.value.ai_state.sitemap)?void 0:e.length)||"0"},null,8,["value"])]),ve.value.ai_state.sitemap?(d(),r(we,{key:0,headers:[{text:"Seite",value:"title"},{text:"URL",value:"url"}],items:ve.value.ai_state.sitemap,class:"observation-table"},{"item.title":u(({item:e})=>[b("span",K,g(e.title),1)]),"item.url":u(({item:e})=>[b("span",G,g(e.url),1)]),_:2},1032,["items"])):y("v-if",!0)])):y("v-if",!0)])],64)):(d(),v("div",C,[c(pe,{title:"Lead auswählen",icon:"auto_awesome",center:""},{default:u(()=>[a[13]||(a[13]=f(" Wähle einen Lead in der Navigation aus oder ",-1)),c(re,{"x-small":"",onClick:a[2]||(a[2]=e=>ie.value=!0)},{default:u(()=>[...a[12]||(a[12]=[f("registriere einen neuen Lead",-1)])]),_:1}),a[14]||(a[14]=f(". ",-1))]),_:1})]))]),c(Ce,{modelValue:ie.value,"onUpdate:modelValue":a[10]||(a[10]=e=>ie.value=e),title:"Neuen Lead registrieren",icon:"person_add",onCancel:a[11]||(a[11]=e=>ie.value=!1)},{default:u(()=>[b("div",R,[b("div",W,[b("div",H,[a[23]||(a[23]=b("span",{class:"label"},"Firma",-1)),c(ke,{modelValue:de.value.company_name,"onUpdate:modelValue":a[4]||(a[4]=e=>de.value.company_name=e),placeholder:"z.B. Schmidt GmbH",autofocus:""},null,8,["modelValue"])]),b("div",J,[a[24]||(a[24]=b("span",{class:"label"},"Website URL",-1)),c(ke,{modelValue:de.value.website_url,"onUpdate:modelValue":a[5]||(a[5]=e=>de.value.website_url=e),placeholder:"https://..."},null,8,["modelValue"])]),b("div",Q,[a[25]||(a[25]=b("span",{class:"label"},"Ansprechpartner",-1)),c(ke,{modelValue:de.value.contact_name,"onUpdate:modelValue":a[6]||(a[6]=e=>de.value.contact_name=e),placeholder:"Vorname Nachname"},null,8,["modelValue"])]),b("div",X,[a[26]||(a[26]=b("span",{class:"label"},"E-Mail Adresse",-1)),c(ke,{modelValue:de.value.contact_email,"onUpdate:modelValue":a[7]||(a[7]=e=>de.value.contact_email=e),placeholder:"email@beispiel.de",type:"email"},null,8,["modelValue"])]),b("div",Y,[a[27]||(a[27]=b("span",{class:"label"},"Briefing / Fokus",-1)),c(Ve,{modelValue:de.value.briefing,"onUpdate:modelValue":a[8]||(a[8]=e=>de.value.briefing=e),placeholder:"Besonderheiten für das Audit..."},null,8,["modelValue"])]),b("div",Z,[a[28]||(a[28]=b("span",{class:"label"},"Kontaktperson (Optional)",-1)),c(Ae,{modelValue:de.value.contact_person,"onUpdate:modelValue":a[9]||(a[9]=e=>de.value.contact_person=e),items:ue.value,placeholder:"Person auswählen..."},null,8,["modelValue","items"])])]),b("div",ee,[c(re,{primary:"",block:"",loading:se.value,onClick:he},{default:u(()=>[...a[29]||(a[29]=[f("Lead speichern",-1)])]),_:1},8,["loading"])])])]),_:1},8,["modelValue"])]}),_:1})}}}),te=[],le=[];!function(e,a){if(e&&"undefined"!=typeof document){var t,l=!0===a.prepend?"prepend":"append",n=!0===a.singleTag,i="string"==typeof a.container?document.querySelector(a.container):document.getElementsByTagName("head")[0];if(n){var s=te.indexOf(i);-1===s&&(s=te.push(i)-1,le[s]={}),t=le[s]&&le[s][l]?le[s][l]:le[s][l]=o()}else t=o();65279===e.charCodeAt(0)&&(e=e.substring(1)),t.styleSheet?t.styleSheet.cssText+=e:t.appendChild(document.createTextNode(e))}function o(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),a.attributes)for(var t=Object.keys(a.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],a.attributes[t[n]]);var s="prepend"===l?"afterbegin":"beforeend";return i.insertAdjacentElement(s,e),e}}("\n.content-wrapper[data-v-6a55edd7] { padding: 32px; height: 100%; display: flex; flex-direction: column; overflow-y: auto;\n}\n.lead-item[data-v-6a55edd7] { cursor: pointer;\n}\n.header[data-v-6a55edd7] { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end;\n}\n.header-right[data-v-6a55edd7] { display: flex; gap: 12px;\n}\n.title[data-v-6a55edd7] { font-size: 24px; font-weight: 800; margin-bottom: 4px; color: var(--theme--foreground);\n}\n.subtitle[data-v-6a55edd7] { color: var(--theme--foreground-subdued); font-size: 14px; display: flex; align-items: center; gap: 8px;\n}\n.url-link[data-v-6a55edd7] { color: inherit; text-decoration: none; border-bottom: 1px solid transparent;\n}\n.url-link[data-v-6a55edd7]:hover { border-bottom-color: currentColor;\n}\n.empty-state[data-v-6a55edd7] { height: 100%; display: flex; align-items: center; justify-content: center;\n}\n.sections[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 32px;\n}\n.form-grid[data-v-6a55edd7] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\n}\n.field[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 8px;\n}\n.field.full[data-v-6a55edd7] { grid-column: span 2;\n}\n.label[data-v-6a55edd7] { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px;\n}\n.value[data-v-6a55edd7] { font-size: 15px; color: var(--theme--foreground);\n}\n.text-block[data-v-6a55edd7] { line-height: 1.6; white-space: pre-wrap; background: var(--theme--background-subdued); padding: 16px; border-radius: 8px;\n}\n.ai-observations[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 16px;\n}\n.section-title[data-v-6a55edd7] { font-size: 16px; font-weight: 700; color: var(--theme--foreground); margin-bottom: 8px;\n}\n.metrics[data-v-6a55edd7] { display: flex; gap: 32px; margin-bottom: 16px;\n}\n.observation-table[data-v-6a55edd7] { border: 1px solid var(--theme--border); border-radius: 8px; overflow: hidden;\n}\n.page-title[data-v-6a55edd7] { font-weight: 600;\n}\n.page-url[data-v-6a55edd7] { font-family: var(--family-monospace); font-size: 12px; color: var(--theme--foreground-subdued);\n}\n.drawer-content[data-v-6a55edd7] { padding: 24px; display: flex; flex-direction: column; gap: 32px;\n}\n.form-section[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 20px;\n}\n.drawer-actions[data-v-6a55edd7] { margin-top: 24px; display: flex; flex-direction: column; gap: 12px;\n}\n[data-v-6a55edd7] .v-list-item { cursor: pointer !important;\n}\n",{});var ne=((e,a)=>{const t=e.__vccOpts||e;for(const[e,l]of a)t[e]=l;return t})(ae,[["__scopeId","data-v-6a55edd7"],["__file","module.vue"]]),ie=a({id:"acquisition-manager",name:"Acquisition",icon:"auto_awesome",routes:[{path:"",component:ne},{path:":id",component:ne,props:!0}]});export{ie as default};
diff --git a/packages/acquisition-manager/src/index.ts b/packages/acquisition-manager/src/index.ts
index 52e17e6..cfd5aee 100644
--- a/packages/acquisition-manager/src/index.ts
+++ b/packages/acquisition-manager/src/index.ts
@@ -1,14 +1,19 @@
-import { defineModule } from '@directus/extensions-sdk';
-import ModuleComponent from './module.vue';
+import { defineModule } from "@directus/extensions-sdk";
+import ModuleComponent from "./module.vue";
 
 export default defineModule({
-    id: 'acquisition-manager',
-    name: 'Acquisition Manager',
-    icon: 'account_balance_wallet',
+    id: "acquisition-manager",
+    name: "Acquisition",
+    icon: "auto_awesome",
     routes: [
         {
-            path: '',
+            path: "",
             component: ModuleComponent,
         },
+        {
+            path: ":id",
+            component: ModuleComponent,
+            props: true
+        }
     ],
 });
diff --git a/packages/acquisition-manager/src/module.vue b/packages/acquisition-manager/src/module.vue
index 951b0d5..8e3b483 100644
--- a/packages/acquisition-manager/src/module.vue
+++ b/packages/acquisition-manager/src/module.vue
@@ -1,18 +1,403 @@
 <template>
 	<private-view title="Acquisition Manager">
-		<div class="acquisition-manager">
-			<h1>Acquisition Manager</h1>
-			<p>Modern Industrial Acquisition Management Interface</p>
+		<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">
-// Logic will be added here
+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>
-.acquisition-manager {
-	padding: 20px;
-}
+.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>
diff --git a/packages/acquisition/src/index.ts b/packages/acquisition/src/index.ts
index 432b71b..22dcf6a 100644
--- a/packages/acquisition/src/index.ts
+++ b/packages/acquisition/src/index.ts
@@ -1,5 +1,172 @@
-import { defineEndpoint } from '@directus/extensions-sdk';
+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) => {
-    router.get('/ping', (req, res) => res.send('pong'));
+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 });
+        }
+    });
 });
diff --git a/packages/acquisition/src/shim.ts b/packages/acquisition/src/shim.ts
new file mode 100644
index 0000000..66079f7
--- /dev/null
+++ b/packages/acquisition/src/shim.ts
@@ -0,0 +1,22 @@
+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);
+}
diff --git a/packages/cms-infra/database/data.db b/packages/cms-infra/database/data.db
old mode 100644
new mode 100755
index 4c050a3..e536eaf
Binary files a/packages/cms-infra/database/data.db and b/packages/cms-infra/database/data.db differ
diff --git a/packages/cms-infra/extensions/acquisition-manager/index.js b/packages/cms-infra/extensions/acquisition-manager/index.js
index 2eb5d80..533d6a0 100644
--- a/packages/cms-infra/extensions/acquisition-manager/index.js
+++ b/packages/cms-infra/extensions/acquisition-manager/index.js
@@ -1 +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};
+import{useApi as e,defineModule as a}from"@directus/extensions-sdk";import{defineComponent as t,ref as l,computed as n,onMounted as i,resolveComponent as s,resolveDirective as o,openBlock as d,createBlock as r,withCtx as u,createVNode as c,createElementBlock as v,Fragment as p,renderList as m,createTextVNode as f,toDisplayString as g,createCommentVNode as y,createElementVNode as b,withDirectives as h}from"vue";var _=Object.defineProperty,x=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,V=(e,a,t)=>a in e?_(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;const A={class:"content-wrapper"},C={key:0,class:"empty-state"},$={class:"header"},U={class:"header-left"},F={class:"title"},O={class:"subtitle"},P=["href"],E={class:"header-right"},S={class:"sections"},j={class:"main-info"},L={class:"form-grid"},z={class:"field"},q={key:1,class:"value text-subdued"},B={class:"field"},N={class:"value"},D={class:"field full"},M={class:"value text-block"},I={key:0,class:"ai-observations"},T={class:"metrics"},K={class:"page-title"},G={class:"page-url"},R={class:"drawer-content"},W={class:"form-section"},H={class:"field"},J={class:"field"},Q={class:"field"},X={class:"field"},Y={class:"field"},Z={class:"field"},ee={class:"drawer-actions"};var ae=t({__name:"module",setup(a){const t=e(),_=l([]),ae=l(null),te=l(!1),le=l(!1),ne=l(!1),ie=l(!1),se=l(!1),oe=l(null),de=l({company_name:"",website_url:"",contact_name:"",contact_email:"",contact_person:null,briefing:"",status:"new"}),re=l([]),ue=n(()=>re.value.map(e=>({text:`${e.first_name} ${e.last_name}`,value:e.id})));function ce(e){const a=re.value.find(a=>a.id===e);return a?`${a.first_name} ${a.last_name}`:e}const ve=n(()=>_.value.find(e=>e.id===ae.value));async function pe(){const[e,a]=await Promise.all([t.get("/items/leads",{params:{sort:"-date_created"}}),t.get("/items/people",{params:{sort:"last_name"}})]);_.value=e.data.data,re.value=a.data.data,!ae.value&&_.value.length>0&&(ae.value=_.value[0].id)}async function me(){if(ae.value){te.value=!0;try{await t.post(`/acquisition/audit/${ae.value}`),oe.value={type:"success",message:"Audit erfolgreich gestartet!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler beim Audit: ${e.message}`}}finally{te.value=!1}}}async function fe(){if(ae.value){ne.value=!0;try{await t.post(`/acquisition/audit-email/${ae.value}`),oe.value={type:"success",message:"Audit E-Mail versendet!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler beim Versenden: ${e.message}`}}finally{ne.value=!1}}}async function ge(){if(ae.value){le.value=!0;try{await t.post(`/acquisition/estimate/${ae.value}`),oe.value={type:"success",message:"Angebot (PDF) wurde generiert!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler bei PDF Generierung: ${e.message}`}}finally{le.value=!1}}}async function ye(){if(ae.value){ne.value=!0;try{await t.post(`/acquisition/estimate-email/${ae.value}`),oe.value={type:"success",message:"Angebot erfolgreich versendet!"},await pe()}catch(e){oe.value={type:"danger",message:`Fehler beim Versenden: ${e.message}`}}finally{ne.value=!1}}}function be(){var e;(null==(e=ve.value)?void 0:e.audit_pdf_path)&&window.open(`${window.location.origin}/assets/${ve.value.audit_pdf_path}`,"_blank")}async function he(){if(de.value.company_name){se.value=!0;try{const e=((e,a)=>{for(var t in a||(a={}))w.call(a,t)&&V(e,t,a[t]);if(x)for(var t of x(a))k.call(a,t)&&V(e,t,a[t]);return e})({id:crypto.randomUUID()},de.value);await t.post("/items/leads",e),oe.value={type:"success",message:"Lead erfolgreich registriert!"},ie.value=!1,await pe(),ae.value=e.id,de.value={company_name:"",website_url:"",contact_name:"",contact_email:"",contact_person:null,briefing:"",status:"new"}}catch(e){oe.value={type:"danger",message:`Fehler beim Speichern: ${e.message}`}}finally{se.value=!1}}}function _e(e){switch(e){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 xe(e){switch(e){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)"}}return i(pe),(e,a)=>{const t=s("v-icon"),l=s("v-list-item-icon"),n=s("v-text-overflow"),i=s("v-list-item-content"),x=s("v-list-item"),w=s("v-divider"),k=s("v-list"),V=s("v-notice"),re=s("v-button"),pe=s("v-info"),we=s("v-table"),ke=s("v-input"),Ve=s("v-textarea"),Ae=s("v-select"),Ce=s("v-drawer"),$e=s("private-view"),Ue=o("tooltip");return d(),r($e,{title:"Acquisition Manager"},{navigation:u(()=>[c(k,{nav:""},{default:u(()=>[c(x,{onClick:a[0]||(a[0]=e=>ie.value=!0),clickable:""},{default:u(()=>[c(l,null,{default:u(()=>[c(t,{name:"add",color:"var(--theme--primary)"})]),_:1}),c(i,null,{default:u(()=>[c(n,{text:"Neuen Lead anlegen"})]),_:1})]),_:1}),c(w),(d(!0),v(p,null,m(_.value,e=>(d(),r(x,{key:e.id,active:ae.value===e.id,class:"lead-item",clickable:"",onClick:a=>{return t=e.id,void(ae.value=t);var t}},{default:u(()=>[c(l,null,{default:u(()=>[c(t,{name:_e(e.status),color:xe(e.status)},null,8,["name","color"])]),_:2},1024),c(i,null,{default:u(()=>[c(n,{text:e.company_name},null,8,["text"])]),_:2},1024)]),_:2},1032,["active","onClick"]))),128))]),_:1})]),"title-outer:after":u(()=>[oe.value?(d(),r(V,{key:0,type:oe.value.type,onClose:a[1]||(a[1]=e=>oe.value=null),dismissible:""},{default:u(()=>[f(g(oe.value.message),1)]),_:1},8,["type"])):y("v-if",!0)]),default:u(()=>{var e;return[b("div",A,[c(V,{type:"success",style:{"margin-bottom":"16px"}},{default:u(()=>[f(" DEBUG: Module Version 1.1.0 - Native Build - "+g((new Date).toISOString()),1)]),_:1}),ve.value?(d(),v(p,{key:1},[b("header",$,[b("div",U,[b("h1",F,g(ve.value.company_name),1),b("p",O,[c(t,{name:"language","x-small":""}),b("a",{href:ve.value.website_url,target:"_blank",class:"url-link"},g(ve.value.website_url.replace(/^https?:\/\//,"")),9,P),f(" · Status: "+g(ve.value.status.toUpperCase()),1)])]),b("div",E,["new"===ve.value.status?(d(),r(re,{key:0,secondary:"",loading:te.value,onClick:me},{default:u(()=>[c(t,{name:"settings_suggest",left:""}),a[15]||(a[15]=f(" Audit starten ",-1))]),_:1},8,["loading"])):y("v-if",!0),"audit_ready"===ve.value.status?(d(),v(p,{key:1},[c(re,{secondary:"",loading:ne.value,onClick:fe},{default:u(()=>[c(t,{name:"mail",left:""}),a[16]||(a[16]=f(" Audit E-Mail ",-1))]),_:1},8,["loading"]),c(re,{loading:le.value,onClick:ge},{default:u(()=>[c(t,{name:"picture_as_pdf",left:""}),a[17]||(a[17]=f(" PDF Erstellen ",-1))]),_:1},8,["loading"])],64)):y("v-if",!0),ve.value.audit_pdf_path?h((d(),r(re,{key:2,secondary:"",icon:"",onClick:be},{default:u(()=>[c(t,{name:"open_in_new"})]),_:1})),[[Ue,"PDF öffnen",void 0,{bottom:!0}]]):y("v-if",!0),ve.value.audit_pdf_path?(d(),r(re,{key:3,primary:"",loading:ne.value,onClick:ye},{default:u(()=>[c(t,{name:"send",left:""}),a[18]||(a[18]=f(" Angebot senden ",-1))]),_:1},8,["loading"])):y("v-if",!0)])]),b("div",S,[b("div",j,[b("div",L,[b("div",z,[a[19]||(a[19]=b("span",{class:"label"},"Kontaktperson",-1)),ve.value.contact_person?(d(),v("div",{key:0,class:"value person-link",onClick:a[3]||(a[3]=e=>{return a=ve.value.contact_person,void(oe.value={type:"info",message:`Navigiere zu Person: ${a}`});var a})},g(ce(ve.value.contact_person)),1)):(d(),v("div",q,"Keine Person verknüpft"))]),b("div",B,[a[20]||(a[20]=b("span",{class:"label"},"E-Mail (Legacy)",-1)),b("div",N,g(ve.value.contact_email||"—"),1)]),b("div",D,[a[21]||(a[21]=b("span",{class:"label"},"Briefing / Fokus",-1)),b("div",M,g(ve.value.briefing||"Kein Briefing hinterlegt."),1)])])]),c(w),ve.value.ai_state?(d(),v("div",I,[a[22]||(a[22]=b("h3",{class:"section-title"},"AI Observations & Estimation",-1)),b("div",T,[c(pe,{label:"Projekt-Modus",value:ve.value.ai_state.projectType||"Unbekannt"},null,8,["value"]),c(pe,{label:"Seitenanzahl",value:(null==(e=ve.value.ai_state.sitemap)?void 0:e.length)||"0"},null,8,["value"])]),ve.value.ai_state.sitemap?(d(),r(we,{key:0,headers:[{text:"Seite",value:"title"},{text:"URL",value:"url"}],items:ve.value.ai_state.sitemap,class:"observation-table"},{"item.title":u(({item:e})=>[b("span",K,g(e.title),1)]),"item.url":u(({item:e})=>[b("span",G,g(e.url),1)]),_:2},1032,["items"])):y("v-if",!0)])):y("v-if",!0)])],64)):(d(),v("div",C,[c(pe,{title:"Lead auswählen",icon:"auto_awesome",center:""},{default:u(()=>[a[13]||(a[13]=f(" Wähle einen Lead in der Navigation aus oder ",-1)),c(re,{"x-small":"",onClick:a[2]||(a[2]=e=>ie.value=!0)},{default:u(()=>[...a[12]||(a[12]=[f("registriere einen neuen Lead",-1)])]),_:1}),a[14]||(a[14]=f(". ",-1))]),_:1})]))]),c(Ce,{modelValue:ie.value,"onUpdate:modelValue":a[10]||(a[10]=e=>ie.value=e),title:"Neuen Lead registrieren",icon:"person_add",onCancel:a[11]||(a[11]=e=>ie.value=!1)},{default:u(()=>[b("div",R,[b("div",W,[b("div",H,[a[23]||(a[23]=b("span",{class:"label"},"Firma",-1)),c(ke,{modelValue:de.value.company_name,"onUpdate:modelValue":a[4]||(a[4]=e=>de.value.company_name=e),placeholder:"z.B. Schmidt GmbH",autofocus:""},null,8,["modelValue"])]),b("div",J,[a[24]||(a[24]=b("span",{class:"label"},"Website URL",-1)),c(ke,{modelValue:de.value.website_url,"onUpdate:modelValue":a[5]||(a[5]=e=>de.value.website_url=e),placeholder:"https://..."},null,8,["modelValue"])]),b("div",Q,[a[25]||(a[25]=b("span",{class:"label"},"Ansprechpartner",-1)),c(ke,{modelValue:de.value.contact_name,"onUpdate:modelValue":a[6]||(a[6]=e=>de.value.contact_name=e),placeholder:"Vorname Nachname"},null,8,["modelValue"])]),b("div",X,[a[26]||(a[26]=b("span",{class:"label"},"E-Mail Adresse",-1)),c(ke,{modelValue:de.value.contact_email,"onUpdate:modelValue":a[7]||(a[7]=e=>de.value.contact_email=e),placeholder:"email@beispiel.de",type:"email"},null,8,["modelValue"])]),b("div",Y,[a[27]||(a[27]=b("span",{class:"label"},"Briefing / Fokus",-1)),c(Ve,{modelValue:de.value.briefing,"onUpdate:modelValue":a[8]||(a[8]=e=>de.value.briefing=e),placeholder:"Besonderheiten für das Audit..."},null,8,["modelValue"])]),b("div",Z,[a[28]||(a[28]=b("span",{class:"label"},"Kontaktperson (Optional)",-1)),c(Ae,{modelValue:de.value.contact_person,"onUpdate:modelValue":a[9]||(a[9]=e=>de.value.contact_person=e),items:ue.value,placeholder:"Person auswählen..."},null,8,["modelValue","items"])])]),b("div",ee,[c(re,{primary:"",block:"",loading:se.value,onClick:he},{default:u(()=>[...a[29]||(a[29]=[f("Lead speichern",-1)])]),_:1},8,["loading"])])])]),_:1},8,["modelValue"])]}),_:1})}}}),te=[],le=[];!function(e,a){if(e&&"undefined"!=typeof document){var t,l=!0===a.prepend?"prepend":"append",n=!0===a.singleTag,i="string"==typeof a.container?document.querySelector(a.container):document.getElementsByTagName("head")[0];if(n){var s=te.indexOf(i);-1===s&&(s=te.push(i)-1,le[s]={}),t=le[s]&&le[s][l]?le[s][l]:le[s][l]=o()}else t=o();65279===e.charCodeAt(0)&&(e=e.substring(1)),t.styleSheet?t.styleSheet.cssText+=e:t.appendChild(document.createTextNode(e))}function o(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),a.attributes)for(var t=Object.keys(a.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],a.attributes[t[n]]);var s="prepend"===l?"afterbegin":"beforeend";return i.insertAdjacentElement(s,e),e}}("\n.content-wrapper[data-v-6a55edd7] { padding: 32px; height: 100%; display: flex; flex-direction: column; overflow-y: auto;\n}\n.lead-item[data-v-6a55edd7] { cursor: pointer;\n}\n.header[data-v-6a55edd7] { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end;\n}\n.header-right[data-v-6a55edd7] { display: flex; gap: 12px;\n}\n.title[data-v-6a55edd7] { font-size: 24px; font-weight: 800; margin-bottom: 4px; color: var(--theme--foreground);\n}\n.subtitle[data-v-6a55edd7] { color: var(--theme--foreground-subdued); font-size: 14px; display: flex; align-items: center; gap: 8px;\n}\n.url-link[data-v-6a55edd7] { color: inherit; text-decoration: none; border-bottom: 1px solid transparent;\n}\n.url-link[data-v-6a55edd7]:hover { border-bottom-color: currentColor;\n}\n.empty-state[data-v-6a55edd7] { height: 100%; display: flex; align-items: center; justify-content: center;\n}\n.sections[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 32px;\n}\n.form-grid[data-v-6a55edd7] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\n}\n.field[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 8px;\n}\n.field.full[data-v-6a55edd7] { grid-column: span 2;\n}\n.label[data-v-6a55edd7] { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px;\n}\n.value[data-v-6a55edd7] { font-size: 15px; color: var(--theme--foreground);\n}\n.text-block[data-v-6a55edd7] { line-height: 1.6; white-space: pre-wrap; background: var(--theme--background-subdued); padding: 16px; border-radius: 8px;\n}\n.ai-observations[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 16px;\n}\n.section-title[data-v-6a55edd7] { font-size: 16px; font-weight: 700; color: var(--theme--foreground); margin-bottom: 8px;\n}\n.metrics[data-v-6a55edd7] { display: flex; gap: 32px; margin-bottom: 16px;\n}\n.observation-table[data-v-6a55edd7] { border: 1px solid var(--theme--border); border-radius: 8px; overflow: hidden;\n}\n.page-title[data-v-6a55edd7] { font-weight: 600;\n}\n.page-url[data-v-6a55edd7] { font-family: var(--family-monospace); font-size: 12px; color: var(--theme--foreground-subdued);\n}\n.drawer-content[data-v-6a55edd7] { padding: 24px; display: flex; flex-direction: column; gap: 32px;\n}\n.form-section[data-v-6a55edd7] { display: flex; flex-direction: column; gap: 20px;\n}\n.drawer-actions[data-v-6a55edd7] { margin-top: 24px; display: flex; flex-direction: column; gap: 12px;\n}\n[data-v-6a55edd7] .v-list-item { cursor: pointer !important;\n}\n",{});var ne=((e,a)=>{const t=e.__vccOpts||e;for(const[e,l]of a)t[e]=l;return t})(ae,[["__scopeId","data-v-6a55edd7"],["__file","module.vue"]]),ie=a({id:"acquisition-manager",name:"Acquisition",icon:"auto_awesome",routes:[{path:"",component:ne},{path:":id",component:ne,props:!0}]});export{ie as default};
diff --git a/packages/cms-infra/extensions/acquisition-manager/package.json b/packages/cms-infra/extensions/acquisition-manager/package.json
index eeed01b..14990bd 100644
--- a/packages/cms-infra/extensions/acquisition-manager/package.json
+++ b/packages/cms-infra/extensions/acquisition-manager/package.json
@@ -2,7 +2,7 @@
   "name": "acquisition-manager",
   "description": "Custom High-Fidelity Acquisition Management for Directus",
   "icon": "account_balance_wallet",
-  "version": "1.0.0",
+  "version": "1.7.12",
   "type": "module",
   "keywords": [
     "directus",
diff --git a/packages/cms-infra/extensions/acquisition/package.json b/packages/cms-infra/extensions/acquisition/package.json
index 5c9bcc1..92330d0 100644
--- a/packages/cms-infra/extensions/acquisition/package.json
+++ b/packages/cms-infra/extensions/acquisition/package.json
@@ -1,25 +1,25 @@
 {
-    "name": "acquisition",
-    "version": "1.0.0",
-    "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"
-    }
-}
\ No newline at end of file
+  "name": "acquisition",
+  "version": "1.7.12",
+  "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"
+  }
+}
diff --git a/packages/cms-infra/extensions/customer-manager/package.json b/packages/cms-infra/extensions/customer-manager/package.json
index ef1404f..426752b 100644
--- a/packages/cms-infra/extensions/customer-manager/package.json
+++ b/packages/cms-infra/extensions/customer-manager/package.json
@@ -2,7 +2,7 @@
   "name": "customer-manager",
   "description": "Custom High-Fidelity Customer & Company Management for Directus",
   "icon": "supervisor_account",
-  "version": "1.7.3",
+  "version": "1.7.12",
   "type": "module",
   "keywords": [
     "directus",
@@ -27,4 +27,4 @@
     "@directus/extensions-sdk": "11.0.2",
     "vue": "^3.4.0"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/cms-infra/extensions/feedback-commander/package.json b/packages/cms-infra/extensions/feedback-commander/package.json
index 1d99342..a0e6798 100644
--- a/packages/cms-infra/extensions/feedback-commander/package.json
+++ b/packages/cms-infra/extensions/feedback-commander/package.json
@@ -2,7 +2,7 @@
   "name": "feedback-commander",
   "description": "Custom High-Fidelity Feedback Management Extension for Directus",
   "icon": "view_kanban",
-  "version": "1.7.3",
+  "version": "1.7.12",
   "type": "module",
   "keywords": [
     "directus",
diff --git a/packages/cms-infra/extensions/people-manager/index.js b/packages/cms-infra/extensions/people-manager/index.js
index ebb3194..7b71123 100644
--- a/packages/cms-infra/extensions/people-manager/index.js
+++ b/packages/cms-infra/extensions/people-manager/index.js
@@ -1 +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};
+import{useApi as e,defineModule as a}from"@directus/extensions-sdk";import{defineComponent as t,ref as l,onMounted as n,resolveComponent as i,resolveDirective as s,openBlock as d,createBlock as o,withCtx as r,createVNode as u,createElementBlock as c,Fragment as p,renderList as v,createElementVNode as m,createTextVNode as f,toDisplayString as b,createCommentVNode as g,withDirectives as y}from"vue";var h=Object.defineProperty,x=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,V=(e,a,t)=>a in e?h(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;const k={class:"content-wrapper"},P={key:1,class:"empty-state"},C={key:2},O={class:"header"},j={class:"header-left"},N={class:"title"},E={class:"subtitle"},T={class:"header-right"},U={class:"details-grid"},z={class:"detail-item"},M={class:"value"},S={class:"detail-item"},A={class:"value"},$={class:"drawer-content"},B={class:"form-section"},F={class:"field"},I={class:"field"},q={class:"field"},K={class:"field"},W={class:"field"},D={class:"drawer-actions"};var G=t({__name:"module",setup(a){const t=e(),h=l([]),G=l(null),H=l(null),J=l(!1),L=l(!1),Q=l(!1),R=l({id:null,first_name:"",last_name:"",email:"",company:"",phone:""});async function X(){try{const e=await t.get("/items/people",{params:{sort:"last_name"}});h.ref=e.data.data}catch(e){console.error("Failed to fetch people:",e)}}function Y(){Q.value=!1,R.value={id:null,first_name:"",last_name:"",email:"",company:"",phone:""},L.value=!0}function Z(){Q.value=!0,R.value=((e,a)=>{for(var t in a||(a={}))_.call(a,t)&&V(e,t,a[t]);if(x)for(var t of x(a))w.call(a,t)&&V(e,t,a[t]);return e})({},G.value),L.value=!0}async function ee(){if(R.value.first_name&&R.value.last_name){J.value=!0;try{Q.value?(await t.patch(`/items/people/${R.value.id}`,R.value),H.value={type:"success",message:"Person aktualisiert!"}):(await t.post("/items/people",R.value),H.value={type:"success",message:"Person angelegt!"}),L.value=!1,await X(),Q.value&&(G.value=R.value)}catch(e){H.value={type:"danger",message:e.message}}finally{J.value=!1}}else H.value={type:"danger",message:"Vor- und Nachname sind erforderlich."}}async function ae(){if(confirm("Soll diese Person wirklich gelöscht werden?"))try{await t.delete(`/items/people/${G.value.id}`),H.value={type:"success",message:"Person gelöscht."},G.value=null,await X()}catch(e){H.value={type:"danger",message:e.message}}}return n(X),(e,a)=>{const t=i("v-icon"),l=i("v-list-item-icon"),n=i("v-text-overflow"),x=i("v-list-item-content"),_=i("v-list-item"),w=i("v-divider"),V=i("v-list"),X=i("v-notice"),te=i("v-button"),le=i("v-info"),ne=i("v-input"),ie=i("v-drawer"),se=i("private-view"),de=s("tooltip");return d(),o(se,{title:"People Manager"},{navigation:r(()=>[u(V,{nav:""},{default:r(()=>[u(_,{onClick:Y,clickable:""},{default:r(()=>[u(l,null,{default:r(()=>[u(t,{name:"add",color:"var(--theme--primary)"})]),_:1}),u(x,null,{default:r(()=>[u(n,{text:"Neue Person anlegen"})]),_:1})]),_:1}),u(w),(d(!0),c(p,null,v(h.value,e=>{var a;return d(),o(_,{key:e.id,active:(null==(a=G.value)?void 0:a.id)===e.id,class:"person-item",clickable:"",onClick:a=>function(e){G.value=e}(e)},{default:r(()=>[u(l,null,{default:r(()=>[u(t,{name:"person"})]),_:1}),u(x,null,{default:r(()=>[u(n,{text:`${e.first_name} ${e.last_name}`},null,8,["text"])]),_:2},1024)]),_:2},1032,["active","onClick"])}),128))]),_:1})]),default:r(()=>[m("div",k,[H.value?(d(),o(X,{key:0,type:H.value.type,onClose:a[0]||(a[0]=e=>H.value=null),dismissible:""},{default:r(()=>[f(b(H.value.message),1)]),_:1},8,["type"])):g("v-if",!0),G.value?(d(),c("div",C,[m("header",O,[m("div",j,[m("h1",N,b(G.value.first_name)+" "+b(G.value.last_name),1),m("p",E,b(G.value.email||"Keine E-Mail angegeben"),1)]),m("div",T,[y((d(),o(te,{secondary:"",rounded:"",icon:"",onClick:Z},{default:r(()=>[u(t,{name:"edit"})]),_:1})),[[de,"Person bearbeiten"]]),y((d(),o(te,{danger:"",rounded:"",icon:"",onClick:ae},{default:r(()=>[u(t,{name:"delete"})]),_:1})),[[de,"Person löschen"]])])]),u(w),m("div",U,[m("div",z,[a[11]||(a[11]=m("span",{class:"label"},"Organisation",-1)),m("p",M,b(G.value.company||"---"),1)]),m("div",S,[a[12]||(a[12]=m("span",{class:"label"},"Telefon",-1)),m("p",A,b(G.value.phone||"---"),1)])])])):(d(),c("div",P,[u(le,{title:"Person auswählen",icon:"person",center:""},{default:r(()=>[a[9]||(a[9]=f(" Wähle eine Person in der Navigation aus oder ",-1)),u(te,{"x-small":"",onClick:Y},{default:r(()=>[...a[8]||(a[8]=[f("erstelle eine neue Person",-1)])]),_:1}),a[10]||(a[10]=f(". ",-1))]),_:1})]))]),u(ie,{modelValue:L.value,"onUpdate:modelValue":a[6]||(a[6]=e=>L.value=e),title:Q.value?"Person bearbeiten":"Neue Person anlegen",icon:"person",onCancel:a[7]||(a[7]=e=>L.value=!1)},{default:r(()=>[m("div",$,[m("div",B,[m("div",F,[a[13]||(a[13]=m("span",{class:"label"},"Vorname",-1)),u(ne,{modelValue:R.value.first_name,"onUpdate:modelValue":a[1]||(a[1]=e=>R.value.first_name=e),placeholder:"Vorname",autofocus:""},null,8,["modelValue"])]),m("div",I,[a[14]||(a[14]=m("span",{class:"label"},"Nachname",-1)),u(ne,{modelValue:R.value.last_name,"onUpdate:modelValue":a[2]||(a[2]=e=>R.value.last_name=e),placeholder:"Nachname"},null,8,["modelValue"])]),m("div",q,[a[15]||(a[15]=m("span",{class:"label"},"E-Mail",-1)),u(ne,{modelValue:R.value.email,"onUpdate:modelValue":a[3]||(a[3]=e=>R.value.email=e),placeholder:"email@beispiel.de",type:"email"},null,8,["modelValue"])]),m("div",K,[a[16]||(a[16]=m("span",{class:"label"},"Organisation / Firma",-1)),u(ne,{modelValue:R.value.company,"onUpdate:modelValue":a[4]||(a[4]=e=>R.value.company=e),placeholder:"z.B. Mintel"},null,8,["modelValue"])]),m("div",W,[a[17]||(a[17]=m("span",{class:"label"},"Telefon",-1)),u(ne,{modelValue:R.value.phone,"onUpdate:modelValue":a[5]||(a[5]=e=>R.value.phone=e),placeholder:"+49 ..."},null,8,["modelValue"])])]),m("div",D,[u(te,{primary:"",block:"",loading:J.value,onClick:ee},{default:r(()=>[...a[18]||(a[18]=[f(" Person speichern ",-1)])]),_:1},8,["loading"])])])]),_:1},8,["modelValue","title"])]),_:1})}}}),H=[],J=[];!function(e,a){if(e&&"undefined"!=typeof document){var t,l=!0===a.prepend?"prepend":"append",n=!0===a.singleTag,i="string"==typeof a.container?document.querySelector(a.container):document.getElementsByTagName("head")[0];if(n){var s=H.indexOf(i);-1===s&&(s=H.push(i)-1,J[s]={}),t=J[s]&&J[s][l]?J[s][l]:J[s][l]=d()}else t=d();65279===e.charCodeAt(0)&&(e=e.substring(1)),t.styleSheet?t.styleSheet.cssText+=e:t.appendChild(document.createTextNode(e))}function d(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),a.attributes)for(var t=Object.keys(a.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],a.attributes[t[n]]);var s="prepend"===l?"afterbegin":"beforeend";return i.insertAdjacentElement(s,e),e}}("\n.content-wrapper[data-v-bd30dab7] {\n\tpadding: 32px;\n\theight: 100%;\n}\n.header[data-v-bd30dab7] {\n\tmargin-bottom: 24px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-end;\n}\n.title[data-v-bd30dab7] {\n\tfont-size: 24px;\n\tfont-weight: 800;\n\tmargin-bottom: 4px;\n}\n.subtitle[data-v-bd30dab7] {\n\tcolor: var(--theme--foreground-subdued);\n\tfont-size: 14px;\n}\n.header-right[data-v-bd30dab7] {\n\tdisplay: flex;\n\tgap: 12px;\n}\n.empty-state[data-v-bd30dab7] {\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n.details-grid[data-v-bd30dab7] {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 1fr);\n\tgap: 32px;\n\tmargin-top: 32px;\n}\n.detail-item[data-v-bd30dab7] {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n.label[data-v-bd30dab7] {\n\tfont-size: 12px;\n\tfont-weight: 700;\n\ttext-transform: uppercase;\n\tcolor: var(--theme--foreground-subdued);\n\tletter-spacing: 0.5px;\n}\n.value[data-v-bd30dab7] {\n\tfont-size: 16px;\n\tfont-weight: 500;\n}\n.drawer-content[data-v-bd30dab7] {\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 32px;\n}\n.form-section[data-v-bd30dab7] {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 20px;\n}\n.field[data-v-bd30dab7] {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n.drawer-actions[data-v-bd30dab7] {\n\tmargin-top: 24px;\n}\n",{});var L=a({id:"people-manager",name:"People Manager",icon:"person",routes:[{path:"",component:((e,a)=>{const t=e.__vccOpts||e;for(const[e,l]of a)t[e]=l;return t})(G,[["__scopeId","data-v-bd30dab7"],["__file","module.vue"]])}]});export{L as default};
diff --git a/packages/cms-infra/extensions/people-manager/package.json b/packages/cms-infra/extensions/people-manager/package.json
index 8c0ba73..8a02f79 100644
--- a/packages/cms-infra/extensions/people-manager/package.json
+++ b/packages/cms-infra/extensions/people-manager/package.json
@@ -1,30 +1,30 @@
 {
-    "name": "people-manager",
-    "description": "Custom High-Fidelity People Management for Directus",
-    "icon": "person",
-    "version": "1.0.0",
+  "name": "people-manager",
+  "description": "Custom High-Fidelity People Management for Directus",
+  "icon": "person",
+  "version": "1.7.12",
+  "type": "module",
+  "keywords": [
+    "directus",
+    "directus-extension",
+    "directus-extension-module"
+  ],
+  "files": [
+    "dist"
+  ],
+  "directus:extension": {
     "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"
-    }
-}
\ No newline at end of file
+    "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"
+  }
+}
diff --git a/packages/people-manager/index.js b/packages/people-manager/index.js
index ebb3194..7b71123 100644
--- a/packages/people-manager/index.js
+++ b/packages/people-manager/index.js
@@ -1 +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};
+import{useApi as e,defineModule as a}from"@directus/extensions-sdk";import{defineComponent as t,ref as l,onMounted as n,resolveComponent as i,resolveDirective as s,openBlock as d,createBlock as o,withCtx as r,createVNode as u,createElementBlock as c,Fragment as p,renderList as v,createElementVNode as m,createTextVNode as f,toDisplayString as b,createCommentVNode as g,withDirectives as y}from"vue";var h=Object.defineProperty,x=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,V=(e,a,t)=>a in e?h(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;const k={class:"content-wrapper"},P={key:1,class:"empty-state"},C={key:2},O={class:"header"},j={class:"header-left"},N={class:"title"},E={class:"subtitle"},T={class:"header-right"},U={class:"details-grid"},z={class:"detail-item"},M={class:"value"},S={class:"detail-item"},A={class:"value"},$={class:"drawer-content"},B={class:"form-section"},F={class:"field"},I={class:"field"},q={class:"field"},K={class:"field"},W={class:"field"},D={class:"drawer-actions"};var G=t({__name:"module",setup(a){const t=e(),h=l([]),G=l(null),H=l(null),J=l(!1),L=l(!1),Q=l(!1),R=l({id:null,first_name:"",last_name:"",email:"",company:"",phone:""});async function X(){try{const e=await t.get("/items/people",{params:{sort:"last_name"}});h.ref=e.data.data}catch(e){console.error("Failed to fetch people:",e)}}function Y(){Q.value=!1,R.value={id:null,first_name:"",last_name:"",email:"",company:"",phone:""},L.value=!0}function Z(){Q.value=!0,R.value=((e,a)=>{for(var t in a||(a={}))_.call(a,t)&&V(e,t,a[t]);if(x)for(var t of x(a))w.call(a,t)&&V(e,t,a[t]);return e})({},G.value),L.value=!0}async function ee(){if(R.value.first_name&&R.value.last_name){J.value=!0;try{Q.value?(await t.patch(`/items/people/${R.value.id}`,R.value),H.value={type:"success",message:"Person aktualisiert!"}):(await t.post("/items/people",R.value),H.value={type:"success",message:"Person angelegt!"}),L.value=!1,await X(),Q.value&&(G.value=R.value)}catch(e){H.value={type:"danger",message:e.message}}finally{J.value=!1}}else H.value={type:"danger",message:"Vor- und Nachname sind erforderlich."}}async function ae(){if(confirm("Soll diese Person wirklich gelöscht werden?"))try{await t.delete(`/items/people/${G.value.id}`),H.value={type:"success",message:"Person gelöscht."},G.value=null,await X()}catch(e){H.value={type:"danger",message:e.message}}}return n(X),(e,a)=>{const t=i("v-icon"),l=i("v-list-item-icon"),n=i("v-text-overflow"),x=i("v-list-item-content"),_=i("v-list-item"),w=i("v-divider"),V=i("v-list"),X=i("v-notice"),te=i("v-button"),le=i("v-info"),ne=i("v-input"),ie=i("v-drawer"),se=i("private-view"),de=s("tooltip");return d(),o(se,{title:"People Manager"},{navigation:r(()=>[u(V,{nav:""},{default:r(()=>[u(_,{onClick:Y,clickable:""},{default:r(()=>[u(l,null,{default:r(()=>[u(t,{name:"add",color:"var(--theme--primary)"})]),_:1}),u(x,null,{default:r(()=>[u(n,{text:"Neue Person anlegen"})]),_:1})]),_:1}),u(w),(d(!0),c(p,null,v(h.value,e=>{var a;return d(),o(_,{key:e.id,active:(null==(a=G.value)?void 0:a.id)===e.id,class:"person-item",clickable:"",onClick:a=>function(e){G.value=e}(e)},{default:r(()=>[u(l,null,{default:r(()=>[u(t,{name:"person"})]),_:1}),u(x,null,{default:r(()=>[u(n,{text:`${e.first_name} ${e.last_name}`},null,8,["text"])]),_:2},1024)]),_:2},1032,["active","onClick"])}),128))]),_:1})]),default:r(()=>[m("div",k,[H.value?(d(),o(X,{key:0,type:H.value.type,onClose:a[0]||(a[0]=e=>H.value=null),dismissible:""},{default:r(()=>[f(b(H.value.message),1)]),_:1},8,["type"])):g("v-if",!0),G.value?(d(),c("div",C,[m("header",O,[m("div",j,[m("h1",N,b(G.value.first_name)+" "+b(G.value.last_name),1),m("p",E,b(G.value.email||"Keine E-Mail angegeben"),1)]),m("div",T,[y((d(),o(te,{secondary:"",rounded:"",icon:"",onClick:Z},{default:r(()=>[u(t,{name:"edit"})]),_:1})),[[de,"Person bearbeiten"]]),y((d(),o(te,{danger:"",rounded:"",icon:"",onClick:ae},{default:r(()=>[u(t,{name:"delete"})]),_:1})),[[de,"Person löschen"]])])]),u(w),m("div",U,[m("div",z,[a[11]||(a[11]=m("span",{class:"label"},"Organisation",-1)),m("p",M,b(G.value.company||"---"),1)]),m("div",S,[a[12]||(a[12]=m("span",{class:"label"},"Telefon",-1)),m("p",A,b(G.value.phone||"---"),1)])])])):(d(),c("div",P,[u(le,{title:"Person auswählen",icon:"person",center:""},{default:r(()=>[a[9]||(a[9]=f(" Wähle eine Person in der Navigation aus oder ",-1)),u(te,{"x-small":"",onClick:Y},{default:r(()=>[...a[8]||(a[8]=[f("erstelle eine neue Person",-1)])]),_:1}),a[10]||(a[10]=f(". ",-1))]),_:1})]))]),u(ie,{modelValue:L.value,"onUpdate:modelValue":a[6]||(a[6]=e=>L.value=e),title:Q.value?"Person bearbeiten":"Neue Person anlegen",icon:"person",onCancel:a[7]||(a[7]=e=>L.value=!1)},{default:r(()=>[m("div",$,[m("div",B,[m("div",F,[a[13]||(a[13]=m("span",{class:"label"},"Vorname",-1)),u(ne,{modelValue:R.value.first_name,"onUpdate:modelValue":a[1]||(a[1]=e=>R.value.first_name=e),placeholder:"Vorname",autofocus:""},null,8,["modelValue"])]),m("div",I,[a[14]||(a[14]=m("span",{class:"label"},"Nachname",-1)),u(ne,{modelValue:R.value.last_name,"onUpdate:modelValue":a[2]||(a[2]=e=>R.value.last_name=e),placeholder:"Nachname"},null,8,["modelValue"])]),m("div",q,[a[15]||(a[15]=m("span",{class:"label"},"E-Mail",-1)),u(ne,{modelValue:R.value.email,"onUpdate:modelValue":a[3]||(a[3]=e=>R.value.email=e),placeholder:"email@beispiel.de",type:"email"},null,8,["modelValue"])]),m("div",K,[a[16]||(a[16]=m("span",{class:"label"},"Organisation / Firma",-1)),u(ne,{modelValue:R.value.company,"onUpdate:modelValue":a[4]||(a[4]=e=>R.value.company=e),placeholder:"z.B. Mintel"},null,8,["modelValue"])]),m("div",W,[a[17]||(a[17]=m("span",{class:"label"},"Telefon",-1)),u(ne,{modelValue:R.value.phone,"onUpdate:modelValue":a[5]||(a[5]=e=>R.value.phone=e),placeholder:"+49 ..."},null,8,["modelValue"])])]),m("div",D,[u(te,{primary:"",block:"",loading:J.value,onClick:ee},{default:r(()=>[...a[18]||(a[18]=[f(" Person speichern ",-1)])]),_:1},8,["loading"])])])]),_:1},8,["modelValue","title"])]),_:1})}}}),H=[],J=[];!function(e,a){if(e&&"undefined"!=typeof document){var t,l=!0===a.prepend?"prepend":"append",n=!0===a.singleTag,i="string"==typeof a.container?document.querySelector(a.container):document.getElementsByTagName("head")[0];if(n){var s=H.indexOf(i);-1===s&&(s=H.push(i)-1,J[s]={}),t=J[s]&&J[s][l]?J[s][l]:J[s][l]=d()}else t=d();65279===e.charCodeAt(0)&&(e=e.substring(1)),t.styleSheet?t.styleSheet.cssText+=e:t.appendChild(document.createTextNode(e))}function d(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),a.attributes)for(var t=Object.keys(a.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],a.attributes[t[n]]);var s="prepend"===l?"afterbegin":"beforeend";return i.insertAdjacentElement(s,e),e}}("\n.content-wrapper[data-v-bd30dab7] {\n\tpadding: 32px;\n\theight: 100%;\n}\n.header[data-v-bd30dab7] {\n\tmargin-bottom: 24px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-end;\n}\n.title[data-v-bd30dab7] {\n\tfont-size: 24px;\n\tfont-weight: 800;\n\tmargin-bottom: 4px;\n}\n.subtitle[data-v-bd30dab7] {\n\tcolor: var(--theme--foreground-subdued);\n\tfont-size: 14px;\n}\n.header-right[data-v-bd30dab7] {\n\tdisplay: flex;\n\tgap: 12px;\n}\n.empty-state[data-v-bd30dab7] {\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n.details-grid[data-v-bd30dab7] {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 1fr);\n\tgap: 32px;\n\tmargin-top: 32px;\n}\n.detail-item[data-v-bd30dab7] {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n.label[data-v-bd30dab7] {\n\tfont-size: 12px;\n\tfont-weight: 700;\n\ttext-transform: uppercase;\n\tcolor: var(--theme--foreground-subdued);\n\tletter-spacing: 0.5px;\n}\n.value[data-v-bd30dab7] {\n\tfont-size: 16px;\n\tfont-weight: 500;\n}\n.drawer-content[data-v-bd30dab7] {\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 32px;\n}\n.form-section[data-v-bd30dab7] {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 20px;\n}\n.field[data-v-bd30dab7] {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n.drawer-actions[data-v-bd30dab7] {\n\tmargin-top: 24px;\n}\n",{});var L=a({id:"people-manager",name:"People Manager",icon:"person",routes:[{path:"",component:((e,a)=>{const t=e.__vccOpts||e;for(const[e,l]of a)t[e]=l;return t})(G,[["__scopeId","data-v-bd30dab7"],["__file","module.vue"]])}]});export{L as default};
diff --git a/packages/people-manager/src/module.vue b/packages/people-manager/src/module.vue
index 8275bc0..0aff9ce 100644
--- a/packages/people-manager/src/module.vue
+++ b/packages/people-manager/src/module.vue
@@ -1,18 +1,296 @@
 <template>
 	<private-view title="People Manager">
-		<div class="people-manager">
-			<h1>People Manager</h1>
-			<p>Modern Industrial People Management Interface</p>
+		<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">
-// Logic will be added here
+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>
-.people-manager {
-	padding: 20px;
+.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>