From 240cab076d54584b70f3ae66bfc1bef4dfb82aa3 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Tue, 3 Feb 2026 15:49:31 +0100
Subject: [PATCH] refactor: Cleanup

---
 .../app/actions/CodeBlockActions.svelte       |  3 ++-
 .../ChatAttachmentMcpResource.svelte          | 20 ++++++++++++-------
 .../app/chat/ChatForm/ChatForm.svelte         |  8 ++++++--
 .../ChatMessageMcpPromptContent.svelte        |  2 +-
 .../webui/src/lib/constants/chat-form.ts      |  1 +
 .../webui/src/lib/constants/mcp-resource.ts   |  4 ++++
 tools/server/webui/src/lib/enums/files.ts     | 18 +++++++++++++++++
 tools/server/webui/src/lib/enums/index.ts     |  3 +++
 8 files changed, 48 insertions(+), 11 deletions(-)
 create mode 100644 tools/server/webui/src/lib/constants/mcp-resource.ts

diff --git a/tools/server/webui/src/lib/components/app/actions/CodeBlockActions.svelte b/tools/server/webui/src/lib/components/app/actions/CodeBlockActions.svelte
index 2995853a93..e62187691f 100644
--- a/tools/server/webui/src/lib/components/app/actions/CodeBlockActions.svelte
+++ b/tools/server/webui/src/lib/components/app/actions/CodeBlockActions.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Copy, Eye } from '@lucide/svelte';
 	import { copyCodeToClipboard } from '$lib/utils';
