refactor: Cleanup

Author: allozaur

tools/server/public/index.html.gz

@@ -7,7 +7,7 @@
 		ChatFormHelperText,
 		ChatFormTextarea
 	} from '$lib/components/app';
-	import { inputClasses } from '$lib/constants/input-classes';
+	import { INPUT_CLASSES } from '$lib/constants/input-classes';
 	import { config } from '$lib/stores/settings.svelte';
 	import {
 		AudioRecorder,
@@ -219,7 +219,7 @@
 
 <form
 	onsubmit={handleSubmit}
-	class="{inputClasses} border-radius-bottom-none mx-auto max-w-[48rem] overflow-hidden rounded-3xl backdrop-blur-md {className}"
+	class="{INPUT_CLASSES} border-radius-bottom-none mx-auto max-w-[48rem] overflow-hidden rounded-3xl backdrop-blur-md {className}"
 >
 	<ChatAttachmentsList bind:uploadedFiles {onFileRemove} class="mb-3 px-5 pt-5" />
 

tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte

@@ -6,7 +6,7 @@
 	import { Check, X } from '@lucide/svelte';
 	import { Button } from '$lib/components/ui/button';
 	import { Checkbox } from '$lib/components/ui/checkbox';
-	import { inputClasses } from '$lib/constants/input-classes';
+	import { INPUT_CLASSES } from '$lib/constants/input-classes';
 	import ChatMessageActions from './ChatMessageActions.svelte';
 	import Label from '$lib/components/ui/label/label.svelte';
 
@@ -98,7 +98,7 @@
 			<textarea
 				bind:this={textareaElement}
 				bind:value={editedContent}
-				class="min-h-[50vh] w-full resize-y rounded-2xl px-3 py-2 text-sm {inputClasses}"
+				class="min-h-[50vh] w-full resize-y rounded-2xl px-3 py-2 text-sm {INPUT_CLASSES}"
 				onkeydown={onEditKeydown}
 				oninput={(e) => onEditedContentChange?.(e.currentTarget.value)}
 				placeholder="Edit assistant message..."

tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageAssistant.svelte

@@ -3,7 +3,7 @@
 	import { Card } from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
 	import { ChatAttachmentsList } from '$lib/components/app';
-	import { inputClasses } from '$lib/constants/input-classes';
+	import { INPUT_CLASSES } from '$lib/constants/input-classes';
 	import ChatMessageActions from './ChatMessageActions.svelte';
 
 	interface Props {
@@ -64,7 +64,7 @@
 			<textarea
 				bind:this={textareaElement}
 				bind:value={editedContent}
-				class="min-h-[60px] w-full resize-none rounded-2xl px-3 py-2 text-sm {inputClasses}"
+				class="min-h-[60px] w-full resize-none rounded-2xl px-3 py-2 text-sm {INPUT_CLASSES}"
 				onkeydown={onEditKeydown}
 				oninput={(e) => onEditedContentChange(e.currentTarget.value)}
 				placeholder="Edit your message..."

tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageUser.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
+	import { AlertTriangle, RefreshCw, Key, CheckCircle, XCircle } from '@lucide/svelte';
+	import { goto } from '$app/navigation';
 	import { Button } from '$lib/components/ui/button';
 	import { Input } from '$lib/components/ui/input';
 	import Label from '$lib/components/ui/label/label.svelte';
-	import { AlertTriangle, RefreshCw, Key, CheckCircle, XCircle } from '@lucide/svelte';
 	import { serverStore, serverLoading } from '$lib/stores/server.svelte';
 	import { config, updateConfig } from '$lib/stores/settings.svelte';
-	import { goto } from '$app/navigation';
 	import { fade, fly, scale } from 'svelte/transition';
 
 	interface Props {

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Badge } from '$lib/components/ui/badge';
 	import { Server, Eye, Mic } from '@lucide/svelte';
+	import { Badge } from '$lib/components/ui/badge';
 	import { serverStore } from '$lib/stores/server.svelte';
 
 	let modalities = $derived(serverStore.supportedModalities);

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

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { AlertTriangle, Server } from '@lucide/svelte';
 	import { Badge } from '$lib/components/ui/badge';
 	import { Button } from '$lib/components/ui/button';
-	import { AlertTriangle, Server } from '@lucide/svelte';
 	import { serverProps, serverLoading, serverError, modelName } from '$lib/stores/server.svelte';
 
 	interface Props {

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

@@ -1,4 +1,4 @@
-export const inputClasses = `
+export const INPUT_CLASSES = `
     bg-muted/70 dark:bg-muted/85
     border border-border/30 focus-within:border-border  dark:border-border/20 dark:focus-within:border-border
     outline-none