coming soon label

src/routes/ModelDetails.svelte

@@ -51,6 +51,15 @@
         scenes = [...scenes];
     }
 
+    function isValidUrl(url: string): boolean {
+        try {
+            new URL(url);
+            return true;
+        } catch (error) {
+            return false;
+        }
+    }
+
     onMount(fetchScenes);
 </script>
 
@@ -66,9 +75,9 @@
 </div>
 
 <div class="model-details">
-    {#if config && (config.Model || config.Space || config.Paper)}
+    {#if config && (isValidUrl(config.Model) || isValidUrl(config.Space) || isValidUrl(config.Paper))}
         <div class="config-container">
-            {#if config.Model}
+            {#if config.Model && isValidUrl(config.Model)}
                 <div class="config-item">
                     <span class="config-label">Model:</span>
                     <a class="muted" href={config.Model} target="_blank">
@@ -76,7 +85,7 @@
                     </a>
                 </div>
             {/if}
-            {#if config.Space}
+            {#if config.Space && isValidUrl(config.Space)}
                 <div class="config-item">
                     <span class="config-label">Space:</span>
                     <a class="muted" href={config.Space} target="_blank">
@@ -84,7 +93,7 @@
                     </a>
                 </div>
             {/if}
-            {#if config.Paper}
+            {#if config.Paper && isValidUrl(config.Paper)}
                 <div class="config-item">
                     <span class="config-label">Paper:</span>
                     <a class="muted" href={config.Paper} target="_blank">
@@ -96,6 +105,13 @@
                 </div>
             {/if}
         </div>
+    {:else}
+        <div class="config-container">
+            <div class="config-item">
+                <span class="config-label">Model:</span>
+                <span class="muted">Coming Soon</span>
+            </div>
+        </div>
     {/if}
 
     {#if scenes.length > 0}