From 9f8287755c4ab1abed75de43c7f13beb552b4cbf Mon Sep 17 00:00:00 2001
From: iliya <iliyazelenkog@gmail.com>
Date: Thu, 26 Mar 2026 13:13:50 +0200
Subject: [PATCH] fix(updater): improve update dialog layout and strip
 downloads section
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Widen dialog (max-w-lg → max-w-2xl), remove prose max-width constraint
that caused empty space on the right, and filter out the Downloads
heading with everything below it from release notes.
---
 src/renderer/components/common/UpdateDialog.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/common/UpdateDialog.tsx b/src/renderer/components/common/UpdateDialog.tsx
index f2f09656..fa5b3465 100644
--- a/src/renderer/components/common/UpdateDialog.tsx
+++ b/src/renderer/components/common/UpdateDialog.tsx
@@ -81,6 +81,11 @@ export const UpdateDialog = (): React.JSX.Element | null => {
 
   const isDownloaded = updateStatus === 'downloaded';
 
+  // Strip "Downloads" section (and everything after it) from release notes
+  const filteredNotes = releaseNotes
+    ? releaseNotes.replace(/\n#{1,3}\s+Downloads[\s\S]*$/i, '').trimEnd()
+    : releaseNotes;
+
   const releaseUrl = availableVersion
     ? `https://github.com/777genius/claude_agent_teams_ui/releases/tag/v${availableVersion}`
     : null;
@@ -106,7 +111,7 @@ export const UpdateDialog = (): React.JSX.Element | null => {
       />
       <div
         ref={dialogRef}
-        className="relative mx-4 w-full max-w-lg rounded-md border p-5 shadow-lg"
+        className="relative mx-4 w-full max-w-2xl rounded-md border p-5 shadow-lg"
         role="dialog"
         aria-modal="true"
         aria-label="Update available"
@@ -145,20 +150,20 @@ export const UpdateDialog = (): React.JSX.Element | null => {
 
         {/* Release notes */}
         <div
-          className="prose prose-sm prose-invert mb-4 max-h-[60vh] overflow-y-auto rounded border p-3 text-xs"
+          className="prose prose-sm prose-invert mb-4 max-h-[60vh] max-w-none overflow-y-auto rounded border p-3 text-xs"
           style={{
             backgroundColor: 'var(--color-surface)',
             borderColor: 'var(--color-border)',
             color: 'var(--color-text-secondary)',
           }}
         >
-          {releaseNotes ? (
+          {filteredNotes ? (
             <ReactMarkdown
               remarkPlugins={[remarkGfm]}
               rehypePlugins={REHYPE_PLUGINS}
               components={markdownComponents}
             >
-              {releaseNotes}
+              {filteredNotes}
             </ReactMarkdown>
           ) : (
             <p className="italic" style={{ color: 'var(--color-text-muted)' }}>