From 87e46be86f6390efac74dfa9e3db6200ef4ca30f Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sun, 19 Oct 2025 16:07:59 +0200
Subject: [PATCH] feat(settings): restore 'auto mark as read at 100%' option

- Added autoMarkAsReadOnCompletion to default settings (disabled by default)
- Added toggle in Layout & Behavior section
- Existing ContentPanel logic already hooks into this to trigger animation & mark-as-read
---
 src/components/Settings.tsx                        |  1 +
 src/components/Settings/LayoutBehaviorSettings.tsx | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index 97024b07..45039dde 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -40,6 +40,7 @@ const DEFAULT_SETTINGS: UserSettings = {
   rebroadcastToAllRelays: false,
   paragraphAlignment: 'justify',
   syncReadingPosition: true,
+  autoMarkAsReadOnCompletion: false,
 }
 
 interface SettingsProps {
diff --git a/src/components/Settings/LayoutBehaviorSettings.tsx b/src/components/Settings/LayoutBehaviorSettings.tsx
index efc17384..d042e7cc 100644
--- a/src/components/Settings/LayoutBehaviorSettings.tsx
+++ b/src/components/Settings/LayoutBehaviorSettings.tsx
@@ -117,6 +117,19 @@ const LayoutBehaviorSettings: React.FC<LayoutBehaviorSettingsProps> = ({ setting
           <span>Sync reading position across devices</span>
         </label>
       </div>
+
+      <div className="setting-group">
+        <label htmlFor="autoMarkAsReadOnCompletion" className="checkbox-label">
+          <input
+            id="autoMarkAsReadOnCompletion"
+            type="checkbox"
+            checked={settings.autoMarkAsReadOnCompletion ?? false}
+            onChange={(e) => onUpdate({ autoMarkAsReadOnCompletion: e.target.checked })}
+            className="setting-checkbox"
+          />
+          <span>Automatically mark as read at 100% (with animation)</span>
+        </label>
+      </div>
     </div>
   )
 }