fix: improve error handling, race conditions, and memory leaks in git/source control components

Phase 1 - MultiRepoContext.tsx:
- Add concurrency guard (refreshInFlight Map) to prevent overlapping refreshRepository calls
- Wrap apiCall operations with try/catch + gitLogger.error for stage/unstage/discard/checkout/branch/merge
- Wire up executeGitOperation (renamed from _executeGitOperation) for push/pull/fetch/commit with retry logic
- Remove unused void suppression for _executeGitOperation
- Re-lookup repo index after async operations to avoid stale index bugs

Phase 2 - Component error states (8 files):
- StashPanel: Add [error, setError] + [operationLoading, setOperationLoading] signals, error banner UI
- BlameView: Add [error, setError] signal, error banner UI
- CommitGraph: Add [error, setError] signal, error banner UI
- BranchComparison: Add [error, setError] signal, error banner UI
- DiffView: Add [error, setError] signal, error banner UI
- CortexGitPanel: Add [error, setError] signal, error banner UI, surface stash operation errors
- CortexSourceControl: Add [error, setError] signal, error banner UI
- CortexGitHistory: Add [error, setError] signal, error banner UI
- GitPanel: Fix error timeout leak - store timer ID and clear in onCleanup

Phase 3 - Memory leak fixes:
- CortexChangesPanel: Add onCleanup for drag event listeners (mousemove/mouseup) that could leak if component unmounts during drag

Author: echobt

src/components/cortex/CortexChangesPanel.tsx

@@ -4,7 +4,7 @@
  * Wired to git_status and git_diff backend commands
  */
 
-import { Component, For, Show, createSignal, onMount, JSX } from "solid-js";
+import { Component, For, Show, createSignal, onMount, onCleanup, JSX } from "solid-js";
 import { invoke } from "@tauri-apps/api/core";
 import { CortexIcon } from "./primitives/CortexIcon";
 import { VibeTabBar, type VibeTab } from "./vibe/VibeTabBar";
@@ -97,6 +97,8 @@ export const CortexChangesPanel: Component<CortexChangesPanelProps> = (props) =>
     }
   };
 
+  let dragCleanup: (() => void) | null = null;
+
   const handleDivider = (e: MouseEvent) => {
     e.preventDefault();
     const startY = e.clientY;
@@ -106,11 +108,18 @@ export const CortexChangesPanel: Component<CortexChangesPanelProps> = (props) =>
     const onUp = () => {
       document.removeEventListener("mousemove", onMove);
       document.removeEventListener("mouseup", onUp);
+      dragCleanup = null;
     };
     document.addEventListener("mousemove", onMove);
     document.addEventListener("mouseup", onUp);
+    dragCleanup = () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
   };
 
