Fix: imagepreview: improve typing; fix comparison tool

src/UI/Comparison/ComparisonTable.svelte

@@ -137,7 +137,7 @@
             <AttributedImage
               {state}
               imgClass="h-32 shrink-0"
-              image={{ url: image }}
+              image={{ url: image, id: image }}
               previewedImage={state.previewedImage}
             />
           </div>

src/UI/Image/AttributedImage.svelte

@@ -28,7 +28,7 @@
   export let imgClass: string = undefined
   export let state: SpecialVisualizationState = undefined
   export let attributionFormat: "minimal" | "medium" | "large" = "medium"
-  export let previewedImage: UIEventSource<ProvidedImage> = undefined
+  export let previewedImage: UIEventSource<Partial<ProvidedImage>> = undefined
   export let canZoom = previewedImage !== undefined
   let loaded = false
   let showBigPreview = new UIEventSource(false)
@@ -37,13 +37,13 @@
       if (!shown) {
         previewedImage?.set(undefined)
       }
-    })
+    }),
   )
   if (previewedImage) {
     onDestroy(
       previewedImage.addCallbackAndRun((previewedImage) => {
-        showBigPreview.set(previewedImage !== undefined && previewedImage?.id === image.id)
+        showBigPreview.set(previewedImage !== undefined && (previewedImage?.id ?? previewedImage?.url) === (image.id ?? image.url))
-      })
+      }),
     )
   }
 
@@ -89,6 +89,8 @@
     />
   </div>
 </Popup>
+
+
 {#if image.status !== undefined && image.status !== "ready" && image.status !== "hidden"}
   <div class="flex h-full flex-col justify-center">
     <Loading>
@@ -113,6 +115,7 @@
         class={imgClass ?? ""}
         class:cursor-zoom-in={canZoom}
         on:click={() => {
+          console.log("Setting",image.url)
           previewedImage?.set(image)
         }}
         on:error={() => {

src/UI/Image/ImageOperations.svelte

@@ -15,7 +15,7 @@
   import Translations from "../i18n/Translations"
   import DotMenu from "../Base/DotMenu.svelte"
 
-  export let image: ProvidedImage
+  export let image: Partial<ProvidedImage> & ({ id: string, url: string })
   export let clss: string = undefined
 
   let isLoaded = new UIEventSource(false)

src/UI/Image/ImagePreview.svelte

@@ -8,7 +8,7 @@
   import Zoomcontrol from "../Zoomcontrol"
   import { onDestroy } from "svelte"
 
-  export let image: ProvidedImage
+  export let image: Partial<ProvidedImage>
   let panzoomInstance = undefined
   let panzoomEl: HTMLElement
   export let isLoaded: UIEventSource<boolean> = undefined