improve reasoning toggle & other improvements

Author: 0xGingi

Dockerfile

@@ -7,8 +7,7 @@ COPY package.json bun.lock ./
 
 # Install all dependencies (including dev) with frozen lockfile
 RUN --mount=type=cache,target=/root/.bun/install/cache \
-    bun install --frozen-lockfile
-
+    bun install
 # Copy source code
 COPY . .
 
@@ -39,7 +38,7 @@ COPY --from=builder /app/src/lib/db/schema.ts ./src/lib/db/schema.ts
 
 # Install production dependencies only with frozen lockfile
 RUN --mount=type=cache,target=/root/.bun/install/cache \
-    bun install --production --frozen-lockfile
+    bun install --production
 
 # Ensure data directory exists
 RUN mkdir -p data

src/routes/chat/+layout.svelte

@@ -1256,19 +1256,39 @@
 											</Tooltip>
 										{/if}
 										{#if currentModelSupportsReasoning}
-											<button
-												type="button"
-												class={cn(
-													'bg-secondary/50 hover:bg-secondary text-muted-foreground flex size-8 items-center justify-center rounded-lg transition-colors',
-													settings.reasoningEffort !== 'low' &&
-														'bg-primary/20 text-primary border-primary/50'
-												)}
-												onclick={() =>
-													(settings.reasoningEffort =
-														settings.reasoningEffort === 'low' ? 'medium' : 'low')}
-											>
-												<BrainIcon class="size-4" />
-											</button>
+											<Tooltip>
+												{#snippet trigger(tooltip)}
+													<button
+														type="button"
+														class={cn(
+															'bg-secondary/50 hover:bg-secondary text-muted-foreground flex h-8 items-center justify-center gap-1.5 rounded-lg px-2.5 text-xs font-medium transition-colors',
+															settings.reasoningEffort === 'medium' && 'bg-primary/20 text-primary',
+															settings.reasoningEffort === 'high' &&
+																'bg-amber-500/20 text-amber-500'
+														)}
+														onclick={() => {
+															if (settings.reasoningEffort === 'low')
+																settings.reasoningEffort = 'medium';
+															else if (settings.reasoningEffort === 'medium')
+																settings.reasoningEffort = 'high';
+															else settings.reasoningEffort = 'low';
+														}}
+														{...tooltip.trigger}
+													>
+														<BrainIcon class="size-4" />
+														{settings.reasoningEffort === 'low'
+															? 'Think'
+															: settings.reasoningEffort === 'medium'
+																? 'Think'
+																: 'Think+'}
+													</button>
+												{/snippet}
+												{settings.reasoningEffort === 'low'
+													? 'Extended Thinking: Off — Click to enable step-by-step reasoning'
+													: settings.reasoningEffort === 'medium'
+														? 'Extended Thinking: Medium — AI reasons before responding (uses more tokens)'
+														: 'Extended Thinking: High — Deep reasoning for complex problems (uses most tokens)'}
+											</Tooltip>
 										{/if}
 										<Tooltip>
 											{#snippet trigger(tooltip)}
@@ -1355,12 +1375,25 @@
 												{/if}
 												{#if currentModelSupportsReasoning}
 													<DropdownMenu.Item
-														onclick={() =>
-															(settings.reasoningEffort =
-																settings.reasoningEffort === 'low' ? 'medium' : 'low')}
+														onclick={() => {
+															if (settings.reasoningEffort === 'low')
+																settings.reasoningEffort = 'medium';
+															else if (settings.reasoningEffort === 'medium')
+																settings.reasoningEffort = 'high';
+															else settings.reasoningEffort = 'low';
+														}}
 													>
-														<BrainIcon class="mr-2 size-4" />
-														Reasoning: {settings.reasoningEffort === 'low' ? 'Off' : 'On'}
+														<BrainIcon
+															class={cn('mr-2 size-4', {
+																'text-primary': settings.reasoningEffort === 'medium',
+																'text-amber-500': settings.reasoningEffort === 'high',
+															})}
+														/>
+														Thinking: {settings.reasoningEffort === 'low'
+															? 'Off'
+															: settings.reasoningEffort === 'medium'
+																? 'Medium'
+																: 'High'}
 													</DropdownMenu.Item>
 												{/if}
 												<DropdownMenu.Item

vite.config.ts

@@ -1,4 +1,3 @@
-/// <reference types="vitest" />
 import tailwindcss from '@tailwindcss/vite';
 import { svelteTesting } from '@testing-library/svelte/vite';
 import { sveltekit } from '@sveltejs/kit/vite';
@@ -8,13 +7,8 @@ import { defineConfig } from 'vitest/config';
 const isDev = process.env.NODE_ENV === 'development';
 
 export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		Icons({
-			compiler: 'svelte',
-		}),
-	],
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	plugins: [tailwindcss() as any, sveltekit() as any, Icons({ compiler: 'svelte' }) as any],
 	server: {
 		allowedHosts: isDev ? true : undefined,
 	},
@@ -26,7 +20,8 @@ export default defineConfig({
 		projects: [
 			{
 				extends: './vite.config.ts',
-				plugins: [svelteTesting()],
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				plugins: [svelteTesting() as any],
 				test: {
 					name: 'client',
 					environment: 'jsdom',