+  onCleanup(() => { dragCleanup?.(); });
+
   onMount(async () => {
     if (props.changes.length === 0 && props.projectPath) {
       try {

src/components/cortex/CortexGitHistory.tsx

@@ -165,6 +165,7 @@ const emptyStyle: JSX.CSSProperties = {
 export const CortexGitHistory: Component<CortexGitHistoryProps> = (props) => {
   const [commits, setCommits] = createSignal<GitCommit[]>([]);
   const [loading, setLoading] = createSignal(true);
+  const [error, setError] = createSignal<string | null>(null);
   const [searchQuery, setSearchQuery] = createSignal("");
   const [expandedHash, setExpandedHash] = createSignal<string | null>(null);
 
@@ -186,11 +187,13 @@ export const CortexGitHistory: Component<CortexGitHistoryProps> = (props) => {
       return;
     }
     setLoading(true);
+    setError(null);
     try {
       const result = await gitLog(projectPath, 100);
       setCommits(result);
     } catch (e) {
       logger.warn("Failed to fetch git history", e);
+      setError(`Failed to load history: ${e}`);
     } finally {
       setLoading(false);
     }
@@ -229,6 +232,13 @@ export const CortexGitHistory: Component<CortexGitHistoryProps> = (props) => {
       </div>
 
       <div style={listContainerStyle}>
+        <Show when={error()}>
+          <div style={{ display: "flex", "align-items": "center", gap: "8px", padding: "8px 16px", background: "rgba(239,68,68,0.1)", color: "#ef4444", "font-size": "12px" }}>
+            <span style={{ flex: 1, overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }}>{error()}</span>
+            <button onClick={() => setError(null)} style={{ background: "transparent", border: "none", color: "#ef4444", cursor: "pointer", padding: "2px", "font-size": "12px" }}>✕</button>
+          </div>
+        </Show>
+
         <Show when={loading()}>
           <div style={loadingStyle}>
             <span>Loading history…</span>

src/components/cortex/CortexGitPanel.tsx

@@ -69,6 +69,7 @@ export const CortexGitPanel: Component = () => {
   const [expandStash, setExpandStash] = createSignal(false);
   const [stashes, setStashes] = createSignal<StashEntry[]>([]);
   const [stashLoading, setStashLoading] = createSignal(false);
+  const [error, setError] = createSignal<string | null>(null);
   let dotsRef: HTMLDivElement | undefined;
 
   const repo = () => multiRepo?.activeRepository() ?? null;
@@ -109,19 +110,22 @@ export const CortexGitPanel: Component = () => {
   const handleStashCreate = async () => {
     const r = repo();
     if (!r) return;
-    try { await gitStashCreate(r.path, "", true); await fetchStashes(); refresh(); } catch { /* ignore */ }
+    setError(null);
+    try { await gitStashCreate(r.path, "", true); await fetchStashes(); refresh(); } catch (err) { setError(`Stash create failed: ${err}`); }
   };
 
   const handleStashPop = async (index: number) => {
     const r = repo();
     if (!r) return;
-    try { await gitStashPop(r.path, index); await fetchStashes(); refresh(); } catch { /* ignore */ }
+    setError(null);
+    try { await gitStashPop(r.path, index); await fetchStashes(); refresh(); } catch (err) { setError(`Stash pop failed: ${err}`); }
   };
 
   const handleStashDrop = async (index: number) => {
     const r = repo();
     if (!r) return;
-    try { await gitStashDrop(r.path, index); await fetchStashes(); } catch { /* ignore */ }
+    setError(null);
+    try { await gitStashDrop(r.path, index); await fetchStashes(); } catch (err) { setError(`Stash drop failed: ${err}`); }
   };
 
   const dotsAction = (action: string) => {
@@ -201,6 +205,14 @@ export const CortexGitPanel: Component = () => {
         </label>
       </div>
 
+      <Show when={error()}>
+        <div style={{ display: "flex", "align-items": "center", gap: "8px", padding: "8px 12px", background: "rgba(239,68,68,0.1)", color: "#ef4444", "font-size": "13px" }}>
+          <CortexIcon name="alert-circle" size={14} color="#ef4444" />
+          <span style={{ flex: 1, overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }}>{error()}</span>
+          <button onClick={() => setError(null)} style={{ background: "transparent", border: "none", color: "#ef4444", cursor: "pointer", padding: "2px" }}>✕</button>
+        </div>
+      </Show>
+
       <div style={{ flex: 1, overflow: "auto" }}>
         <SectionHeader title="Changes" count={unstaged().length} expanded={expandChanges()} onToggle={() => setExpandChanges((v) => !v)} actions={
           <>

src/components/cortex/CortexSourceControl.tsx

@@ -85,6 +85,7 @@ export const CortexSourceControl: Component = () => {
   const [sections, setSections] = createSignal<Set<string>>(new Set(["staged", "changes"]));
   const [showCommits, setShowCommits] = createSignal(false);
   const [commits, setCommits] = createSignal<GitCommit[]>([]);
+  const [error, setError] = createSignal<string | null>(null);
 
   const repo = () => multiRepo?.activeRepository() ?? null;
   const staged = () => repo()?.stagedFiles ?? [];
@@ -97,7 +98,7 @@ export const CortexSourceControl: Component = () => {
 
   const fetchCommits = async () => {
     const r = repo(); if (!r) return;
-    try { setCommits(await gitLog(r.path, 5)); } catch { setCommits([]); }
+    try { setCommits(await gitLog(r.path, 5)); } catch (err) { setCommits([]); setError(`Failed to load commits: ${err}`); }
   };
 
   onMount(() => { if (repo()) fetchCommits(); });
@@ -129,6 +130,13 @@ export const CortexSourceControl: Component = () => {
           </div>
         </div>
       }>
+        <Show when={error()}>
+          <div style={{ display: "flex", "align-items": "center", gap: "8px", padding: "8px 16px", background: "rgba(239,68,68,0.1)", color: "#ef4444", "font-size": "12px" }}>
+            <span style={{ flex: 1, overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }}>{error()}</span>
+            <button onClick={() => setError(null)} style={{ background: "transparent", border: "none", color: "#ef4444", cursor: "pointer", padding: "2px", "font-size": "12px" }}>✕</button>
+          </div>
+        </Show>
+
         <div style={{ display: "flex", "align-items": "center", "justify-content": "space-between", padding: "12px 16px", "border-bottom": "1px solid var(--cortex-bg-hover)" }}>
           <div style={{ display: "flex", "align-items": "center", gap: "8px" }}>
             <span style={{ "font-weight": "500" }}>Source Control</span>

src/components/git/BlameView.tsx

@@ -33,6 +33,7 @@ interface BlameViewProps {
 export function BlameView(props: BlameViewProps) {
   const [blameData, setBlameData] = createSignal<BlameLine[]>([]);
   const [loading, setLoading] = createSignal(false);
+  const [error, setError] = createSignal<string | null>(null);
   const [hoveredCommit, setHoveredCommit] = createSignal<string | null>(null);
   const [selectedCommit, setSelectedCommit] = createSignal<string | null>(null);
   const [copiedHash, setCopiedHash] = createSignal<string | null>(null);
@@ -42,6 +43,7 @@ export function BlameView(props: BlameViewProps) {
 
   const fetchBlame = async (file: string) => {
     setLoading(true);
+    setError(null);
     try {
       const projectPath = getProjectPath();
 
@@ -81,6 +83,7 @@ export function BlameView(props: BlameViewProps) {
       }
     } catch (err) {
       console.error("Failed to fetch blame:", err);
+      setError(`Failed to load blame data: ${err}`);
     } finally {
       setLoading(false);
     }
@@ -219,6 +222,19 @@ export function BlameView(props: BlameViewProps) {
           </div>
         }
       >
+        <Show when={error()}>
+          <div
+            class="flex items-center gap-2 px-3 py-2 text-sm"
+            style={{ background: "var(--status-error-bg, rgba(239,68,68,0.1))", color: "var(--status-error, #ef4444)" }}
+          >
+            <Icon name="circle-exclamation" class="w-4 h-4 shrink-0" />
+            <span class="flex-1 truncate">{error()}</span>
+            <button class="p-0.5 rounded hover:bg-white/10" onClick={() => setError(null)}>
+              <Icon name="xmark" class="w-3.5 h-3.5" />
+            </button>
+          </div>
+        </Show>
+
         <Show when={loading()}>
           <div class="flex items-center justify-center h-full">
             <span style={{ color: "var(--text-weak)" }}>Loading blame...</span>

src/components/git/BranchComparison.tsx

@@ -42,6 +42,7 @@ export function BranchComparison(props: BranchComparisonProps) {
   const [baseBranch, setBaseBranch] = createSignal(props.baseBranch || "");
   const [compareBranch, setCompareBranch] = createSignal(props.compareBranch || "");
   const [loading, setLoading] = createSignal(false);
+  const [error, setError] = createSignal<string | null>(null);
   const [stats, setStats] = createSignal<BranchCompareStats | null>(null);
   const [showBaseDropdown, setShowBaseDropdown] = createSignal(false);
   const [showCompareDropdown, setShowCompareDropdown] = createSignal(false);
@@ -64,6 +65,7 @@ export function BranchComparison(props: BranchComparisonProps) {
 
   const fetchComparison = async (base: string, compare: string) => {
     setLoading(true);
+    setError(null);
     try {
       const projectPath = getProjectPath();
       const data: GitCompareResult = await gitCompare(projectPath, base, compare);
@@ -91,6 +93,7 @@ export function BranchComparison(props: BranchComparisonProps) {
       });
     } catch (err) {
       console.error("Failed to fetch comparison:", err);
+      setError(`Failed to compare branches: ${err}`);
     } finally {
       setLoading(false);
     }
@@ -274,6 +277,20 @@ export function BranchComparison(props: BranchComparisonProps) {
         </div>
       </div>
 
+      {/* Error Banner */}
+      <Show when={error()}>
+        <div
+          class="flex items-center gap-2 px-3 py-2 text-sm"
+          style={{ background: "var(--status-error-bg, rgba(239,68,68,0.1))", color: "var(--status-error, #ef4444)" }}
+        >
+          <Icon name="circle-exclamation" class="w-4 h-4 shrink-0" />
+          <span class="flex-1 truncate">{error()}</span>
+          <button class="p-0.5 rounded hover:bg-white/10" onClick={() => setError(null)}>
+            <Icon name="xmark" class="w-3.5 h-3.5" />
+          </button>
+        </div>
+      </Show>
+
       {/* Stats summary */}
       <Show when={stats()}>
         <div

src/components/git/CommitGraph.tsx

@@ -220,6 +220,7 @@ function CommitRow(props: CommitRowProps) {
 export function CommitGraph(props: CommitGraphProps) {
   const [commits, setCommits] = createSignal<Commit[]>(props.commits || []);
   const [loading, setLoading] = createSignal(false);
+  const [error, setError] = createSignal<string | null>(null);
   const [searchQuery, setSearchQuery] = createSignal("");
   const [selectedHash, setSelectedHash] = createSignal<string | null>(props.selectedCommit || null);
   const [contextMenuPos, setContextMenuPos] = createSignal<{ x: number; y: number; commit: Commit } | null>(null);
@@ -265,6 +266,7 @@ export function CommitGraph(props: CommitGraphProps) {
 
   const fetchCommitHistory = async () => {
     setLoading(true);
+    setError(null);
     try {
       const projectPath = getProjectPath();
 
@@ -304,6 +306,7 @@ export function CommitGraph(props: CommitGraphProps) {
       setCommits(mappedCommits);
     } catch (err) {
       console.error("Failed to fetch commit history:", err);
+      setError(`Failed to load commit history: ${err}`);
     } finally {
       setLoading(false);
     }
@@ -678,6 +681,20 @@ export function CommitGraph(props: CommitGraphProps) {
         </div>
       </div>
 
+      {/* Error Banner */}
+      <Show when={error()}>
+        <div
+          class="flex items-center gap-2 px-3 py-2 text-sm"
+          style={{ background: "var(--status-error-bg, rgba(239,68,68,0.1))", color: "var(--status-error, #ef4444)" }}
+        >
+          <Icon name="circle-exclamation" class="w-4 h-4 shrink-0" />
+          <span class="flex-1 truncate">{error()}</span>
+          <button class="p-0.5 rounded hover:bg-white/10" onClick={() => setError(null)}>
+            <Icon name="xmark" class="w-3.5 h-3.5" />
+          </button>
+        </div>
+      </Show>
+
       {/* Search */}
       <div class="px-3 py-2 border-b" style={{ "border-color": "var(--border-weak)" }}>
         <div

src/components/git/DiffView.tsx

@@ -57,6 +57,7 @@ export function DiffView(props: DiffViewProps) {
 
   const [diff, setDiff] = createSignal<FileDiff | null>(null);
   const [loading, setLoading] = createSignal(false);
+  const [error, setError] = createSignal<string | null>(null);
   const [viewMode, setViewMode] = createSignal<"unified" | "split">("unified");
   const [isFullscreen, setIsFullscreen] = createSignal(false);
   const [copied, setCopied] = createSignal(false);
@@ -111,12 +112,17 @@ export function DiffView(props: DiffViewProps) {
 
   const fetchDiff = async (file: string, staged: boolean) => {
     setLoading(true);
+    setError(null);
     try {
       const diffText = await gitDiff(getProjectPath(), file, staged);
       const rawDiff: RawFileDiff = { path: file, content: diffText, hunks: [], additions: 0, deletions: 0 };
       setDiff(rawDiff);
-    } catch (err) { console.error("Failed to fetch diff:", err); }
-    finally { setLoading(false); }
+    } catch (err) {
+      console.error("Failed to fetch diff:", err);
+      setError(`Failed to load diff: ${err}`);
+    } finally {
+      setLoading(false);
+    }
   };
 
   const handleHunkAction = async (
@@ -260,6 +266,18 @@ export function DiffView(props: DiffViewProps) {
         onCopyDiff={copyDiff} onEnterEditMode={handleEnterEditMode}
         onSaveEdit={handleSaveEdit} onCancelEdit={handleCancelEdit} onClose={props.onClose}
       />
+      <Show when={error()}>
+        <div
+          class="flex items-center gap-2 px-3 py-2 text-sm"
+          style={{ background: "var(--status-error-bg, rgba(239,68,68,0.1))", color: "var(--status-error, #ef4444)" }}
+        >
+          <Icon name="circle-exclamation" class="w-4 h-4 shrink-0" />
+          <span class="flex-1 truncate">{error()}</span>
+          <button class="p-0.5 rounded hover:bg-white/10" onClick={() => setError(null)}>
+            <Icon name="xmark" class="w-3.5 h-3.5" />
+          </button>
+        </div>
+      </Show>
       <Show when={editMode()} fallback={
         <div class="flex-1 overflow-auto font-mono text-sm">
           <Show when={loading()}>

src/components/git/GitPanel.tsx

@@ -362,10 +362,13 @@ const [signCommits, setSignCommits] = createSignal(false);
 
   const clearError = () => setError(null);
 
+  let errorTimeout: ReturnType<typeof setTimeout> | undefined;
   const showError = (message: string, type: "error" | "warning" = "error") => {
     setError({ message, type });
-    setTimeout(clearError, 5000);
+    if (errorTimeout) clearTimeout(errorTimeout);
+    errorTimeout = setTimeout(clearError, 5000);
   };
+  onCleanup(() => { if (errorTimeout) clearTimeout(errorTimeout); });
 
   const fetchCommits = async (repoPath: string) => {
     try {