feat(app)[lm]: improve model selection dialog layout and add source attribution

Author: Keshav-writes-code

apps/app/src/components/general/app_settings/editor/lm_config/list_models.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { openUrl } from '@tauri-apps/plugin-opener';
   import { z } from 'zod';
 
   let {
@@ -39,12 +40,12 @@
 </script>
 
 <dialog class="modal" open={models_list_dialog_open}>
-  <div class="modal-box">
+  <div class="modal-box max-h-140 flex flex-col">
     <h3 class="font-bold text-lg mb-4">Select Model</h3>
 
     {#if model_provider}
       <!-- content here -->
-      <ul class="menu flex-nowrap w-full max-h-96 overflow-y-auto">
+      <ul class="menu flex-nowrap w-full min-h-0 h-full overflow-y-auto">
         {#each models as model (model.id)}
           {@const model_id_stripped = model.id.split('/')[1]}
           <li>
@@ -62,13 +63,27 @@
           {:else if models && !models.length}
             No models found for {model_provider}
           {:else}
-            Loading...
+            Fetching from internet
           {/if}
         {/each}
       </ul>
     {:else}
       Please select a Model Provider first
     {/if}
+    <span class=" py-1 text-base-content/50 text-sm flex gap-1">
+      these models are fetched from
+      <button
+        onclick={async () => {
+          await openUrl('https://ai-gateway.vercel.sh/v1/models');
+        }}
+        class="link link-primary"
+      >
+        <span class="flex items-center">
+          here <div class="i-tabler:arrow-up-right size-4"></div>
+        </span>
+      </button>
+    </span>
+
     <button
       class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
       onclick={() => (models_list_dialog_open = false)}>✕</button