feat: ship v0.3.0 with P2.1 editor polish and P3 AI collaboration

Add chapter reorder, search replace, inspiration capture, and AI chat with context editing, settings, offline handling, and naming checks. Fix dev black screen by keeping process.env reads in the main process only.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/renderer/components/settings/SettingsPage.tsx

@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next'
 import type { ThemeId, Language } from '@shared/types'
 import { useSettingsStore } from '@renderer/stores/useSettingsStore'
 import { ShortcutEditor } from '@renderer/components/settings/ShortcutEditor'
+import { AiSettingsPage } from '@renderer/components/settings/AiSettingsPage'
 
 const THEMES: { id: ThemeId; key: string }[] = [
   { id: 'default', key: 'theme.default' },
@@ -17,7 +18,7 @@ const THEMES: { id: ThemeId; key: string }[] = [
 export function SettingsPage(): React.JSX.Element {
   const { t } = useTranslation()
   const settings = useSettingsStore()
-  const [section, setSection] = useState<'general' | 'shortcuts' | 'about'>('general')
+  const [section, setSection] = useState<'general' | 'ai' | 'shortcuts' | 'about'>('general')
 
   return (
     <div id="settings-page">
@@ -30,6 +31,15 @@ export function SettingsPage(): React.JSX.Element {
         >
           {t('settings.general')}
         </div>
+        <div
+          className={`settings-nav-item ${section === 'ai' ? 'active' : ''}`}
+          onClick={() => setSection('ai')}
+          role="button"
+          tabIndex={0}
+          data-testid="settings-nav-ai"
+        >
+          {t('settings.ai')}
+        </div>
         <div
           className={`settings-nav-item ${section === 'shortcuts' ? 'active' : ''}`}
           onClick={() => setSection('shortcuts')}
@@ -89,10 +99,11 @@ export function SettingsPage(): React.JSX.Element {
             </div>
           </>
         )}
+        {section === 'ai' && <AiSettingsPage />}
         {section === 'shortcuts' && <ShortcutEditor />}
         {section === 'about' && (
           <p style={{ color: 'var(--text-secondary)', lineHeight: 1.8 }}>
-            {t('app.name')} v0.1.0
+            {t('app.name')} v0.3.0
             <br />
             {t('app.tagline')}
           </p>