From ea53ca42f05bcd7266b900e128811a2c2a225073 Mon Sep 17 00:00:00 2001
From: Vantz Stockwell <vstockwell@predator-mini.local>
Date: Tue, 17 Mar 2026 13:54:43 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20wire=20Settings=20update=20button=20?=
 =?UTF-8?q?=E2=80=94=20was=20a=20console.log=20stub?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The "click to download" button in Settings > About only logged to
console. Now calls DownloadUpdate + ApplyUpdate via Wails bindings,
matching the working flow in StatusBar.vue. Added "downloading" state
with spinner.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/components/common/SettingsModal.vue   | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/common/SettingsModal.vue b/frontend/src/components/common/SettingsModal.vue
index b7156d5..c8fcc84 100644
--- a/frontend/src/components/common/SettingsModal.vue
+++ b/frontend/src/components/common/SettingsModal.vue
@@ -197,7 +197,7 @@
                     :class="updateCheckState === 'found'
                       ? 'border-[#3fb950] text-[#3fb950] hover:bg-[#3fb950]/10'
                       : 'border-[#30363d] text-[var(--wraith-text-primary)] hover:bg-[#30363d]'"
-                    :disabled="updateCheckState === 'checking'"
+                    :disabled="updateCheckState === 'checking' || updateCheckState === 'downloading'"
                     @click="checkForUpdates"
                   >
                     <template v-if="updateCheckState === 'idle'">
@@ -219,6 +219,13 @@
                       </svg>
                       v{{ latestVersion }} available — click to download
                     </template>
+                    <template v-else-if="updateCheckState === 'downloading'">
+                      <svg class="w-3.5 h-3.5 animate-spin" viewBox="0 0 16 16" fill="currentColor">
+                        <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" opacity=".25" />
+                        <path d="M8 0a8 8 0 0 1 8 8h-1.5A6.5 6.5 0 0 0 8 1.5V0Z" />
+                      </svg>
+                      Downloading...
+                    </template>
                     <template v-else-if="updateCheckState === 'up-to-date'">
                       <svg class="w-3.5 h-3.5" viewBox="0 0 16 16" fill="currentColor">
                         <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z" />
@@ -361,11 +368,12 @@ watch(() => settings.value.scrollbackBuffer, (val) => {
 });
 
 // --- Update check state ---
-type UpdateCheckState = "idle" | "checking" | "found" | "up-to-date" | "error";
+type UpdateCheckState = "idle" | "checking" | "found" | "downloading" | "up-to-date" | "error";
 const updateCheckState = ref<UpdateCheckState>("idle");
 const APP = "github.com/vstockwell/wraith/internal/app.WraithApp";
 const currentVersion = ref("loading...");
 const latestVersion = ref("");
+const updateInfo = ref<{ available: boolean; currentVersion: string; latestVersion: string; downloadUrl: string; sha256: string } | null>(null);
 
 function open(): void {
   visible.value = true;
@@ -410,10 +418,15 @@ function importVault(): void {
 async function checkForUpdates(): Promise<void> {
   if (updateCheckState.value === "checking") return;
 
-  if (updateCheckState.value === "found") {
-    // Second click — trigger download
-    // TODO: replace with Wails binding — UpdateService.DownloadUpdate() + ApplyUpdate()
-    console.log("Download update:", latestVersion.value);
+  if (updateCheckState.value === "found" && updateInfo.value) {
+    updateCheckState.value = "downloading";
+    try {
+      const path = await Call.ByName(`${UPDATER}.DownloadUpdate`, updateInfo.value) as string;
+      await Call.ByName(`${UPDATER}.ApplyUpdate`, path);
+    } catch (err) {
+      console.error("Update failed:", err);
+      updateCheckState.value = "found";
+    }
     return;
   }
 
@@ -429,6 +442,7 @@ async function checkForUpdates(): Promise<void> {
     currentVersion.value = info.currentVersion || currentVersion.value;
     if (info.available) {
       latestVersion.value = info.latestVersion;
+      updateInfo.value = info;
       updateCheckState.value = "found";
     } else {
       updateCheckState.value = "up-to-date";