From 01dd36b8458c1bb7fe22554b4e2821dac27c387c Mon Sep 17 00:00:00 2001
From: robmsmt <rob@robmsmt.com>
Date: Fri, 24 Apr 2026 18:00:29 +0200
Subject: [PATCH 1/2] link to chat

---
 frontend/src/components/ui/ModelCard.svelte | 10 +++++++---
 frontend/src/components/ui/ModelList.svelte |  4 +++-
 frontend/src/pages/index.astro              |  2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/ui/ModelCard.svelte b/frontend/src/components/ui/ModelCard.svelte
index c452037..0ebbdbd 100644
--- a/frontend/src/components/ui/ModelCard.svelte
+++ b/frontend/src/components/ui/ModelCard.svelte
@@ -15,11 +15,12 @@
       };
   }
   export let entry: ModelCardProps["entry"];
-  
-  // Get the logo URL for this model
+  export let chatAppUrl = "https://chat.swissai.cscs.ch";
+
   const logoUrl = getModelLogo(entry.data.title);
   const metricsUrl = getModelMetricsUrl(entry.data.title);
   const tier = getModelTier(entry.data.title);
+  const chatUrl = `${chatAppUrl.replace(/\/$/, "")}/?models=${encodeURIComponent(entry.data.title)}`;
 
   let copied = false;
 
@@ -39,7 +40,9 @@
 </script>
 
 <a
-href=https://huggingface.co/{entry.data.title}
+href={chatUrl}
+target="_blank"
+rel="noopener noreferrer"
 class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 hover:bg-black/5 dark:hover:bg-white/5 hover:text-black dark:hover:text-white transition-colors duration-300 ease-in-out"
 >
 <div class="flex items-center gap-3 min-w-0">
@@ -171,6 +174,7 @@ class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-
     cursor: help;
   }
 
+
   @keyframes check-bounce {
     0% {
       transform: scale(1);
diff --git a/frontend/src/components/ui/ModelList.svelte b/frontend/src/components/ui/ModelList.svelte
index a04e931..275a912 100644
--- a/frontend/src/components/ui/ModelList.svelte
+++ b/frontend/src/components/ui/ModelList.svelte
@@ -4,6 +4,8 @@
     import { getApiUrl } from "../../lib/config";
     import { getModelTier } from "../../lib/modelMetrics";
 
+    export let chatAppUrl = "https://chat.swissai.cscs.ch";
+
     let models = [];
     let modelCount = 0;
     let loading = true;
@@ -116,7 +118,7 @@
     {:else}
     <div class="model-list space-y-2">
         {#each filteredModels as model (model.data.title)}
-            <ModelCard entry={model} />
+            <ModelCard entry={model} {chatAppUrl} />
         {/each}
         {#if filteredModels.length === 0}
             <div class="text-center text-slate-500 dark:text-slate-400 py-6">
diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index 0c960b2..031f61f 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -173,7 +173,7 @@ const sponsors = [
       <!-- Available Models Section -->
       <section class="animate space-y-8">
         <div class="card p-8">
-          <ModelList client:load />
+          <ModelList client:load chatAppUrl={chatAppUrl} />
         </div>
       </section>
 

From 5afd6d83e9dd4af1a44eb9fab0a4a46ea168308e Mon Sep 17 00:00:00 2001
From: robmsmt <rob@robmsmt.com>
Date: Fri, 24 Apr 2026 18:05:33 +0200
Subject: [PATCH 2/2] fix env var link

---
 frontend/src/components/ui/ModelCard.svelte | 2 +-
 frontend/src/components/ui/ModelList.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/ModelCard.svelte b/frontend/src/components/ui/ModelCard.svelte
index 0ebbdbd..1055dcb 100644
--- a/frontend/src/components/ui/ModelCard.svelte
+++ b/frontend/src/components/ui/ModelCard.svelte
@@ -15,7 +15,7 @@
       };
   }
   export let entry: ModelCardProps["entry"];
-  export let chatAppUrl = "https://chat.swissai.cscs.ch";
+  export let chatAppUrl: string;
 
   const logoUrl = getModelLogo(entry.data.title);
   const metricsUrl = getModelMetricsUrl(entry.data.title);
diff --git a/frontend/src/components/ui/ModelList.svelte b/frontend/src/components/ui/ModelList.svelte
index 275a912..835411e 100644
--- a/frontend/src/components/ui/ModelList.svelte
+++ b/frontend/src/components/ui/ModelList.svelte
@@ -4,7 +4,7 @@
     import { getApiUrl } from "../../lib/config";
     import { getModelTier } from "../../lib/modelMetrics";
 
-    export let chatAppUrl = "https://chat.swissai.cscs.ch";
+    export let chatAppUrl;
 
     let models = [];
     let modelCount = 0;