From 691b00a2b8891f68b5a418b7ed23a9b8aef2c66f Mon Sep 17 00:00:00 2001
From: Amit Haridas <amit.wh@gmail.com>
Date: Mon, 8 Jun 2026 06:40:51 +0530
Subject: [PATCH] feat(settings): add Updates section with channel radio and
 Check now

---
 .../components/modals/SettingsSheet.tsx       |  5 +-
 .../components/modals/UpdatesSettings.tsx     | 61 +++++++++++++++++++
 2 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/components/modals/UpdatesSettings.tsx

diff --git a/src/renderer/components/modals/SettingsSheet.tsx b/src/renderer/components/modals/SettingsSheet.tsx
index 439919d..de103e5 100644
--- a/src/renderer/components/modals/SettingsSheet.tsx
+++ b/src/renderer/components/modals/SettingsSheet.tsx
@@ -8,6 +8,7 @@ import { ThemeSettings } from './ThemeSettings';
 import { ExportSettings } from './ExportSettings';
 import { PluginsSettings } from './PluginsSettings';
 import { AboutSettings } from './AboutSettings';
+import { UpdatesSettings } from './UpdatesSettings';
 
 export function SettingsSheet() {
   const closeModal = useAppStore((s) => s.closeModal);
@@ -21,11 +22,12 @@ export function SettingsSheet() {
           <SheetDescription>Editor, theme, and export preferences</SheetDescription>
         </SheetHeader>
         <Tabs defaultValue="editor" className="mt-4">
-          <TabsList className="grid w-full grid-cols-5">
+          <TabsList className="grid w-full grid-cols-6">
             <TabsTrigger value="editor">Editor</TabsTrigger>
             <TabsTrigger value="theme">Theme</TabsTrigger>
             <TabsTrigger value="export">Export</TabsTrigger>
             <TabsTrigger value="plugins">Plugins</TabsTrigger>
+            <TabsTrigger value="updates">Updates</TabsTrigger>
             <TabsTrigger value="about">About</TabsTrigger>
           </TabsList>
           <div className="mt-4 max-h-[70vh] overflow-y-auto pr-2">
@@ -33,6 +35,7 @@ export function SettingsSheet() {
             <TabsContent value="theme"><ThemeSettings /></TabsContent>
             <TabsContent value="export"><ExportSettings /></TabsContent>
             <TabsContent value="plugins"><PluginsSettings /></TabsContent>
+            <TabsContent value="updates"><UpdatesSettings /></TabsContent>
             <TabsContent value="about"><AboutSettings /></TabsContent>
           </div>
         </Tabs>
diff --git a/src/renderer/components/modals/UpdatesSettings.tsx b/src/renderer/components/modals/UpdatesSettings.tsx
new file mode 100644
index 0000000..15d6a57
--- /dev/null
+++ b/src/renderer/components/modals/UpdatesSettings.tsx
@@ -0,0 +1,61 @@
+import { useUpdaterStore } from '@/lib/updater-store';
+import { useSettingsStore } from '@/stores/settings-store';
+import { Button } from '@/components/ui/button';
+
+export function UpdatesSettings() {
+  const updateChannel = useSettingsStore((s) => s.updateChannel);
+  const setSetting = useSettingsStore((s) => s.setSetting);
+  const autoCheck = useSettingsStore((s) => s.autoCheckUpdates);
+  const { check, state } = useUpdaterStore();
+
+  return (
+    <div className="space-y-4" data-testid="updates-settings">
+      <div>
+        <h3 className="font-medium mb-2">Update channel</h3>
+        <div className="flex flex-col gap-2">
+          <label className="flex items-center gap-2">
+            <input
+              type="radio"
+              name="update-channel"
+              checked={updateChannel === 'github'}
+              onChange={() => setSetting('updateChannel', 'github')}
+            />
+            <span>GitHub Releases (public)</span>
+          </label>
+          <label className="flex items-center gap-2">
+            <input
+              type="radio"
+              name="update-channel"
+              checked={updateChannel === 'concreteinfo'}
+              onChange={() => setSetting('updateChannel', 'concreteinfo')}
+            />
+            <span>ConcreteInfo self-hosted</span>
+          </label>
+        </div>
+      </div>
+
+      <div>
+        <h3 className="font-medium mb-2">Auto-check on launch</h3>
+        <label className="flex items-center gap-2">
+          <input
+            type="checkbox"
+            checked={autoCheck}
+            onChange={(e) => setSetting('autoCheckUpdates', e.target.checked)}
+          />
+          <span>Check for updates 5s after launch</span>
+        </label>
+      </div>
+
+      <div>
+        <h3 className="font-medium mb-2">Manual check</h3>
+        <Button
+          onClick={() => check()}
+          disabled={state === 'checking' || state === 'downloading'}
+          data-testid="check-now"
+        >
+          {state === 'checking' ? 'Checking…' : 'Check now'}
+        </Button>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file