KI-AGENT: Dateivorschauen authentifiziert laden

frontend/components/DocumentDisplay.vue

@@ -38,16 +38,10 @@ const showFile = (file) => {
 
 <template>
   <div :id="`docDisplay-${documentData.id}`"  class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : showFile(documentData)">
-    <iframe
-        :src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
+    <AuthenticatedFilePreview
+        :file-id="documentData.id"
+        :path="documentData.path"
         class="previewEmbed"
-        v-if="documentData.path.toLowerCase().includes('pdf')"
-        loading="lazy"
-    />
-    <img
-      v-else
-      alt=""
-      :src="documentData.url"
     />
 <!-- TODO: Remove Scrollbar    -->
     <UTooltip class="w-full" :text="documentData.path.split('/')[documentData.path.split('/').length -1]">
@@ -92,4 +86,4 @@ const showFile = (file) => {
   display: none;
 }
 
-</style>
+</style>