From 76fb39fe998371d12843be8c8cc3584ca8082cb4 Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Tue, 17 Jun 2025 18:46:14 +0100
Subject: [PATCH] fixes

---
 README.md                                        | 14 ++++++++------
 package.json                                     |  2 +-
 pnpm-lock.yaml                                   | 11 ++++++-----
 .../ui/light-switch/light-switch.svelte          | 16 +++++++++++-----
 src/routes/chat/+layout.svelte                   | 12 +++++++++---
 5 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index 5796910..b0182d8 100644
--- a/README.md
+++ b/README.md
@@ -38,23 +38,24 @@ IDK, calm down
   - [ ] HuggingFace
   - [ ] OpenAI
 - [ ] File upload
-- [ ] Test link with free credits
 - [x] Ensure responsiveness
 - [ ] File support
 - [x] Streams on the server
-- [ ] Syntax highlighting with Shiki/markdown renderer
+- [x] Syntax highlighting with Shiki/markdown renderer
 - [ ] Eliminate FOUC
 - [ ] Cascade deletes and shit in Convex
 - [ ] Error notification central, specially for BYOK models like o3
+- [ ] Google Auth
+- [ ] Fix light mode (urgh)
 
 ### Chat
 
-- [ ] loading state
+- [x] loading state
 - [ ] deal with error states, both on creation attempt and message generation failure
-- [ ] delete conversations option
-- [ ] conversation title generation
+- [x] delete conversations option
+- [x] conversation title generation
 - [ ] kbd powered popover model picker
-- [ ] autosize
+- [x] autosize
 
 ### Extra
 
@@ -64,3 +65,4 @@ IDK, calm down
 - [ ] Image generation
 - [ ] Chat sharing
 - [ ] 404 page/redirect
+- [ ] Test link with free credits
diff --git a/package.json b/package.json
index de230f6..76d712f 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
 		"eslint-plugin-svelte": "^3.0.0",
 		"globals": "^16.0.0",
 		"jsdom": "^26.0.0",
-		"melt": "^0.35.0",
+		"melt": "https://pkg.vc/-/@melt-ui/melt@42e572f",
 		"mode-watcher": "^1.0.8",
 		"neverthrow": "^8.2.0",
 		"prettier": "^3.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fe4695b..2c75d23 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -124,8 +124,8 @@ importers:
         specifier: ^26.0.0
         version: 26.1.0
       melt:
-        specifier: ^0.35.0
-        version: 0.35.0(@floating-ui/dom@1.7.1)(svelte@5.34.1)
+        specifier: https://pkg.vc/-/@melt-ui/melt@42e572f
+        version: https://pkg.vc/-/@melt-ui/melt@42e572f(@floating-ui/dom@1.7.1)(svelte@5.34.1)
       mode-watcher:
         specifier: ^1.0.8
         version: 1.0.8(svelte@5.34.1)
@@ -1888,8 +1888,9 @@ packages:
   mdurl@2.0.0:
     resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
 
-  melt@0.35.0:
-    resolution: {integrity: sha512-Y8/ImbAN83rf11AaqtQ6u9DXcZ2/Ozu6HM7/oV0BZUt0Dh8Q/j06TKyyBB3u65FRsZDJBuxiQHPklCW7dQcfLw==}
+  melt@https://pkg.vc/-/@melt-ui/melt@42e572f:
+    resolution: {tarball: https://pkg.vc/-/@melt-ui/melt@42e572f}
+    version: 0.35.0
     peerDependencies:
       '@floating-ui/dom': ^1.6.0
       svelte: ^5.30.1
@@ -4318,7 +4319,7 @@ snapshots:
 
   mdurl@2.0.0: {}
 
-  melt@0.35.0(@floating-ui/dom@1.7.1)(svelte@5.34.1):
+  melt@https://pkg.vc/-/@melt-ui/melt@42e572f(@floating-ui/dom@1.7.1)(svelte@5.34.1):
     dependencies:
       '@floating-ui/dom': 1.7.1
       dequal: 2.0.3
diff --git a/src/lib/components/ui/light-switch/light-switch.svelte b/src/lib/components/ui/light-switch/light-switch.svelte
index b450948..bd38d26 100644
--- a/src/lib/components/ui/light-switch/light-switch.svelte
+++ b/src/lib/components/ui/light-switch/light-switch.svelte
@@ -8,12 +8,18 @@
 	import { toggleMode } from 'mode-watcher';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import type { LightSwitchProps } from './types';
+	import Tooltip from '../tooltip.svelte';
 
 	let { variant = 'outline', class: className }: LightSwitchProps = $props();
 </script>
 
-<Button onclick={toggleMode} {variant} size="icon" class={className}>
-	<SunIcon class="absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
-	<MoonIcon class="scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
-	<span class="sr-only">Toggle theme</span>
-</Button>
+<Tooltip>
+	{#snippet trigger(tooltip)}
+		<Button onclick={toggleMode} {variant} size="icon" class={className} {...tooltip.trigger}>
+			<SunIcon class="absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
+			<MoonIcon class="scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
+			<span class="sr-only">Toggle theme</span>
+		</Button>
+	{/snippet}
+	Toggle theme
+</Tooltip>
diff --git a/src/routes/chat/+layout.svelte b/src/routes/chat/+layout.svelte
index 5e48b33..907b6e4 100644
--- a/src/routes/chat/+layout.svelte
+++ b/src/routes/chat/+layout.svelte
@@ -422,11 +422,17 @@
 		<Sidebar.Trigger class="fixed top-3 left-2 z-50">
 			<PanelLeftIcon />
 		</Sidebar.Trigger>
+
 		<!-- header -->
 		<div class="bg-sidebar fixed top-0 right-0 z-50 hidden rounded-bl-lg p-1 md:flex">
-			<Button variant="ghost" size="icon" class="size-8" href="/account">
-				<Settings2Icon />
-			</Button>
+			<Tooltip>
+				{#snippet trigger(tooltip)}
+					<Button variant="ghost" size="icon" class="size-8" href="/account" {...tooltip.trigger}>
+						<Settings2Icon />
+					</Button>
+				{/snippet}
+				Settings
+			</Tooltip>
 			<LightSwitch variant="ghost" class="size-8" />
 		</div>
 		<div class="relative">