d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2025-12-09 10:59:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(chat): add CLAUDE.md support and fix scroll behavior (#222)

Browse Source
This commit is contained in:
viper151
2025-11-01 07:01:25 +01:00
committed by GitHub
parent fefcc0f338
commit b5d1fed354
2 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
server/claude-sdk.js
View File

@@ -79,6 +79,16 @@ function mapCliOptionsToSDK(options = {}) {
// Map model (default to sonnet) // Map model (default to sonnet)
sdkOptions.model = options.model || 'sonnet'; sdkOptions.model = options.model || 'sonnet';
// Map system prompt configuration
sdkOptions.systemPrompt = {
type: 'preset',
preset: 'claude_code' // Required to use CLAUDE.md
};
// Map setting sources for CLAUDE.md loading
// This loads CLAUDE.md from project, user (~/.config/claude/CLAUDE.md), and local directories
sdkOptions.settingSources = ['project', 'user', 'local'];
// Map resume session // Map resume session
if (sessionId) { if (sessionId) {
sdkOptions.resume = sessionId; sdkOptions.resume = sessionId;
@@ -374,7 +384,7 @@ async function queryClaudeSDK(command, options = {}, ws) {
for await (const message of queryInstance) { for await (const message of queryInstance) {
// Capture session ID from first message // Capture session ID from first message
if (message.session_id && !capturedSessionId) { if (message.session_id && !capturedSessionId) {
console.log('📝 Captured session ID:', message.session_id);
capturedSessionId = message.session_id; capturedSessionId = message.session_id;
addSession(capturedSessionId, queryInstance, tempImagePaths, tempDir); addSession(capturedSessionId, queryInstance, tempImagePaths, tempDir);

12
src/components/ChatInterface.jsx
View File

@@ -2603,7 +2603,8 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
const scrollToBottom = useCallback(() => { const scrollToBottom = useCallback(() => {
if (scrollContainerRef.current) { if (scrollContainerRef.current) {
scrollContainerRef.current.scrollTop = scrollContainerRef.current.scrollHeight; scrollContainerRef.current.scrollTop = scrollContainerRef.current.scrollHeight;
setIsUserScrolledUp(false); // Don't reset isUserScrolledUp here - let the scroll handler manage it
// This prevents fighting with user's scroll position during streaming
} }
}, []); }, []);
@@ -3522,7 +3523,7 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
const prevTop = scrollPositionRef.current.top; const prevTop = scrollPositionRef.current.top;
const newHeight = container.scrollHeight; const newHeight = container.scrollHeight;
const heightDiff = newHeight - prevHeight; const heightDiff = newHeight - prevHeight;
// If content was added above the current view, adjust scroll position // If content was added above the current view, adjust scroll position
if (heightDiff > 0 && prevTop > 0) { if (heightDiff > 0 && prevTop > 0) {
container.scrollTop = prevTop + heightDiff; container.scrollTop = prevTop + heightDiff;
@@ -3536,9 +3537,12 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
if (scrollContainerRef.current && chatMessages.length > 0 && !isLoadingSessionRef.current) { if (scrollContainerRef.current && chatMessages.length > 0 && !isLoadingSessionRef.current) {
// Only scroll if we're not in the middle of loading a session // Only scroll if we're not in the middle of loading a session
// This prevents the "double scroll" effect during session switching // This prevents the "double scroll" effect during session switching
// Also reset scroll state // Reset scroll state when switching sessions
setIsUserScrolledUp(false); setIsUserScrolledUp(false);
setTimeout(() => scrollToBottom(), 200); // Delay to ensure full rendering setTimeout(() => {
scrollToBottom();
// After scrolling, the scroll event handler will naturally set isUserScrolledUp based on position
}, 200); // Delay to ensure full rendering
} }
}, [selectedSession?.id, selectedProject?.name]); // Only trigger when session/project changes }, [selectedSession?.id, selectedProject?.name]); // Only trigger when session/project changes