feat(cloner): add cloner-library and finalize pdf-library rename

packages/customer-manager/src/module.vue

@@ -127,6 +127,15 @@
                         <v-input v-model="employeeForm.email" placeholder="E-Mail Adresse" type="email" />
                     </div>
 
+                    <div class="field">
+                        <span class="label">Zentrale Person (Verknüpfung)</span>
+                        <v-select
+                            v-model="employeeForm.person"
+                            :items="peopleOptions"
+                            placeholder="Person aus dem People Manager auswählen..."
+                        />
+                    </div>
+
                     <v-divider v-if="isEditingEmployee" />
 
                     <div v-if="isEditingEmployee" class="field">
@@ -158,7 +167,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, nextTick } from 'vue';
+import { ref, onMounted, nextTick, computed } from 'vue';
 import { useApi } from '@directus/extensions-sdk';
 
 const api = useApi();
@@ -183,6 +192,7 @@ const employeeForm = ref({
     first_name: '', 
     last_name: '', 
     email: '', 
+    person: null,
     temporary_password: '' 
 });
 
@@ -192,14 +202,22 @@ const tableHeaders = [
 	{ text: 'Zuletzt eingeladen', value: 'last_invited', sortable: true }
 ];
 
-async function fetchCompanies() {
-	const res = await api.get('/items/companies', {
-		params: {
-			fields: ['id', 'name'],
-			sort: 'name',
-		},
-	});
-	companies.value = res.data.data;
+const people = ref<any[]>([]);
+
+const peopleOptions = computed(() => 
+    people.value.map(p => ({
+        text: `${p.first_name} ${p.last_name} (${p.email})`,
+        value: p.id
+    }))
+);
+
+async function fetchData() {
+    const [companiesResp, peopleResp] = await Promise.all([
+        api.get('/items/companies', { params: { sort: 'name', fields: ['id', 'name'] } }),
+        api.get('/items/people', { params: { sort: 'last_name' } })
+    ]);
+    companies.value = companiesResp.data.data;
+    people.value = peopleResp.data.data;
 }
 
 async function selectCompany(company: any) {
@@ -209,7 +227,7 @@ async function selectCompany(company: any) {
 		const res = await api.get('/items/client_users', {
 			params: {
 				filter: { company: { _eq: company.id } },
-				fields: ['*'],
+				fields: ['*', 'person.*'],
 				sort: 'first_name',
 			},
 		});
@@ -273,6 +291,7 @@ async function openEditEmployee(item: any) {
         first_name: item.first_name || '',
         last_name: item.last_name || '',
         email: item.email || '',
+        person: item.person?.id || item.person || null,
         temporary_password: item.temporary_password || ''
     };
 	isEditingEmployee.value = true;
@@ -288,7 +307,8 @@ async function saveEmployee() {
 			await api.patch(`/items/client_users/${employeeForm.value.id}`, {
 				first_name: employeeForm.value.first_name,
 				last_name: employeeForm.value.last_name,
-				email: employeeForm.value.email
+				email: employeeForm.value.email,
+				person: employeeForm.value.person
 			});
 			notice.value = { type: 'success', message: 'Mitarbeiter aktualisiert!' };
 		} else {
@@ -296,7 +316,8 @@ async function saveEmployee() {
 				first_name: employeeForm.value.first_name,
 				last_name: employeeForm.value.last_name,
 				email: employeeForm.value.email,
-				company: selectedCompany.value.id
+				company: selectedCompany.value.id,
+				person: employeeForm.value.person
 			});
 			notice.value = { type: 'success', message: 'Mitarbeiter angelegt!' };
 		}
@@ -343,7 +364,7 @@ function formatDate(dateStr: string) {
 }
 
 onMounted(() => {
-	fetchCompanies();
+	fetchData();
 });
 </script>