From cc5b408e79e751d190455002f425432fd5262985 Mon Sep 17 00:00:00 2001
From: biast12 <53872542+biast12@users.noreply.github.com>
Date: Sun, 6 Sep 2026 13:52:52 +0200
Subject: [PATCH] Add embed title URL input and preview link

Adds a new "Title URL" field to embed editors in the tag modal and KB create/edit pages, wired to `embed.url` with existing URL length limits. Embed previews now render the title as a clickable link (with Discord-like link styling) when a safe URL is provided, while preserving the plain title fallback when no valid URL exists.
---
 frontend/src/components/EmbedPreview.tsx          | 13 ++++++++++++-
 frontend/src/components/modals/TagEditorModal.tsx |  8 ++++++++
 frontend/src/pages/manage/kb/create.tsx           |  8 ++++++++
 frontend/src/pages/manage/kb/edit.tsx             |  8 ++++++++
 4 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/EmbedPreview.tsx b/frontend/src/components/EmbedPreview.tsx
index 1403bb0d..983871de 100644
--- a/frontend/src/components/EmbedPreview.tsx
+++ b/frontend/src/components/EmbedPreview.tsx
@@ -36,6 +36,7 @@ const EmbedPreview: FC<EmbedPreviewProps> = ({ embed, raw = false }) => {
   const authorIconUrl = previewAvatarUrl(embed.author?.icon_url);
   const authorUrl = previewAvatarUrl(embed.author?.url);
   const footerIconUrl = previewAvatarUrl(embed.footer?.icon_url);
+  const titleUrl = previewAvatarUrl(embed.url);
 
   // Group fields into rows: inline fields share a row (max 3), non-inline get their own
   const fieldRows: EmbedField[][] = [];
@@ -90,7 +91,17 @@ const EmbedPreview: FC<EmbedPreviewProps> = ({ embed, raw = false }) => {
               <span className="text-sm font-semibold">{embed.author.name}</span>
             </div>
           ) : null}
-          <DiscordText raw={raw} content={embed.title || ""} className="text-sm font-bold" />
+          {titleUrl && isSafeUrl(titleUrl) && embed.title ? (
+            <a href={titleUrl} target="_blank" rel="noopener noreferrer">
+              <DiscordText
+                raw={raw}
+                content={embed.title}
+                className="text-sm font-bold text-[#00a8fc] hover:underline"
+              />
+            </a>
+          ) : (
+            <DiscordText raw={raw} content={embed.title || ""} className="text-sm font-bold" />
+          )}
           {embed.description && (
             <DiscordText raw={raw} content={embed.description} className="text-sm pt-2" />
           )}
diff --git a/frontend/src/components/modals/TagEditorModal.tsx b/frontend/src/components/modals/TagEditorModal.tsx
index b1fe768e..a55ec935 100644
--- a/frontend/src/components/modals/TagEditorModal.tsx
+++ b/frontend/src/components/modals/TagEditorModal.tsx
@@ -291,6 +291,14 @@ const TagEditorModal: FC<TagEditorModalProps> = ({
                       />
                     </div>
 
+                    <TextInput
+                      label="Title URL"
+                      placeholder="e.g. https://example.com"
+                      value={embed.url || ""}
+                      onChange={(v) => setEmbed((prev) => ({ ...prev, url: v }))}
+                      maxLength={EMBED_LIMITS.URL}
+                    />
+
                     <Textarea
                       label="Description"
                       value={embed.description || ""}
diff --git a/frontend/src/pages/manage/kb/create.tsx b/frontend/src/pages/manage/kb/create.tsx
index 9060762a..89315fc5 100644
--- a/frontend/src/pages/manage/kb/create.tsx
+++ b/frontend/src/pages/manage/kb/create.tsx
@@ -270,6 +270,14 @@ const CreateKBArticlePage: FC = () => {
                   />
                 </div>
 
+                <TextInput
+                  label="Title URL"
+                  placeholder="e.g. https://example.com"
+                  value={embed.url || ""}
+                  onChange={(v) => setEmbed((prev) => ({ ...prev, url: v }))}
+                  maxLength={EMBED_LIMITS.URL}
+                />
+
                 <Textarea
                   label="Embed Description"
                   value={embed.description || ""}
diff --git a/frontend/src/pages/manage/kb/edit.tsx b/frontend/src/pages/manage/kb/edit.tsx
index cfc670fc..4288c6c8 100644
--- a/frontend/src/pages/manage/kb/edit.tsx
+++ b/frontend/src/pages/manage/kb/edit.tsx
@@ -339,6 +339,14 @@ const EditKBArticlePage: FC = () => {
                   />
                 </div>
 
+                <TextInput
+                  label="Title URL"
+                  placeholder="e.g. https://example.com"
+                  value={embed.url || ""}
+                  onChange={(v) => setEmbed((prev) => ({ ...prev, url: v }))}
+                  maxLength={EMBED_LIMITS.URL}
+                />
+
                 <Textarea
                   label="Embed Description"
                   value={embed.description || ""}