fix: build

frontend/src/components/imageManager.ts

@@ -6,7 +6,7 @@ import {
   getModels,
   getSettings,
 } from '../client';
-import { ImageRecord } from '../types';
+import { GenerateImageRequest, ImageRecord } from '../types';
 import { applyFilter } from '../utils';
 
 // Constants
@@ -26,6 +26,12 @@ interface StoredSettings {
 }
 
 // Utilities
+const errorMessage = (err: unknown): string => {
+  if (err instanceof Error) return err.message;
+  if (typeof err === 'string') return err;
+  return 'An unexpected error occurred';
+};
+
 const fileToDataURL = (file: File): Promise<string> =>
   new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -252,8 +258,8 @@ Alpine.data('imageGenerator', () => {
       });
     },
 
-    async buildRequestData() {
-      const requestData: any = {
+    async buildRequestData(): Promise<GenerateImageRequest> {
+      const requestData: GenerateImageRequest = {
         prompt: this.prompt,
         n: parseInt(this.n.toString()),
         seed: parseInt(this.seed.toString()),
@@ -281,8 +287,8 @@ Alpine.data('imageGenerator', () => {
         const requestData = await this.buildRequestData();
         const data = await generateImage(requestData);
         this.generatedImages.unshift(...data);
-      } catch (err: any) {
-        this.error = err;
+      } catch (err) {
+        this.error = errorMessage(err);
       } finally {
         this.loading = false;
       }
@@ -294,8 +300,8 @@ Alpine.data('imageGenerator', () => {
         this.generatedImages = this.generatedImages.filter(
           (img: ImageRecord) => img.name !== filename,
         );
-      } catch (err: any) {
-        this.error = err;
+      } catch (err) {
+        this.error = errorMessage(err);
       }
     },