feat: dropdown suggestions for the 'Pull a model from Ollama.com' input box

backend/apps/ollama/main.py

@@ -27,6 +27,7 @@
 import logging
 from urllib.parse import urlparse
 from typing import Optional, List, Union
+from bs4 import BeautifulSoup
 
 
 from apps.web.models.users import Users
@@ -161,6 +162,23 @@ async def get_all_models():
     return models
 
 
+@app.get("/api/scrape")
+async def scrape_models(url="https://ollama.com/library"):
+    try:
+        response = requests.get(url)
+        response.raise_for_status()
+        soup = BeautifulSoup(response.text, "html.parser")
+        models = [h2.text.strip() for h2 in soup.find_all("h2")]
+
+        return {"models": models}
+    except Exception as e:
+        log.exception(e)
+        raise HTTPException(
+            status_code=500,
+            detail="Error scraping models",
+        )
+
+
 @app.get("/api/tags")
 @app.get("/api/tags/{url_idx}")
 async def get_ollama_tags(

src/lib/apis/ollama/index.ts

@@ -484,6 +484,32 @@ export const uploadModel = async (token: string, file: File, urlIdx: string | nu
 	return res;
 };
 
+export const scrapeModelsList = async (token: string) => {
+	let error = null;
+
+	const res = await fetch(`${OLLAMA_API_BASE_URL}/api/scrape`, {
+		method: 'GET',
+		headers: {
+			Accept: 'application/json',
+			'Content-Type': 'application/json',
+			Authorization: `Bearer ${token}`
+		}
+	}).catch((err) => {
+		console.log(err);
+		error = err;
+
+		if ('detail' in err) {
+			error = err.detail;
+		}
+
+		return null;
+	});
+	if (error) {
+		throw error;
+	}
+	return res;
+};
+
 // export const pullModel = async (token: string, tagName: string) => {
 // 	return await fetch(`${OLLAMA_API_BASE_URL}/pull`, {
 // 		method: 'POST',

src/lib/components/admin/UserChatsModal.svelte

@@ -133,7 +133,10 @@
 						{/each} -->
 					</div>
 				{:else}
-					<div class="text-left text-sm w-full mb-8">{user.name} {$i18n.t('has no conversations.')}</div>
+					<div class="text-left text-sm w-full mb-8">
+						{user.name}
+						{$i18n.t('has no conversations.')}
+					</div>
 				{/if}
 			</div>
 		</div>

src/lib/components/layout/Sidebar/ChatMenu.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
 	import { flyAndScale } from '$lib/utils/transitions';
-	import { getContext } from 'svelte'
+	import { getContext } from 'svelte';
 
 	import Dropdown from '$lib/components/common/Dropdown.svelte';
 	import GarbageBin from '$lib/components/icons/GarbageBin.svelte';

src/lib/i18n/locales/de-DE/translation.json

@@ -291,7 +291,7 @@
 	"Profile Image": "Profilbild",
 	"Prompt (e.g. Tell me a fun fact about the Roman Empire)": "Prompt (z.B. Erzähle mir eine interessante Tatsache über das Römische Reich.",
 	"Playground": "Spielplatz",
-									   
+
 	"Profile": "Profil",
 	"Prompt Content": "Prompt-Inhalt",
 	"Prompt suggestions": "Prompt-Vorschläge",