From 136a781f766bf5ef6bf5b1fffea99260f924bf61 Mon Sep 17 00:00:00 2001
From: Maya <jovannmc@femboyfurry.net>
Date: Sun, 27 Jul 2025 17:25:00 +0300
Subject: [PATCH] feat: shorter video text, tooltip fix

---
 messages/en.json                         |  5 ++--
 src/lib/components/visual/Tooltip.svelte |  3 ++-
 src/routes/+page.svelte                  | 33 ++++++++++++++++++------
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/messages/en.json b/messages/en.json
index 8f7ae93..5b70990 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -26,7 +26,7 @@
 			"audio": "Audio",
 			"documents": "Documents",
 			"video": "Video",
-			"video_server_processing": "Video uploads to a server for processing by default, learn how to set it up locally [wiki_link]here[/wiki_link].",
+			"video_server_processing": "Server supported",
 			"local_supported": "Local fully supported",
 			"status": {
 				"text": "<b>Status:</b> {status}",
@@ -38,7 +38,8 @@
 		"tooltip": {
 			"partial_support": "This format can only be converted as {direction}.",
 			"direction_input": "input (from)",
-			"direction_output": "output (to)"
+			"direction_output": "output (to)",
+			"video_server_processing": "Video uploads to a server for processing by default, learn how to set it up locally here."
 		}
 	},
 	"convert": {
diff --git a/src/lib/components/visual/Tooltip.svelte b/src/lib/components/visual/Tooltip.svelte
index 764e7e9..ba2269d 100644
--- a/src/lib/components/visual/Tooltip.svelte
+++ b/src/lib/components/visual/Tooltip.svelte
@@ -84,7 +84,8 @@
 <style>
 	.tooltip {
 		--border-size: 1px;
-		@apply fixed bg-panel-alt text-foreground border border-stone-400 dynadark:border-white drop-shadow-lg text-xs px-4 py-2 rounded-full whitespace-nowrap pointer-events-none z-[999];
+		@apply fixed bg-panel-alt text-foreground border border-stone-400 dynadark:border-white drop-shadow-lg text-xs rounded-full pointer-events-none z-[999] max-w-xs break-words whitespace-normal;
+		@apply px-5 py-2.5;
 	}
 
 	.tooltip-top {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c8e9afa..b13f243 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -171,14 +171,31 @@
 						>
 							<div class="flex flex-col gap-4">
 								{#if key === "Video"}
-									<p>
-										{@html link(
-											"wiki_link",
-											m[
-												"upload.cards.video_server_processing"
-											](),
-											"https://github.com/VERT-sh/VERT/wiki/How-to-convert-video-with-VERT",
-										)}
+									<p
+										class="flex tems-center justify-center gap-2"
+									>
+										<Check size="20" />
+										<Tooltip
+											text={m[
+												"upload.tooltip.video_server_processing"
+											]()}
+										>
+											<span>
+												<a
+													href="https://github.com/VERT-sh/VERT/blob/main/docs/VIDEO_CONVERSION.md"
+													target="_blank"
+													rel="noopener noreferrer"
+												>
+													{m[
+														"upload.cards.video_server_processing"
+													]()}
+												</a>
+												<span
+													class="text-red-500 -ml-0.5"
+													>*</span
+												>
+											</span>
+										</Tooltip>
 									</p>
 								{:else}
 									<p