refactor: Components structure

Refactors the directory structure by moving chat-related components to a dedicated "app" directory.

This change improves organization and maintainability by grouping components based on their function within the application.

Author: allozaur

tools/server/webui/src/lib/components/MarkdownContent.svelte renamed to tools/server/webui/src/lib/components/app/MarkdownContent.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ChatAttachmentImagePreview, ChatAttachmentFilePreview } from '$lib/components';
+	import { ChatAttachmentImagePreview, ChatAttachmentFilePreview } from '$lib/components/app';
 	import ChatAttachmentPreviewDialog from './ChatAttachmentPreviewDialog.svelte';
 	import type { ChatUploadedFile } from '$lib/types/chat.d.ts';
 	import type { DatabaseMessageExtra } from '$lib/types/database.d.ts';

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

@@ -3,7 +3,7 @@
 	import autoResizeTextarea from '$lib/utils/autoresize-textarea';
 	import { Square, Paperclip, Mic, ArrowUp, Upload, X } from '@lucide/svelte';
 	import type { ChatUploadedFile } from '$lib/types/chat.d.ts';
-	import { ChatAttachmentsList } from '$lib/components';
+	import { ChatAttachmentsList } from '$lib/components/app';
 	import { inputClasses } from '$lib/constants/input-classes';
 	import { onMount } from 'svelte';
 
@@ -164,7 +164,7 @@
 
 <form
 	onsubmit={handleSubmit}
-	class="{inputClasses} border-radius-bottom-none mx-auto max-w-4xl overflow-hidden rounded-3xl backdrop-blur-md {className}"
+	class="{inputClasses} 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/ServerStatus.svelte renamed to tools/server/webui/src/lib/components/app/ServerStatus.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Button } from '$lib/components/ui/button';
 	import { Settings } from '@lucide/svelte';
-	import { ChatSettingsDialog } from '$lib/components';
+	import { ChatSettingsDialog } from '$lib/components/app';
 
 	let settingsOpen = $state(false);
 

tools/server/webui/src/lib/components/chat/ChatAttachmentFilePreview.svelte renamed to tools/server/webui/src/lib/components/app/chat/ChatAttachmentFilePreview.svelte

@@ -2,7 +2,7 @@
 	import { Edit, Copy, RefreshCw, Check, X } from '@lucide/svelte';
 	import { Card } from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
-	import { ChatAttachmentsList, ChatThinkingBlock, MarkdownContent } from '$lib/components';
+	import { ChatAttachmentsList, ChatThinkingBlock, MarkdownContent } from '$lib/components/app';
 	import { Tooltip, TooltipContent, TooltipTrigger } from '$lib/components/ui/tooltip';
 	import type { ChatRole } from '$lib/types/chat';
 	import type { DatabaseMessage } from '$lib/types/database';
@@ -232,6 +232,11 @@
 			? 'right-0'
 			: 'left-0'} text-muted-foreground absolute text-xs transition-all duration-150 group-hover:pointer-events-none group-hover:opacity-0"
 	>
-		{message.timestamp ? new Date(message.timestamp).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }) : ''}
+		{message.timestamp
+			? new Date(message.timestamp).toLocaleTimeString(undefined, {
+					hour: '2-digit',
+					minute: '2-digit'
+				})
+			: ''}
 	</div>
 {/snippet}