feat(settings): Updates section + open-file footer link

Adds the frontend UI for the consolidated Settings surface:

- Updates section with a 3-radio group for update_check
  (Automatic / Manual only / Off), hidden when updaterAvailable is
  false so Scoop and Microsoft Store users don't see a meaningless
  knob. Persists immediately on click — no debounce, since one radio
  press isn't a sweep and the tray dot should react right away.

- Footer at the bottom of the Settings window with a small
  "Open settings.json" link — the de-emphasised escape hatch for
  hand-edits (corrupted branch_selections, debugging panel_position,
  etc.). Replaces the tray's old "Open settings file…" entry so the
  tray menu has only one Settings-related item.

AppSettings (TS) now mirrors the extended Rust shape (updateCheck,
updaterAvailable). DEFAULT_SETTINGS picks "enabled" + true so a
launch before initSettings resolves doesn't briefly hide the section.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: var-gg

src/components/Settings.tsx

@@ -1,7 +1,11 @@
 import { useEffect, useRef, useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
 
-import { broadcastSettings, getCurrentSettings } from "../lib/settings";
+import {
+  broadcastSettings,
+  getCurrentSettings,
+  type UpdateCheckMode,
+} from "../lib/settings";
 
 /** UI-scale slider bounds — mirror UI_SCALE_MIN/MAX in commands.rs. 100%
  *  is the floor: the diff/timeline default is the most compact legible
@@ -102,6 +106,25 @@ export function Settings() {
     }, PERSIST_DELAY_MS);
   }
 
+  function setUpdateMode(mode: UpdateCheckMode) {
+    const next = { ...settings, updateCheck: mode };
+    setSettings(next);
+    broadcastSettings(next);
+    // Persist immediately — radio clicks are single events, not a sweep,
+    // so debounce buys nothing and the user expects the tray dot /
+    // "Check for updates" item to react right away.
+    void invoke("set_update_check", { mode });
+  }
+
+  function openSettingsFile() {
+    void invoke("open_settings_file").catch((err) => {
+      // Surface in console for triage; the user already gets OS-level
+      // feedback if the editor fails to launch.
+      // eslint-disable-next-line no-console
+      console.error("[gitwink] open_settings_file failed", err);
+    });
+  }
+
   // Recording mode: capture the next valid combo and send it to Rust to
   // re-bind the global shortcut live. Esc cancels. OS-reserved combos
   // (Alt+Tab, Win+L, …) never reach the webview, so the recorder simply
@@ -234,6 +257,60 @@ export function Settings() {
           and won't react.
         </p>
       </section>
+
+      {settings.updaterAvailable && (
+        <section className="settings-section">
+          <h2 className="settings-section-title">Updates</h2>
+          <div className="settings-radio-group" role="radiogroup">
+            {(
+              [
+                {
+                  value: "enabled",
+                  label: "Automatic",
+                  hint: "Check on startup + every 24h. Tray dot when one's ready.",
+                },
+                {
+                  value: "manual",
+                  label: "Manual only",
+                  hint: 'No background checks; use the tray "Check for updates" entry.',
+                },
+                {
+                  value: "disabled",
+                  label: "Off",
+                  hint: 'Updater fully disabled. Tray hides the "Check for updates" entry.',
+                },
+              ] as const
+            ).map((opt) => (
+              <label key={opt.value} className="settings-radio">
+                <input
+                  type="radio"
+                  name="update-check"
+                  value={opt.value}
+                  checked={settings.updateCheck === opt.value}
+                  onChange={() => setUpdateMode(opt.value)}
+                />
+                <span className="settings-radio-label">{opt.label}</span>
+                <span className="settings-radio-hint">{opt.hint}</span>
+              </label>
+            ))}
+          </div>
+        </section>
+      )}
+
+      <footer className="settings-footer">
+        <button
+          type="button"
+          className="settings-link"
+          onClick={openSettingsFile}
+        >
+          Open settings.json
+        </button>
+        <span className="settings-footer-hint">
+          Reveals the raw config in your default editor. Most knobs above
+          are mirrored here — auto-managed fields (window positions, repo
+          state) shouldn't need hand-edits.
+        </span>
+      </footer>
     </div>
   );
 }

src/lib/settings.ts

@@ -2,12 +2,23 @@ import { invoke } from "@tauri-apps/api/core";
 import { emit, listen } from "@tauri-apps/api/event";
 import { useSyncExternalStore } from "react";
 
+/** Self-update behaviour. Mirrors Rust `UpdateCheckMode` (serialized
+ *  lowercase) — "enabled" auto-checks every 24h, "manual" only on tray
+ *  click, "disabled" turns the updater off entirely (no tray dot, no
+ *  "Check for updates" item). */
+export type UpdateCheckMode = "enabled" | "manual" | "disabled";
+
 /** The user-facing settings slice — mirrors the Rust `AppSettings`. */
 export interface AppSettings {
   uiScale: number;
   diffFontFamily: string | null;
   panelHotkey: string;
   panelPinned: boolean;
+  updateCheck: UpdateCheckMode;
+  /** False for Scoop / Microsoft Store installs — the Updates section
+   *  of the Settings window hides because those channels manage their
+   *  own updates. */
+  updaterAvailable: boolean;
 }
 
 /** Built-in diff/code monospace stack — the fallback when no font is
@@ -20,6 +31,8 @@ export const DEFAULT_SETTINGS: AppSettings = {
   diffFontFamily: null,
   panelHotkey: "CmdOrCtrl+Shift+G",
   panelPinned: false,
+  updateCheck: "enabled",
+  updaterAvailable: true,
 };
 
 /** Timeline row height in px at scale 1.0 — the value the fixed-row

src/styles.css

@@ -2232,3 +2232,97 @@ body,
     color: rgba(255, 130, 130, 1);
   }
 }
+
+/* Update-check radio group — stacks vertically with a short hint per
+   option so the trade-offs (auto vs manual vs off) are visible inline
+   without a tooltip. */
+.settings-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.settings-radio {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto;
+  column-gap: 8px;
+  align-items: center;
+  cursor: pointer;
+  padding: 4px 2px;
+  border-radius: 4px;
+}
+
+.settings-radio:hover {
+  background: rgba(0, 0, 0, 0.03);
+}
+
+.settings-radio input {
+  grid-row: 1 / span 2;
+  margin: 0;
+  cursor: pointer;
+}
+
+.settings-radio-label {
+  font-size: 13px;
+}
+
+.settings-radio-hint {
+  grid-column: 2;
+  font-size: 11px;
+  opacity: 0.55;
+}
+
+@media (prefers-color-scheme: dark) {
+  .settings-radio:hover {
+    background: rgba(255, 255, 255, 0.04);
+  }
+}
+
+/* Footer with the "Open settings.json" escape hatch — visually
+   de-emphasised so non-power-users aren't drawn to it, but still
+   reachable for the rare hand-edit case (clearing a corrupted
+   branch_selections entry, debugging panel_position, etc.). */
+.settings-footer {
+  margin-top: 28px;
+  padding-top: 14px;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.settings-link {
+  align-self: flex-start;
+  background: none;
+  border: none;
+  padding: 0;
+  color: rgba(80, 130, 240, 0.95);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+  text-decoration: underline;
+  text-decoration-color: rgba(80, 130, 240, 0.4);
+}
+
+.settings-link:hover {
+  text-decoration-color: rgba(80, 130, 240, 0.9);
+}
+
+.settings-footer-hint {
+  font-size: 11px;
+  opacity: 0.5;
+}
+
+@media (prefers-color-scheme: dark) {
+  .settings-footer {
+    border-top-color: rgba(255, 255, 255, 0.08);
+  }
+  .settings-link {
+    color: rgba(140, 180, 255, 0.95);
+    text-decoration-color: rgba(140, 180, 255, 0.4);
+  }
+  .settings-link:hover {
+    text-decoration-color: rgba(140, 180, 255, 0.9);
+  }
+}