- Galerien sind nun eine Entität - es kann mehrere geben

- Neues Sparkbooth-Upload-Feature: Endpoint /api/sparkbooth/upload (Token-basiert pro Galerie), Controller Api/SparkboothUploadController, Migration 2026_01_21_000001_add_upload_fields_to_galleries_table.php mit Upload-Flags/Token/Expiry;
    Galerie-Modell und Factory/Seeder entsprechend erweitert.
  - Filament: Neue Setup-Seite SparkboothSetup (mit View) zur schnellen Galerie- und Token-Erstellung inkl. QR/Endpoint/Snippet;
    Galerie-Link-Views nutzen jetzt simple-qrcode (Composer-Dependency hinzugefügt) und bieten PNG-Download.
  - Galerie-Tabelle: Slug/Pfad-Spalten entfernt, Action „Link-Details“ mit Modal; Created-at-Spalte hinzugefügt.
  - Zugriffshärtung: Galerie-IDs in API (ImageController, Download/Print) geprüft; GalleryAccess/Middleware + Gallery-Modell/Slug-UUID
    eingeführt; GalleryAccess-Inertia-Seite.
  - UI/UX: LoadingSpinner/StyledImageDisplay verbessert, Delete-Confirm, Übersetzungen ergänzt.

resources/js/Components/StyleSelector.vue

@@ -66,6 +66,18 @@ const props = defineProps({
     type: [Number, String],
     required: true,
   },
+  allowAiStyles: {
+    type: Boolean,
+    default: true,
+  },
+  gallerySlug: {
+    type: String,
+    default: 'default',
+  },
+  aiAvailableOverride: {
+    type: Boolean,
+    default: null,
+  },
 });
 
 const emits = defineEmits(['styleSelected', 'close']);
@@ -75,22 +87,39 @@ const fetchStyles = async () => {
   loadError.value = null;
 
   try {
-    // Check AI availability first
-    const aiStatusResponse = await axios.get('/api/ai-status');
-    const aiStatus = aiStatusResponse.data;
-    aiAvailable.value = aiStatus.some(provider => provider.available);
-
-    if (!aiAvailable.value) {
-      loadError.value = 'AI-Dienste sind derzeit nicht verfügbar. Bitte versuchen Sie es später erneut.';
+    if (!props.allowAiStyles) {
+      aiAvailable.value = false;
+      loadError.value = 'Stilwechsel ist für diese Galerie deaktiviert.';
       isLoading.value = false;
       return;
     }
 
+    if (props.aiAvailableOverride !== null) {
+      aiAvailable.value = props.aiAvailableOverride;
+    } else {
+      aiAvailable.value = true;
+    }
+
     // Fetch styles only if AI is available
-    const stylesResponse = await axios.get('/api/styles');
-    styles.value = stylesResponse.data.filter(style => {
-      // Only show styles from available providers
-      return style.ai_model && style.ai_model.api_provider && style.ai_model.api_provider.enabled;
+    const stylesResponse = await axios.get('/api/styles', {
+      params: { gallery: props.gallerySlug },
+    });
+
+    const payload = Array.isArray(stylesResponse.data) ? stylesResponse.data : [];
+
+    styles.value = payload.filter((style) => {
+      if (! props.allowAiStyles) {
+        return false;
+      }
+
+      const aiModel = style.ai_model || style.aiModel || {};
+      const provider = aiModel.primary_api_provider || aiModel.api_provider || {};
+
+      if (provider.enabled === false) {
+        return false;
+      }
+
+      return aiModel && (provider || aiModel);
     });
 
   } catch (error) {
@@ -105,7 +134,17 @@ const selectStyle = (style) => {
   emits('styleSelected', style, props.image_id);
 };
 
-const buildPreviewPath = (preview) => `/storage/${preview}`;
+const buildPreviewPath = (preview) => {
+  if (! preview) {
+    return '';
+  }
+
+  if (preview.startsWith('http://') || preview.startsWith('https://') || preview.startsWith('/')) {
+    return preview;
+  }
+
+  return `/storage/${preview}`;
+};
 
 onMounted(() => {
   fetchStyles();