+	import { FileTypeText } from '$lib/enums';
 
 	interface Props {
 		code: string;
@@ -11,7 +12,7 @@
 
 	let { code, language, disabled = false, onPreview }: Props = $props();
 
-	const showPreview = $derived(language?.toLowerCase() === 'html');
+	const showPreview = $derived(language?.toLowerCase() === FileTypeText.HTML);
 
 	function handleCopy() {
 		if (disabled) return;
diff --git a/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResource.svelte b/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResource.svelte
index a6f056b54e..2a4c952e4f 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResource.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResource.svelte
@@ -4,6 +4,12 @@
 	import { mcpStore } from '$lib/stores/mcp.svelte';
 	import { getFaviconUrl } from '$lib/utils';
 	import type { MCPResourceAttachment, MCPResourceInfo } from '$lib/types';
+	import {
+		IMAGE_FILE_EXTENSION_REGEX,
+		CODE_FILE_EXTENSION_REGEX,
+		TEXT_FILE_EXTENSION_REGEX
+	} from '$lib/constants/mcp-resource';
+	import { MimeTypePrefix, MimeTypeIncludes, UriPattern } from '$lib/enums';
 	import * as Tooltip from '$lib/components/ui/tooltip';
 	import { RemoveButton } from '../../actions';
 
@@ -20,21 +26,21 @@
 		const mimeType = resource.mimeType?.toLowerCase() || '';
 		const uri = resource.uri.toLowerCase();
 
-		if (mimeType.startsWith('image/') || /\.(png|jpg|jpeg|gif|svg|webp)$/.test(uri)) {
+		if (mimeType.startsWith(MimeTypePrefix.IMAGE) || IMAGE_FILE_EXTENSION_REGEX.test(uri)) {
 			return Image;
 		}
 		if (
-			mimeType.includes('json') ||
-			mimeType.includes('javascript') ||
-			mimeType.includes('typescript') ||
-			/\.(js|ts|json|yaml|yml|xml|html|css)$/.test(uri)
+			mimeType.includes(MimeTypeIncludes.JSON) ||
+			mimeType.includes(MimeTypeIncludes.JAVASCRIPT) ||
+			mimeType.includes(MimeTypeIncludes.TYPESCRIPT) ||
+			CODE_FILE_EXTENSION_REGEX.test(uri)
 		) {
 			return Code;
 		}
-		if (mimeType.includes('text') || /\.(txt|md|log)$/.test(uri)) {
+		if (mimeType.includes(MimeTypePrefix.TEXT) || TEXT_FILE_EXTENSION_REGEX.test(uri)) {
 			return FileText;
 		}
-		if (uri.includes('database') || uri.includes('db://')) {
+		if (uri.includes(UriPattern.DATABASE_KEYWORD) || uri.includes(UriPattern.DATABASE_SCHEME)) {
 			return Database;
 		}
 		return File;
diff --git a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
index 6b58b27390..765e617d52 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
@@ -10,7 +10,11 @@
 	} from '$lib/components/app';
 	import { INPUT_CLASSES } from '$lib/constants/css-classes';
 	import { SETTING_CONFIG_DEFAULT } from '$lib/constants/settings-config';
-	import { INITIAL_FILE_SIZE, PROMPT_CONTENT_SEPARATOR } from '$lib/constants/chat-form';
+	import {
+		CLIPBOARD_CONTENT_QUOTE_PREFIX,
+		INITIAL_FILE_SIZE,
+		PROMPT_CONTENT_SEPARATOR
+	} from '$lib/constants/chat-form';
 	import { ContentPartType, KeyboardKey, MimeTypeText, SpecialFileType } from '$lib/enums';
 	import { config } from '$lib/stores/settings.svelte';
 	import { modelOptions, selectedModelId } from '$lib/stores/models.svelte';
@@ -264,7 +268,7 @@
 
 		const text = event.clipboardData.getData(MimeTypeText.PLAIN);
 
-		if (text.startsWith('"')) {
+		if (text.startsWith(CLIPBOARD_CONTENT_QUOTE_PREFIX)) {
 			const parsed = parseClipboardContent(text);
 
 			if (parsed.textAttachments.length > 0 || parsed.mcpPromptAttachments.length > 0) {
diff --git a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageMcpPromptContent.svelte b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageMcpPromptContent.svelte
index 7bba2a6628..c9c987307f 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageMcpPromptContent.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageMcpPromptContent.svelte
@@ -5,7 +5,7 @@
 	import { mcpStore } from '$lib/stores/mcp.svelte';
 	import { SvelteMap } from 'svelte/reactivity';
 	import { McpPromptVariant } from '$lib/enums';
-	import TruncatedText from '../../misc/TruncatedText.svelte';
+	import { TruncatedText } from '$lib/components/app/misc';
 	import * as Tooltip from '$lib/components/ui/tooltip';
 
 	interface ContentPart {
diff --git a/tools/server/webui/src/lib/constants/chat-form.ts b/tools/server/webui/src/lib/constants/chat-form.ts
index c4aa6b7ef9..c5e3dc3d1b 100644
--- a/tools/server/webui/src/lib/constants/chat-form.ts
+++ b/tools/server/webui/src/lib/constants/chat-form.ts
@@ -1,2 +1,3 @@
 export const INITIAL_FILE_SIZE = 0;
 export const PROMPT_CONTENT_SEPARATOR = '\n\n';
+export const CLIPBOARD_CONTENT_QUOTE_PREFIX = '"';
diff --git a/tools/server/webui/src/lib/constants/mcp-resource.ts b/tools/server/webui/src/lib/constants/mcp-resource.ts
new file mode 100644
index 0000000000..4ccf1ee333
--- /dev/null
+++ b/tools/server/webui/src/lib/constants/mcp-resource.ts
@@ -0,0 +1,4 @@
+// File extension patterns for resource type detection
+export const IMAGE_FILE_EXTENSION_REGEX = /\.(png|jpg|jpeg|gif|svg|webp)$/;
+export const CODE_FILE_EXTENSION_REGEX = /\.(js|ts|json|yaml|yml|xml|html|css)$/;
+export const TEXT_FILE_EXTENSION_REGEX = /\.(txt|md|log)$/;
diff --git a/tools/server/webui/src/lib/enums/files.ts b/tools/server/webui/src/lib/enums/files.ts
index a82f27ca68..3b226b4862 100644
--- a/tools/server/webui/src/lib/enums/files.ts
+++ b/tools/server/webui/src/lib/enums/files.ts
@@ -143,6 +143,24 @@ export enum FileExtensionText {
 	CS = '.cs'
 }
 
+// MIME type prefixes and includes for content detection
+export enum MimeTypePrefix {
+	IMAGE = 'image/',
+	TEXT = 'text'
+}
+
+export enum MimeTypeIncludes {
+	JSON = 'json',
+	JAVASCRIPT = 'javascript',
+	TYPESCRIPT = 'typescript'
+}
+
+// URI patterns for content detection
+export enum UriPattern {
+	DATABASE_KEYWORD = 'database',
+	DATABASE_SCHEME = 'db://'
+}
+
 // MIME type enums
 export enum MimeTypeApplication {
 	PDF = 'application/pdf'
diff --git a/tools/server/webui/src/lib/enums/index.ts b/tools/server/webui/src/lib/enums/index.ts
index 051fa58a54..f39abecfa6 100644
--- a/tools/server/webui/src/lib/enums/index.ts
+++ b/tools/server/webui/src/lib/enums/index.ts
@@ -21,6 +21,9 @@ export {
 	FileExtensionAudio,
 	FileExtensionPdf,
 	FileExtensionText,
+	MimeTypePrefix,
+	MimeTypeIncludes,
+	UriPattern,
 	MimeTypeApplication,
 	MimeTypeAudio,
 	MimeTypeImage,