chore: Code formatting

Author: allozaur

tools/server/webui/src/lib/components/app/ConversationTitleUpdateDialog.svelte

@@ -25,21 +25,17 @@
 		<div class="space-y-4 pt-2 pb-6">
 			<div class="space-y-2">
 				<p class="text-sm font-medium text-muted-foreground">Current title:</p>
-				<p class="text-sm bg-muted/50 p-3 rounded-md font-medium">{currentTitle}</p>
+				<p class="rounded-md bg-muted/50 p-3 text-sm font-medium">{currentTitle}</p>
 			</div>
 			<div class="space-y-2">
 				<p class="text-sm font-medium text-muted-foreground">New title would be:</p>
-				<p class="text-sm bg-muted/50 p-3 rounded-md font-medium">{newTitle}</p>
+				<p class="rounded-md bg-muted/50 p-3 text-sm font-medium">{newTitle}</p>
 			</div>
 		</div>
 
 		<AlertDialog.Footer>
-			<Button variant="outline" onclick={onCancel}>
-				Keep Current Title
-			</Button>
-			<Button onclick={onConfirm}>
-				Update Title
-			</Button>
+			<Button variant="outline" onclick={onCancel}>Keep Current Title</Button>
+			<Button onclick={onConfirm}>Update Title</Button>
 		</AlertDialog.Footer>
 	</AlertDialog.Content>
 </AlertDialog.Root>

tools/server/webui/src/lib/components/app/KeyboardShortcutInfo.svelte

