From 1c83e10c6d88c4f848b2e7a9d7017ca98074c14d Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Sun, 22 Feb 2026 10:44:13 +0700
Subject: [PATCH] style(settings): align updates section with app UI patterns

---
 packages/app/src/screens/settings-screen.tsx  | 21 ++++++++++++-------
 .../app/src/utils/desktop-updates.test.ts     |  2 +-
 packages/app/src/utils/desktop-updates.ts     |  2 +-
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/app/src/screens/settings-screen.tsx b/packages/app/src/screens/settings-screen.tsx
index 703f4f878..1700a4a97 100644
--- a/packages/app/src/screens/settings-screen.tsx
+++ b/packages/app/src/screens/settings-screen.tsx
@@ -395,12 +395,18 @@ const styles = StyleSheet.create((theme) => ({
     marginTop: theme.spacing[1],
   },
   updateActions: {
-    alignItems: "flex-end",
+    flexDirection: "row",
+    alignItems: "center",
     gap: theme.spacing[2],
   },
+  updateErrorText: {
+    color: theme.colors.palette.red[300],
+    fontSize: theme.fontSize.xs,
+    marginTop: theme.spacing[1],
+  },
   updateWarningCard: {
     marginTop: theme.spacing[3],
-    borderRadius: theme.borderRadius.md,
+    borderRadius: theme.borderRadius.lg,
     borderWidth: 1,
     borderColor: theme.colors.palette.amber[500],
     backgroundColor: "rgba(245, 158, 11, 0.12)",
@@ -413,7 +419,7 @@ const styles = StyleSheet.create((theme) => ({
   },
   updateDiagnosticsCard: {
     marginTop: theme.spacing[3],
-    borderRadius: theme.borderRadius.md,
+    borderRadius: theme.borderRadius.lg,
     borderWidth: 1,
     borderColor: theme.colors.border,
     backgroundColor: theme.colors.surface1,
@@ -782,8 +788,7 @@ export default function SettingsScreen() {
 
     void confirmDialog({
       title: "Update local daemon",
-      message:
-        "This updates the Paseo daemon on this computer only. A daemon restart is required after the update.",
+      message: "This updates the Paseo daemon on this computer. A restart is required afterwards.",
       confirmLabel: "Update daemon",
       cancelLabel: "Cancel",
     })
@@ -1188,7 +1193,7 @@ export default function SettingsScreen() {
                     <Text style={styles.updateHintText}>
                       {localDaemonHost
                         ? `Connected host: ${localDaemonHost.label}`
-                        : "No local daemon detected in Settings yet."}
+                        : "No local daemon detected yet."}
                     </Text>
                   </View>
                   <Text style={styles.aboutValue}>{localDaemonVersionText}</Text>
@@ -1203,7 +1208,7 @@ export default function SettingsScreen() {
                       </Text>
                     ) : null}
                     {appUpdateError ? (
-                      <Text style={[styles.updateStatusText, { color: theme.colors.palette.red[300] }]}>
+                      <Text style={styles.updateErrorText}>
                         {appUpdateError}
                       </Text>
                     ) : null}
@@ -1240,7 +1245,7 @@ export default function SettingsScreen() {
                   <View style={styles.audioRowContent}>
                     <Text style={styles.audioRowTitle}>Update local daemon</Text>
                     <Text style={styles.updateHintText}>
-                      This updates the daemon on THIS computer only and requires a restart.
+                      Updates the daemon on this computer only. Requires a restart.
                     </Text>
                     {localDaemonUpdateMessage ? (
                       <Text style={styles.updateStatusText}>{localDaemonUpdateMessage}</Text>
diff --git a/packages/app/src/utils/desktop-updates.test.ts b/packages/app/src/utils/desktop-updates.test.ts
index 337d737eb..0ac433a9e 100644
--- a/packages/app/src/utils/desktop-updates.test.ts
+++ b/packages/app/src/utils/desktop-updates.test.ts
@@ -76,7 +76,7 @@ describe('desktop-updates helpers', () => {
 
     expect(formatVersionWithPrefix('0.2.0')).toBe('v0.2.0')
     expect(formatVersionWithPrefix('v0.2.0')).toBe('v0.2.0')
-    expect(formatVersionWithPrefix(null)).toBe('Unavailable')
+    expect(formatVersionWithPrefix(null)).toBe('\u2014')
   })
 
   it('prefers localhost direct host when selecting local daemon', async () => {
diff --git a/packages/app/src/utils/desktop-updates.ts b/packages/app/src/utils/desktop-updates.ts
index 0a8c39929..24bcf15e1 100644
--- a/packages/app/src/utils/desktop-updates.ts
+++ b/packages/app/src/utils/desktop-updates.ts
@@ -137,7 +137,7 @@ export function isVersionMismatch(
 export function formatVersionWithPrefix(version: string | null | undefined): string {
   const value = version?.trim()
   if (!value) {
-    return 'Unavailable'
+    return '\u2014'
   }
 
   return value.startsWith('v') ? value : `v${value}`