From 2593f7075c26972c7d5c110df46ac9532c101334 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sat, 21 Mar 2026 02:32:19 +0100
Subject: [PATCH] feat(desktop): add version display and check-for-updates to
 account settings

---
 .../modals/settingsPanels/AccountPanel.tsx    | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx b/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx
index e5b4e9f2..11b19a30 100644
--- a/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx
@@ -74,6 +74,42 @@ function AutoLaunchSettings() {
   );
 }
 
+function UpdateSettings() {
+  const [version, setVersion] = useState<string | null>(null);
+  const [checking, setChecking] = useState(false);
+
+  useEffect(() => {
+    window.backspace?.getVersion().then(setVersion).catch(() => {});
+  }, []);
+
+  const handleCheck = () => {
+    setChecking(true);
+    window.backspace?.checkForUpdates();
+    // Reset after a few seconds — electron-updater doesn't have a "no update" callback
+    setTimeout(() => setChecking(false), 5000);
+  };
+
+  return (
+    <div className="flex items-center justify-between py-1">
+      <div className="flex-1 mr-4">
+        <div className="text-sm text-txt-primary">
+          {version ? `Version ${version}` : 'Backspace Desktop'}
+        </div>
+        <div className="text-xs text-txt-tertiary mt-0.5">
+          Check for new versions of the desktop app
+        </div>
+      </div>
+      <button
+        onClick={handleCheck}
+        disabled={checking}
+        className="px-3 py-1.5 text-sm text-txt-secondary hover:text-txt-primary bg-white/[0.04] hover:bg-white/[0.08] rounded-lg transition-colors disabled:opacity-50"
+      >
+        {checking ? 'Checking...' : 'Check for Updates'}
+      </button>
+    </div>
+  );
+}
+
 export function AccountPanel() {
   const user = useAuthStore((s) => s.user);
   const updateProfile = useAuthStore((s) => s.updateProfile);
@@ -756,6 +792,7 @@ export function AccountPanel() {
           <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">Desktop</div>
           <div className="rounded-lg bg-white/[0.03] border border-white/[0.04] p-3.5 space-y-3">
             <AutoLaunchSettings />
+            <UpdateSettings />
 
             <div className="border-t border-white/[0.04]" />