@@ -19,7 +19,7 @@
 		{#if key === 'shift'}
 			<ArrowBigUp class="h-1 w-1 {variant === 'destructive' ? 'text-destructive' : ''} -mr-1" />
 		{:else if key === 'cmd'}
-			<span class="{variant === 'destructive' ? 'text-destructive' : ''}">⌘</span>
+			<span class={variant === 'destructive' ? 'text-destructive' : ''}>⌘</span>
 		{:else}
 			{key.toUpperCase()}
 		{/if}

tools/server/webui/src/lib/services/slots.ts

@@ -220,19 +220,19 @@ export class SlotsService {
 		// n_decoded represents ALL tokens generated (thinking + regular content)
 		const totalTokensGenerated = activeSlot.next_token.n_decoded;
 		const maxOutputTokens = activeSlot.params.max_tokens || activeSlot.params.n_predict;
-		
+
 		// For context calculation: only count tokens that will be sent back to API
 		// We need to estimate how many of the generated tokens are actual message content
 		// vs thinking content. For now, we'll assume thinking is ~60% of total output
 		// This is a rough estimate - in reality we'd need to track this separately
 		const estimatedThinkingRatio = 0.6;
 		const estimatedMessageTokens = Math.floor(totalTokensGenerated * (1 - estimatedThinkingRatio));
-		
+
 		// Context used = estimated prompt + only the message content tokens
 		const maxGenerationTokens = Math.min(maxOutputTokens, Math.floor(activeSlot.n_ctx * 0.4));
 		const estimatedPromptTokens = activeSlot.n_ctx - maxGenerationTokens;
 		const contextUsed = Math.min(activeSlot.n_ctx, estimatedPromptTokens + estimatedMessageTokens);
-		
+
 		// Output tokens: total generated tokens (thinking + regular)
 		const outputTokensUsed = totalTokensGenerated;
 		const outputTokensMax = maxOutputTokens;

tools/server/webui/src/lib/stores/chat.svelte.ts

@@ -625,15 +625,16 @@ class ChatStore {
 
 			const allMessages = await DatabaseStore.getConversationMessages(this.activeConversation.id);
 			const rootMessage = allMessages.find((m) => m.type === 'root' && m.parent === null);
-			const isFirstUserMessage = rootMessage && messageToUpdate.parent === rootMessage.id && messageToUpdate.role === 'user';
+			const isFirstUserMessage =
+				rootMessage && messageToUpdate.parent === rootMessage.id && messageToUpdate.role === 'user';
 
 			this.updateMessageAtIndex(messageIndex, { content: newContent });
 			await DatabaseStore.updateMessage(messageId, { content: newContent });
 
 			// If this is the first user message, update the conversation title with confirmation if needed
 			if (isFirstUserMessage && newContent.trim()) {
 				await this.updateConversationTitleWithConfirmation(
-					this.activeConversation.id, 
+					this.activeConversation.id,
 					newContent.trim(),
 					this.titleUpdateConfirmationCallback
 				);
@@ -739,7 +740,6 @@ class ChatStore {
 		}
 	}
 
-
 	/**
 	 * Updates the name of a conversation
 	 * @param convId - The conversation ID to update
@@ -781,7 +781,7 @@ class ChatStore {
 	 * @returns Promise<boolean> - True if title was updated, false if cancelled
 	 */
 	async updateConversationTitleWithConfirmation(
-		convId: string, 
+		convId: string,
 		newTitle: string,
 		onConfirmationNeeded?: (currentTitle: string, newTitle: string) => Promise<boolean>
 	): Promise<boolean> {
@@ -986,18 +986,20 @@ class ChatStore {
 			const newFirstUserMessage = this.activeMessages.find(
 				(m) => m.role === 'user' && m.parent === rootMessage.id
 			);
-			
+
 			// Only show dialog if:
 			// 1. We have a new first user message
 			// 2. It's different from the previous one (different ID or content)
 			// 3. The new message has content
-			if (newFirstUserMessage && 
+			if (
+				newFirstUserMessage &&
 				newFirstUserMessage.content.trim() &&
-				(!currentFirstUserMessage || 
-				 newFirstUserMessage.id !== currentFirstUserMessage.id ||
-				 newFirstUserMessage.content.trim() !== currentFirstUserMessage.content.trim())) {
+				(!currentFirstUserMessage ||
+					newFirstUserMessage.id !== currentFirstUserMessage.id ||
+					newFirstUserMessage.content.trim() !== currentFirstUserMessage.content.trim())
+			) {
 				await this.updateConversationTitleWithConfirmation(
-					this.activeConversation.id, 
+					this.activeConversation.id,
 					newFirstUserMessage.content.trim(),
 					this.titleUpdateConfirmationCallback
 				);
@@ -1029,7 +1031,8 @@ class ChatStore {
 			// First user message is one that has the root message as its parent
 			const allMessages = await DatabaseStore.getConversationMessages(this.activeConversation.id);
 			const rootMessage = allMessages.find((m) => m.type === 'root' && m.parent === null);
-			const isFirstUserMessage = rootMessage && messageToEdit.parent === rootMessage.id && messageToEdit.role === 'user';
+			const isFirstUserMessage =
+				rootMessage && messageToEdit.parent === rootMessage.id && messageToEdit.role === 'user';
 
 			let parentId = messageToEdit.parent;
 
@@ -1064,7 +1067,7 @@ class ChatStore {
 			// If this is the first user message, update the conversation title with confirmation if needed
 			if (isFirstUserMessage && newContent.trim()) {
 				await this.updateConversationTitleWithConfirmation(
-					this.activeConversation.id, 
+					this.activeConversation.id,
 					newContent.trim(),
 					this.titleUpdateConfirmationCallback
 				);
@@ -1218,7 +1221,8 @@ export const regenerateMessageWithBranching =
 export const deleteMessage = chatStore.deleteMessage.bind(chatStore);
 export const getDeletionInfo = chatStore.getDeletionInfo.bind(chatStore);
 export const updateConversationName = chatStore.updateConversationName.bind(chatStore);
-export const setTitleUpdateConfirmationCallback = chatStore.setTitleUpdateConfirmationCallback.bind(chatStore);
+export const setTitleUpdateConfirmationCallback =
+	chatStore.setTitleUpdateConfirmationCallback.bind(chatStore);
 
 export function stopGeneration() {
 	chatStore.stopGeneration();

tools/server/webui/src/lib/types/api.d.ts

@@ -217,7 +217,7 @@ export interface ApiProcessingState {
 	contextUsed: number;
 	contextTotal: number;
 	outputTokensUsed: number; // Total output tokens (thinking + regular content)
-	outputTokensMax: number;   // Max output tokens allowed
+	outputTokensMax: number; // Max output tokens allowed
 	temperature: number;
 	topP: number;
 	speculative: boolean;

tools/server/webui/src/routes/+layout.svelte

@@ -1,8 +1,16 @@
 <script lang="ts">
 	import '../app.css';
 	import { page } from '$app/state';
-	import { ChatSidebar, MaximumContextAlertDialog, ConversationTitleUpdateDialog } from '$lib/components/app';
-	import { activeMessages, isLoading, setTitleUpdateConfirmationCallback } from '$lib/stores/chat.svelte';
+	import {
+		ChatSidebar,
+		MaximumContextAlertDialog,
+		ConversationTitleUpdateDialog
+	} from '$lib/components/app';
+	import {
+		activeMessages,
+		isLoading,
+		setTitleUpdateConfirmationCallback
+	} from '$lib/stores/chat.svelte';
 	import * as Sidebar from '$lib/components/ui/sidebar/index.js';
 	import { serverStore } from '$lib/stores/server.svelte';
 	import { ModeWatcher } from 'mode-watcher';
@@ -106,7 +114,7 @@
 
 <MaximumContextAlertDialog />
 
-<ConversationTitleUpdateDialog 
+<ConversationTitleUpdateDialog
 	bind:open={titleUpdateDialogOpen}
 	currentTitle={titleUpdateCurrentTitle}
 	newTitle={titleUpdateNewTitle}