From 65225732bf922d8d389ad15bd228d181ce3d2411 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Mon, 21 Sep 2026 14:22:34 +0000
Subject: [PATCH 1/2] refactor: replace native title with Tooltip for
 accessibility

Replaced the native HTML `title` attributes on the "Settings" and "Help" buttons with custom `Tooltip` components from `@/components/ui/tooltip` for improved accessibility and UX on disabled buttons. Added required aria-disabled visual classes.
---
 apps/desktop/src/App.tsx | 45 ++++++++++++++++++++++------------------
 dev_output.log           |  9 ++++++++
 2 files changed, 34 insertions(+), 20 deletions(-)
 create mode 100644 dev_output.log

diff --git a/apps/desktop/src/App.tsx b/apps/desktop/src/App.tsx
index f3d678454..2ca80cb0f 100644
--- a/apps/desktop/src/App.tsx
+++ b/apps/desktop/src/App.tsx
@@ -51,6 +51,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Progress } from "@/components/ui/progress";
 import { Toaster } from "@/components/ui/sonner";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 
 const ANALYSIS_POLL_INTERVAL_MS = 250;
 const MAX_ERROR_DETAIL_LENGTH = 220;
@@ -611,26 +612,30 @@ export function App() {
             </div>
 
             <div className="flex items-center justify-between text-slate-400">
-              <button
-                type="button"
-                aria-disabled={true}
-                aria-label={t("settingsComingSoon")}
-                title={t("settingsComingSoon")}
-                onClick={preventUnavailableAction}
-                className="inline-flex cursor-not-allowed items-center justify-center rounded-xl p-2 text-slate-600 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300"
-              >
-                <Settings className="size-5" aria-hidden="true" />
-              </button>
-              <button
-                type="button"
-                aria-disabled={true}
-                aria-label={t("helpComingSoon")}
-                title={t("helpComingSoon")}
-                onClick={preventUnavailableAction}
-                className="inline-flex cursor-not-allowed items-center justify-center rounded-xl p-2 text-slate-600 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300"
-              >
-                <CircleHelp className="size-5" aria-hidden="true" />
-              </button>
+              <Tooltip>
+                <TooltipTrigger
+                  type="button"
+                  aria-disabled="true"
+                  aria-label={t("settingsComingSoon")}
+                  onClick={preventUnavailableAction}
+                  className="inline-flex cursor-not-allowed items-center justify-center rounded-xl p-2 text-slate-600 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"
+                >
+                  <Settings className="size-5" aria-hidden="true" />
+                </TooltipTrigger>
+                <TooltipContent>{t("settingsComingSoon")}</TooltipContent>
+              </Tooltip>
+              <Tooltip>
+                <TooltipTrigger
+                  type="button"
+                  aria-disabled="true"
+                  aria-label={t("helpComingSoon")}
+                  onClick={preventUnavailableAction}
+                  className="inline-flex cursor-not-allowed items-center justify-center rounded-xl p-2 text-slate-600 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"
+                >
+                  <CircleHelp className="size-5" aria-hidden="true" />
+                </TooltipTrigger>
+                <TooltipContent>{t("helpComingSoon")}</TooltipContent>
+              </Tooltip>
             </div>
           </div>
         </aside>
diff --git a/dev_output.log b/dev_output.log
new file mode 100644
index 000000000..5d20f8f7f
--- /dev/null
+++ b/dev_output.log
@@ -0,0 +1,9 @@
+
+> @bandscope/desktop@0.1.0 dev
+> vite
+
+
+  VITE v8.2.1  ready in 489 ms
+
+  ➜  Local:   http://localhost:5173/
+  ➜  Network: use --host to expose

From 4a6f8eac8c025211d03211b08701b7b9f138d474 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Mon, 21 Sep 2026 23:32:16 +0900
Subject: [PATCH 2/2] chore(ui): remove local Vite output artifact

---
 dev_output.log | 9 ---------
 1 file changed, 9 deletions(-)
 delete mode 100644 dev_output.log

diff --git a/dev_output.log b/dev_output.log
deleted file mode 100644
index 5d20f8f7f..000000000
--- a/dev_output.log
+++ /dev/null
@@ -1,9 +0,0 @@
-
-> @bandscope/desktop@0.1.0 dev
-> vite
-
-
-  VITE v8.2.1  ready in 489 ms
-
-  ➜  Local:   http://localhost:5173/
-  ➜  Network: use --host to expose