chore: optimize cms startup, refactor scripts and implement real-time dev mode

packages/acquisition-manager/src/module.vue

@@ -72,6 +72,15 @@
 			<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 && !isCustomer(selectedLead.company)" 
+				secondary
+				@click="linkAsCustomer"
+			>
+				<v-icon name="handshake" left />
+				Kunde verlinken
+			</v-button>
 			
 			<v-button 
 				v-if="selectedLead?.audit_pdf_path" 
@@ -182,9 +191,12 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue';
 import { useApi } from '@directus/extensions-sdk';
+import { useRoute, useRouter } from 'vue-router';
 import { MintelManagerLayout, MintelSelect, MintelStatCard } from '@mintel/directus-extension-toolkit';
 
 const api = useApi();
+const route = useRoute();
+const router = useRouter();
 const leads = ref<any[]>([]);
 const selectedLeadId = ref<string | null>(null);
 const loadingAudit = ref(false);
@@ -204,6 +216,7 @@ const newLead = ref({
 
 const companies = ref<any[]>([]);
 const people = ref<any[]>([]);
+const customers = ref<any[]>([]);
 
 const companyOptions = computed(() => 
 	companies.value.map(c => ({
@@ -242,7 +255,7 @@ const selectedLead = computed(() => leads.value.find(l => l.id === selectedLeadI
 
 async function fetchData() {
 	try {
-		const [leadsResp, peopleResp, companiesResp] = await Promise.all([
+		const [leadsResp, peopleResp, companiesResp, customersResp] = await Promise.all([
 			api.get('/items/leads', { 
 				params: { 
 					sort: '-date_created',
@@ -250,11 +263,13 @@ async function fetchData() {
 				} 
 			}),
 			api.get('/items/people', { params: { sort: 'last_name' } }),
-			api.get('/items/companies', { params: { sort: 'name' } })
+			api.get('/items/companies', { params: { sort: 'name' } }),
+			api.get('/items/customers', { params: { fields: ['company'] } })
 		]);
 		leads.value = leadsResp.data.data;
 		people.value = peopleResp.data.data;
 		companies.value = companiesResp.data.data;
+		customers.value = customersResp.data.data;
 		
 		if (!selectedLeadId.value && leads.value.length > 0) {
 			selectedLeadId.value = leads.value[0].id;
@@ -264,6 +279,33 @@ async function fetchData() {
 	}
 }
 
+function isCustomer(companyId: string | any) {
+    if (!companyId) return false;
+    const id = typeof companyId === 'object' ? companyId.id : companyId;
+    return customers.value.some(c => (typeof c.company === 'object' ? c.company.id : c.company) === id);
+}
+
+async function linkAsCustomer() {
+    if (!selectedLead.value) return;
+    
+    const companyId = selectedLead.value.company 
+        ? (typeof selectedLead.value.company === 'object' ? selectedLead.value.company.id : selectedLead.value.company)
+        : null;
+        
+    const personId = selectedLead.value.contact_person
+        ? (typeof selectedLead.value.contact_person === 'object' ? selectedLead.value.contact_person.id : selectedLead.value.contact_person)
+        : null;
+
+    router.push({
+        name: 'module-customer-manager',
+        query: {
+            create: 'true',
+            company: companyId,
+            contact_person: personId
+        }
+    });
+}
+
 async function fetchLeads() {
 	await fetchData();
 }
@@ -391,7 +433,12 @@ function getStatusColor(status: string) {
 	}
 }
 
-onMounted(fetchData);
+onMounted(async () => {
+    await fetchData();
+    if (route.query.create === 'true') {
+        openCreateDrawer();
+    }
+});
 </script>
 
 <style scoped>