From db4a4e6314e7bcaafde6665b7bcd3c738cf06c16 Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Mon, 15 Dec 2025 14:32:55 +0200
Subject: [PATCH] refactor(update-dialog): improve changelog formatting

---
 CHANGELOG.md                                   |  4 ++++
 packages/ui/src/components/ui/UpdateDialog.tsx | 16 +++++++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 94fd1490..381c7048 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+- Optimized diff view layout with smaller fonts and compact hunk separators
+- Improved mobile experience: simplified header, better diff file selector
+- Redesigned password-protected session unlock screen
+
 
 ## [1.1.5] - 2025-12-15
 
diff --git a/packages/ui/src/components/ui/UpdateDialog.tsx b/packages/ui/src/components/ui/UpdateDialog.tsx
index 23cc01ad..df864c21 100644
--- a/packages/ui/src/components/ui/UpdateDialog.tsx
+++ b/packages/ui/src/components/ui/UpdateDialog.tsx
@@ -75,9 +75,19 @@ export const UpdateDialog: React.FC<UpdateDialogProps> = ({
             >
               <div className="text-sm text-muted-foreground whitespace-pre-wrap pr-3">
                 {info.body
-                  .replace(/^## \[(\d+\.\d+\.\d+)\] - \d{4}-\d{2}-\d{2}\s*/gm, '— v$1 —\n')
-                  .replace(/^- /gm, '• ')
-                  .trim()}
+                  .split(/^## \[(\d+\.\d+\.\d+)\] - \d{4}-\d{2}-\d{2}\s*/gm)
+                  .filter(Boolean)
+                  .map((part, index) => {
+                    if (/^\d+\.\d+\.\d+$/.test(part.trim())) {
+                      return (
+                        <span key={index} className="font-semibold text-foreground">
+                          v{part.trim()}
+                          {'\n'}
+                        </span>
+                      );
+                    }
+                    return part.replace(/^- /gm, '• ').trim() + '\n\n';
+                  })}
               </div>
             </ScrollableOverlay>
           )}