fixes

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

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",

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

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}>
+<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>

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">
+			<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">