add github repo link in account settings & type fixes

Author: 0xGingi

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "css.lint.unknownAtRules": "ignore"
+}

src/lib/components/model-picker/model-picker.svelte

@@ -598,10 +598,14 @@
 	</button>
 
 	{#if open}
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
 		<div
 			class="fixed inset-0 z-50 bg-black/80 backdrop-blur-sm"
+			role="button"
+			tabindex="-1"
 			transition:fade={{ duration: 150 }}
 			onclick={() => (open = false)}
+			onkeydown={(e) => e.key === 'Escape' && (open = false)}
 		></div>
 		<div
 			class="bg-background fixed inset-x-0 bottom-0 z-50 h-[85vh] touch-none rounded-t-xl border-t shadow-xl"

src/routes/account/+layout.svelte

@@ -5,6 +5,7 @@
 	import Button from '$lib/components/ui/button/button.svelte';
 	import { LightSwitch } from '$lib/components/ui/light-switch';
 	import ArrowLeftIcon from '~icons/lucide/arrow-left';
+	import GithubIcon from '~icons/lucide/github';
 	import { Avatar } from 'melt/components';
 	import { Kbd } from '$lib/components/ui/kbd/index.js';
 	import { formatKeybind } from '$lib/hooks/is-mac.svelte.js';
@@ -141,6 +142,15 @@
 						{/each}
 					</div>
 				</div>
+				<a
+					href="https://github.com/nanogpt-community/nanochat"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="text-muted-foreground hover:text-foreground mt-6 flex items-center gap-2 text-sm transition-colors"
+				>
+					<GithubIcon class="size-4" />
+					<span>View on GitHub</span>
+				</a>
 			</div>
 		</div>
 		<div class="md:col-start-2 md:pl-12">

src/routes/chat/+layout.svelte

@@ -847,18 +847,8 @@
 									conversationId={page.params.id}
 									messages={messages.data}
 									conversation={currentConversationQuery.data}
-									variant="ghost"
-									class="w-full justify-start px-2"
-								>
-									<span class="ml-2">Export Chat</span>
-								</ExportButton>
-								<ShareButton
-									conversationId={page.params.id as Id<'conversations'>}
-									variant="ghost"
-									class="w-full justify-start px-2"
-								>
-									<span class="ml-2">Share Chat</span>
-								</ShareButton>
+								/>
+								<ShareButton conversationId={page.params.id as Id<'conversations'>} />
 							</div>
 							<DropdownMenu.Separator />
 						{/if}

src/routes/chat/[id]/message.svelte

@@ -25,7 +25,6 @@
 	import ChevronDownIcon from '~icons/lucide/chevron-down';
 	import RefreshCwIcon from '~icons/lucide/refresh-cw';
 	import PencilIcon from '~icons/lucide/pencil';
-	import StarIcon from '~icons/lucide/star';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
 	import { AnnotationSchema, type Annotation } from '$lib/types';
 	import ExternalLinkIcon from '~icons/lucide/external-link';
@@ -187,11 +186,6 @@
 
 	let isEditing = $state(false);
 	let editedContent = $state('');
-	let isStarred = $state<boolean>(false);
-
-	$effect(() => {
-		isStarred = message.starred ?? false;
-	});
 
 	function startEditing() {
 		editedContent = message.content;
@@ -280,37 +274,6 @@
 			}
 		}
 	}
-
-	async function toggleStarred() {
-		if (!session.current?.session.token) return;
-		if (message.role !== 'assistant') return;
-
-		const previous = isStarred;
-		isStarred = !isStarred;
-
-		try {
-			const res = await fetch(api.messages.setStarred.url, {
-				method: 'POST',
-				headers: { 'Content-Type': 'application/json' },
-				body: JSON.stringify({
-					action: 'setStarred',
-					messageId: message.id,
-					starred: isStarred,
-				}),
-			});
-
-			if (!res.ok) {
-				console.error('Failed to update starred state');
-				isStarred = previous;
-				return;
-			}
-
-			invalidateQueryPattern(api.messages.getAllFromConversation.url);
-		} catch (e) {
-			console.error('Error updating starred state:', e);
-			isStarred = previous;
-		}
-	}
 </script>
 
 {#if message.role !== 'system' && !(message.role === 'assistant' && message.content.length === 0 && message.reasoning?.length === 0 && !message.error)}
@@ -518,27 +481,7 @@
 				{/snippet}
 				{message.role === 'user' ? 'Branch and regenerate message' : 'Branch off this message'}
 			</Tooltip>
-			{#if message.role === 'assistant' && message.content.length > 0 && !message.error}
-				<Tooltip>
-					{#snippet trigger(tooltip)}
-						<Button
-							size="icon"
-							variant="ghost"
-							class="order-1 size-7"
-							onclick={toggleStarred}
-							{...tooltip.trigger}
-						>
-							<StarIcon
-								class={cn('size-4', {
-									'fill-yellow-400 text-yellow-400': isStarred,
-									'text-muted-foreground/60': !isStarred,
-								})}
-							/>
-						</Button>
-					{/snippet}
-					{isStarred ? 'Unstar message' : 'Star message'}
-				</Tooltip>
-			{/if}
+
 			{#if message.content.length > 0}
 				<Tooltip>
 					{#snippet trigger(tooltip)}
@@ -576,7 +519,7 @@
 			{#if message.role === 'assistant'}
 				<!-- Desktop: Show all metadata inline -->
 				<div class="hidden items-center gap-2 md:flex">
-					{#if message.modelId !== undefined}
+					{#if message.modelId}
 						{@const modelName = message.modelId.split('/').pop() || message.modelId}
 						<span class="text-muted-foreground text-xs">{modelName}</span>
 					{/if}
@@ -625,7 +568,7 @@
 				</div>
 				<!-- Mobile: Compact metadata in a single info chip -->
 				<div class="flex items-center gap-1.5 md:hidden">
-					{#if message.modelId !== undefined}
+					{#if message.modelId}
 						{@const modelName = message.modelId.split('/').pop() || message.modelId}
 						<span class="text-muted-foreground max-w-[100px] truncate text-xs">{modelName}</span>
 					{/if}