feat: finished phase 3

src/renderer/components/GitDiffView/GitDiffView.tsx

@@ -36,7 +36,7 @@ function detectLanguage(filePath: string): string {
 }
 
 export const GitDiffView: React.FC<GitDiffViewProps> = ({ filePath }) => {
-  const { activeProject } = useAppStore();
+  const { activeProject, gitDiffPreferences } = useAppStore();
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [original, setOriginal] = useState('');
@@ -105,14 +105,17 @@ export const GitDiffView: React.FC<GitDiffViewProps> = ({ filePath }) => {
           height="100%"
           options={{
             readOnly: true,
-            renderSideBySide: false,
+            renderSideBySide: gitDiffPreferences.viewStyle === 'side-by-side',
             minimap: { enabled: false },
             lineNumbers: 'on',
             scrollBeyondLastLine: false,
             renderOverviewRuler: true,
             originalEditable: false,
             diffCodeLens: false,
-            wordWrap: 'off',
+            wordWrap: gitDiffPreferences.wordWrap ? 'on' : 'off',
+            hideUnchangedRegions: {
+              enabled: gitDiffPreferences.hideUnchangedRegions,
+            },
             ignoreTrimWhitespace: false,
           }}
         />

src/renderer/components/SettingsView/SettingsView.tsx

@@ -90,7 +90,14 @@ const SettingSection: React.FC<{
 };
 
 export const SettingsView: React.FC = () => {
-  const { preferredEditorMode, setPreferredEditorMode, activeProject, setActiveProject } = useAppStore();
+  const {
+    preferredEditorMode,
+    setPreferredEditorMode,
+    gitDiffPreferences,
+    setGitDiffPreferences,
+    activeProject,
+    setActiveProject,
+  } = useAppStore();
   const [searchQuery, setSearchQuery] = useState('');
   const [credentials, setCredentials] = useState<Credentials>(defaultCredentials);
   const [showSecrets, setShowSecrets] = useState(false);
@@ -410,6 +417,65 @@ export const SettingsView: React.FC = () => {
           <option value="preview">Preview (Read-only)</option>
         </select>
       </SettingRow>
+
+      <SettingRow
+        id="diff-view-style"
+        label="Diff View Style"
+        description="Choose how Git diffs are shown by default."
+      >
+        <select
+          id="diff-view-style"
+          aria-label="Diff View Style"
+          value={gitDiffPreferences.viewStyle}
+          onChange={(e) =>
+            setGitDiffPreferences({
+              ...gitDiffPreferences,
+              viewStyle: e.target.value as 'inline' | 'side-by-side',
+            })
+          }
+        >
+          <option value="inline">Inline</option>
+          <option value="side-by-side">Side by Side</option>
+        </select>
+      </SettingRow>
+
+      <SettingRow
+        id="diff-wrap-long-lines"
+        label="Wrap Long Lines in Diff"
+        description="Enable word wrapping for long lines in Git diffs."
+      >
+        <input
+          id="diff-wrap-long-lines"
+          aria-label="Wrap long lines in diff"
+          type="checkbox"
+          checked={gitDiffPreferences.wordWrap}
+          onChange={(e) =>
+            setGitDiffPreferences({
+              ...gitDiffPreferences,
+              wordWrap: e.target.checked,
+            })
+          }
+        />
+      </SettingRow>
+
+      <SettingRow
+        id="diff-hide-unchanged-regions"
+        label="Hide Unchanged Regions"
+        description="Collapse unchanged regions in Git diffs."
+      >
+        <input
+          id="diff-hide-unchanged-regions"
+          aria-label="Hide unchanged regions"
+          type="checkbox"
+          checked={gitDiffPreferences.hideUnchangedRegions}
+          onChange={(e) =>
+            setGitDiffPreferences({
+              ...gitDiffPreferences,
+              hideUnchangedRegions: e.target.checked,
+            })
+          }
+        />
+      </SettingRow>
     </SettingSection>
   );
 

src/renderer/store/appStore.ts

@@ -38,6 +38,13 @@ export interface ErrorDetails {
 export type { DeleteReference, ConfirmDeleteDetails };
 
 export type EditorMode = 'wysiwyg' | 'markdown' | 'preview';
+export type GitDiffViewStyle = 'inline' | 'side-by-side';
+
+export interface GitDiffPreferences {
+  wordWrap: boolean;
+  viewStyle: GitDiffViewStyle;
+  hideUnchangedRegions: boolean;
+}
 
 // App State Store
 interface AppState {
@@ -56,6 +63,7 @@ interface AppState {
   selectedPostId: string | null;
   selectedMediaId: string | null;
   preferredEditorMode: EditorMode;
+  gitDiffPreferences: GitDiffPreferences;
   
   // Data
   posts: PostData[];
@@ -102,6 +110,7 @@ interface AppState {
   setSelectedPost: (id: string | null) => void;
   setSelectedMedia: (id: string | null) => void;
   setPreferredEditorMode: (mode: EditorMode) => void;
+  setGitDiffPreferences: (preferences: GitDiffPreferences) => void;
   
   setPosts: (posts: PostData[], hasMore?: boolean, total?: number) => void;
   appendPosts: (posts: PostData[], hasMore: boolean) => void;
@@ -153,6 +162,11 @@ export const useAppStore = create<AppState>()(
       selectedPostId: null,
       selectedMediaId: null,
       preferredEditorMode: 'wysiwyg',
+      gitDiffPreferences: {
+        wordWrap: true,
+        viewStyle: 'inline',
+        hideUnchangedRegions: false,
+      },
       
       // Initial Data
       posts: [],
@@ -270,6 +284,7 @@ export const useAppStore = create<AppState>()(
       setSelectedPost: (id) => set({ selectedPostId: id }),
       setSelectedMedia: (id) => set({ selectedMediaId: id }),
       setPreferredEditorMode: (mode) => set({ preferredEditorMode: mode }),
+      setGitDiffPreferences: (preferences) => set({ gitDiffPreferences: preferences }),
       
       // Post Actions
       setPosts: (posts, hasMore = false, total = 0) => set({ posts, hasMorePosts: hasMore, totalPosts: total }),
@@ -355,6 +370,7 @@ export const useAppStore = create<AppState>()(
         selectedPostId: state.selectedPostId,
         selectedMediaId: state.selectedMediaId,
         preferredEditorMode: state.preferredEditorMode,
+        gitDiffPreferences: state.gitDiffPreferences,
         // Tabs are persisted here for now (project-specific persistence handled separately)
         tabs: state.tabs,
         activeTabId: state.activeTabId,
@@ -370,6 +386,7 @@ export const useAppStore = create<AppState>()(
           tabs: persistedState.tabs || [],
           activeTabId: persistedState.activeTabId || null,
           dirtyPosts: new Set(persistedState.dirtyPosts || []),
+          gitDiffPreferences: persistedState.gitDiffPreferences || current.gitDiffPreferences,
         };
       },
     }