setSidebarWidth(Math.min(360, Math.max(190, event.clientX))))}
+ />
- {/* Main 3-column layout like GitKraken */}
-
+
+ {showMergePanel ? : }
+
- {/* Column 1: Sidebar — branches, remotes, tags, stashes */}
-
+
setRightWidth(Math.min(640, Math.max(360, window.innerWidth - event.clientX))))}
+ />
+
}
-
+ {repo &&
setConsoleHeight(Math.min(360, Math.max(80, window.innerHeight - event.clientY))))}
+ />}
);
}
diff --git a/src/components/ai/AiPanel.tsx b/src/components/ai/AiPanel.tsx
index 948adb9..74a9fd8 100644
--- a/src/components/ai/AiPanel.tsx
+++ b/src/components/ai/AiPanel.tsx
@@ -1 +1,31 @@
-import { useGitStore } from '../../store/gitStore';import { gitService } from '../../services/gitService';export function AiPanel(){const s=useGitStore();const repo=s.repo?.path;return
{s.aiText}}
+import { MessageSquareText } from 'lucide-react';
+import { useGitStore } from '../../store/gitStore';
+import { gitService } from '../../services/gitService';
+
+export function AiPanel() {
+ const repo = useGitStore(s => s.repo?.path);
+ const diff = useGitStore(s => s.diff);
+ const settings = useGitStore(s => s.settings);
+ const aiText = useGitStore(s => s.aiText);
+
+ if (!diff && !aiText) return null;
+
+ return (
+
+
+ {aiText && (
+
+ {aiText}
+
+ )}
+
+ );
+}
diff --git a/src/components/commit/CommitPanel.tsx b/src/components/commit/CommitPanel.tsx
index 4bdd050..030e152 100644
--- a/src/components/commit/CommitPanel.tsx
+++ b/src/components/commit/CommitPanel.tsx
@@ -1,2 +1,87 @@
-import { useEffect, useState } from 'react';import { useGitStore } from '../../store/gitStore';import { gitService } from '../../services/gitService';
-export function CommitPanel(){const [msg,setMsg]=useState('');const [amend,setAmend]=useState(false);const s=useGitStore();const repo=s.repo?.path;const commit=()=>{if(!repo)return;if(!msg.trim()){s.log('Commit message is required');return}if(!s.status.staged.length){s.log('No staged files to commit');return}void s.run('commit',()=>gitService.commit(repo,msg,amend)).then(()=>setMsg(''))};useEffect(()=>{const h=()=>commit();document.addEventListener('gitpilot-commit',h);return()=>document.removeEventListener('gitpilot-commit',h)});return