Make model branding customizable based on env var (#345)

* rm open assistant branding

* Update SettingsModal.svelte

* make settings work with a dynamic list of models

* fixed types

---------

Co-authored-by: Nathan Sarrazin <[email protected]>

src/lib/components/SettingsModal.svelte

@@ -8,8 +8,10 @@
 	import { enhance } from "$app/forms";
 	import { base } from "$app/paths";
 	import { PUBLIC_APP_DATA_SHARING } from "$env/static/public";
+	import type { Model } from "$lib/types/Model";
 
 	export let settings: Pick<Settings, "shareConversationsWithModelAuthors">;
+	export let models: Array<Model>;
 
 	let shareConversationsWithModelAuthors = settings.shareConversationsWithModelAuthors;
 	let isConfirmingDeletion = false;
@@ -52,22 +54,21 @@
 				<p class="text-gray-800">
 					You can change this setting at any time, it applies to all your conversations.
 				</p>
-				<p class="text-gray-800">
-					Read more about model authors,
-					<a
-						href="https://open-assistant.io/"
-						target="_blank"
-						rel="noreferrer"
-						class="underline decoration-gray-300 hover:decoration-gray-700">Open Assistant</a
-					>
-					or
-					<a
-						href="https://ai.meta.com/llama/"
-						target="_blank"
-						rel="noreferrer"
-						class="underline decoration-gray-300 hover:decoration-gray-700">Meta AI</a
-					>.
-				</p>
+				<div>
+					<p class="text-gray-800 ">Read more about model authors:</p>
+					<ul class="list-inside list-disc">
+						{#each models as model}
+							<li class="list-item">
+								<a
+									href={model["websiteUrl"]}
+									target="_blank"
+									rel="noreferrer"
+									class="underline decoration-gray-300 hover:decoration-gray-700">{model["name"]}</a
+								>
+							</li>
+						{/each}
+					</ul>
+				</div>
 			{/if}
 			<form
 				method="post"

src/routes/+layout.svelte

@@ -176,7 +176,11 @@
 		<Toast message={currentError} />
 	{/if}
 	{#if isSettingsOpen}
-		<SettingsModal on:close={() => (isSettingsOpen = false)} settings={data.settings} />
+		<SettingsModal
+			on:close={() => (isSettingsOpen = false)}
+			settings={data.settings}
+			models={data.models}
+		/>
 	{/if}
 	{#if requiresLogin && data.messagesBeforeLogin === 0}
 		<LoginModal settings={data.settings} />