chat worked

frontend/src/components/storage/FileUpload.svelte

@@ -31,8 +31,8 @@
     path = '',
   } = $props();
 
-  let isUploading = false;
-  let dragOver = false;
+  let isUploading = $state(false);
+  let dragOver = $state(false);
 
   async function handleUpload() {
     const file = fileInput.files[0];
@@ -94,9 +94,9 @@
     <div 
       class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-dashed rounded-md transition-colors
         {dragOver ? 'border-indigo-500 bg-indigo-50' : 'border-gray-300'}"
-      on:dragover|preventDefault={() => dragOver = true}
-      on:dragleave|preventDefault={() => dragOver = false}
-      on:drop|preventDefault={handleDrop}
+      ondragover={(event) => { event.preventDefault(); dragOver = true; }}
+      ondragleave={(event) => { event.preventDefault(); dragOver = false; }}
+      ondrop={(event) => { event.preventDefault(); handleDrop(event); }}
     >
       <div class="space-y-1 text-center">
         <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
@@ -111,7 +111,7 @@
               type="file" 
               class="sr-only" 
               bind:this={fileInput}
-              on:change={handleUpload}
+              onchange={handleUpload}
               disabled={isUploading}
             >
           </label>
@@ -132,4 +132,4 @@
 <!-- [/SECTION: TEMPLATE] -->
 
 
-<!-- [/DEF:FileUpload:Component] -->
+<!-- [/DEF:FileUpload:Component] -->