From 6522b39ce846c46976a27d7bbc5f0715095b4e92 Mon Sep 17 00:00:00 2001
From: matt <matthewkim20122012@gmail.com>
Date: Wed, 11 Feb 2026 21:30:19 +0900
Subject: [PATCH] Update README and enhance UpdateDialog accessibility

- Updated the README to use a higher resolution icon for better visibility.
- Improved the UpdateDialog component by adding a backdrop button for dismissing the dialog and enhancing accessibility with ARIA attributes.
---
 README.md                                      |  2 +-
 .../components/common/UpdateDialog.tsx         | 18 ++++++++++++------
 .../settings/sections/AdvancedSection.tsx      |  4 +++-
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 11049db1..92716998 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="resources/icons/png/128x128.png" alt="Claude Code Context" width="120" />
+  <img src="resources/icons/png/512x512.png" alt="Claude Code Context" width="120" />
 </p>
 
 <h1 align="center">Claude Code Context</h1>
diff --git a/src/renderer/components/common/UpdateDialog.tsx b/src/renderer/components/common/UpdateDialog.tsx
index 73ac3d9a..16e5fd70 100644
--- a/src/renderer/components/common/UpdateDialog.tsx
+++ b/src/renderer/components/common/UpdateDialog.tsx
@@ -17,18 +17,24 @@ export const UpdateDialog = (): React.JSX.Element | null => {
   if (!showUpdateDialog) return null;
 
   return (
-    <div
-      className="fixed inset-0 z-50 flex items-center justify-center"
-      style={{ backgroundColor: 'rgba(0, 0, 0, 0.6)' }}
-      onClick={dismissUpdateDialog}
-    >
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      {/* Backdrop */}
+      <button
+        className="absolute inset-0 cursor-default"
+        style={{ backgroundColor: 'rgba(0, 0, 0, 0.6)' }}
+        onClick={dismissUpdateDialog}
+        aria-label="Close dialog"
+        tabIndex={-1}
+      />
       <div
         className="relative mx-4 w-full max-w-md rounded-lg border p-6 shadow-xl"
+        role="dialog"
+        aria-modal="true"
+        aria-label="Update available"
         style={{
           backgroundColor: 'var(--color-surface-overlay)',
           borderColor: 'var(--color-border-emphasis)',
         }}
-        onClick={(e) => e.stopPropagation()}
       >
         {/* Close button */}
         <button
diff --git a/src/renderer/components/settings/sections/AdvancedSection.tsx b/src/renderer/components/settings/sections/AdvancedSection.tsx
index 2bfc71eb..cfb4a703 100644
--- a/src/renderer/components/settings/sections/AdvancedSection.tsx
+++ b/src/renderer/components/settings/sections/AdvancedSection.tsx
@@ -72,7 +72,9 @@ export const AdvancedSection = ({
         return (
           <>
             <Download className="size-3.5" />
-            {updateStatus === 'downloaded' ? 'Update ready' : `v${availableVersion} available`}
+            {updateStatus === 'downloaded'
+              ? 'Update ready'
+              : `v${availableVersion ?? 'unknown'} available`}
           </>
         );
       default: