Only show creator name if it's defined

Author: nsarrazin

src/lib/components/chat/AssistantIntroduction.svelte

@@ -44,15 +44,17 @@
 					{assistant.description}
 				</p>
 
-				<p class="pt-2 text-sm text-gray-400 dark:text-gray-500">
-					Created by <a
-						class="hover:underline"
-						href="https://hf.co/{assistant.createdByName}"
-						target="_blank"
-					>
-						{assistant.createdByName}
-					</a>
-				</p>
+				{#if assistant.createdByName}
+					<p class="pt-2 text-sm text-gray-400 dark:text-gray-500">
+						Created by <a
+							class="hover:underline"
+							href="https://hf.co/{assistant.createdByName}"
+							target="_blank"
+						>
+							{assistant.createdByName}
+						</a>
+					</p>
+				{/if}
 			</div>
 		</div>
 		<div class="absolute right-2 top-3 sm:top-2">

src/routes/assistant/[assistantId]/+page.svelte

@@ -66,16 +66,17 @@
 		<h3 class="text-sm text-gray-700">
 			{data.assistant.description}
 		</h3>
-		<p class="text-sm text-gray-500">
-			Created by <a
-				class="hover:underline"
-				href="https://hf.co/{data.assistant.createdByName}"
-				target="_blank"
-			>
-				{data.assistant.createdByName}
-			</a>
-		</p>
-
+		{#if data.assistant.createdByName}
+			<p class="text-sm text-gray-500">
+				Created by <a
+					class="hover:underline"
+					href="https://hf.co/{data.assistant.createdByName}"
+					target="_blank"
+				>
+					{data.assistant.createdByName}
+				</a>
+			</p>
+		{/if}
 		<button
 			class="mt-4 w-full rounded-full bg-gray-200 px-4 py-2 font-semibold text-gray-700"
 			on:click={() => {

src/routes/assistant/[assistantId]/thumbnail.png/+server.ts

@@ -23,7 +23,7 @@ export const GET: RequestHandler = (async ({ url, params, fetch }) => {
 		href: url.origin,
 		name: assistant.name,
 		description: assistant.description,
-		createdByName: assistant.createdByName ?? "",
+		createdByName: assistant.createdByName,
 		avatarUrl: assistant.avatar
 			? url.origin + APP_BASE + "/settings/assistants/" + assistant._id + "/avatar"
 			: undefined,

src/routes/assistant/[assistantId]/thumbnail.png/ChatThumbnail.svelte

@@ -5,7 +5,7 @@
 	export let href: string = "";
 	export let name: string;
 	export let description: string = "";
-	export let createdByName = "";
+	export let createdByName: string | undefined;
 	export let avatarUrl: string | undefined;
 
 	const imgUrl = `${href}${base}/${PUBLIC_APP_ASSETS}/icon.svg`;
@@ -30,10 +30,12 @@
 			<span class="-mt-5 max-w-[65vw] text-3xl font-black">
 				{name}
 			</span>
-			<h3 class="mt-2 font-medium text-gray-400">
-				Created by
-				<span class="ml-1 underline">{createdByName}</span>
-			</h3>
+			{#if createdByName}
+				<h3 class="mt-2 font-medium text-gray-400">
+					Created by
+					<span class="ml-1 underline">{createdByName}</span>
+				</h3>
+			{/if}
 		</div>
 	</div>
 	<h2 class="max-w-[90vw] items-center text-center font-medium text-gray-400">

src/routes/settings/assistants/[assistantId]/+page.svelte

@@ -77,7 +77,7 @@
 
 		<p class="pb-2 text-sm text-gray-500">
 			People with this link will be able to use your assistant.
-			{#if !assistant?.createdByMe}
+			{#if !assistant?.createdByMe && assistant?.createdByName}
 				Created by <a
 					class="underline"
 					target="_blank"

src/routes/settings/assistants/[assistantId]/edit/+page.server.ts

@@ -137,7 +137,7 @@ export const actions: Actions = {
 			},
 			{
 				createdById: assistant?.createdById,
-				createdByName: locals.user?.username,
+				createdByName: locals.user?.username ?? locals.user?.name,
 				...parse.data,
 				exampleInputs,
 				avatar: hash ?? assistant.avatar,

src/routes/settings/assistants/new/+page.server.ts

@@ -123,7 +123,7 @@ export const actions: Actions = {
 		const { insertedId } = await collections.assistants.insertOne({
 			_id: newAssistantId,
 			createdById,
-			createdByName: locals.user?.username,
+			createdByName: locals.user?.username ?? locals.user?.name,
 			...parse.data,
 			exampleInputs,
 			avatar: hash,