From 6c74a1263649586dcbaa1231339b88a7708f0c2a Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 19:10:38 +0200
Subject: [PATCH] feat: add offline-first description at the beginning of App &
 Airplane Mode section

---
 src/components/Settings/PWASettings.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Settings/PWASettings.tsx b/src/components/Settings/PWASettings.tsx
index 2a304aad..e03ad63a 100644
--- a/src/components/Settings/PWASettings.tsx
+++ b/src/components/Settings/PWASettings.tsx
@@ -64,6 +64,10 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
     <div className="settings-section">
       <h3 className="section-title">App & Airplane Mode</h3>
       
+      <p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
+        Boris is offline‑first by design. You can read, create highlights, and browse your library without being connected to the internet. Boris will store changes locally and sync later.
+      </p>
+      
       <div style={{ display: 'flex', gap: '2rem', alignItems: 'stretch' }}>
         <div style={{ flex: 1, display: 'flex', flexDirection: 'column', gap: '0.25rem' }}>
           {/* Flight Mode Section - Checkboxes First */}