danvics/haiku.rag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Paddings and ui fixes

Browse source
This commit is contained in:
Yiorgis Gozadinos 2026-02-13 16:42:03 +02:00
parent 969c64d106
commit 5767158737
No known key found for this signature in database
3 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/frontend/app/globals.css
View file

@ -57,6 +57,7 @@ a {
.chat-input-area { .chat-input-area {
position: relative; position: relative;
padding: 0 0.75rem 0.5rem;
} }
/* Override CopilotKit's absolute positioning on the input container /* Override CopilotKit's absolute positioning on the input container

15
app/frontend/components/Chat.tsx
View file

@ -464,7 +464,9 @@ function ChatContentInner({
// container, which we've overridden to flow in a flex layout). // container, which we've overridden to flow in a flex layout).
// Uses a ref callback so it runs when the element actually mounts. // Uses a ref callback so it runs when the element actually mounts.
const paddingObserver = useRef<MutationObserver | null>(null); const paddingObserver = useRef<MutationObserver | null>(null);
const scrollAreaRef = useRef<HTMLDivElement | null>(null);
const scrollAreaCallbackRef = useCallback((node: HTMLDivElement | null) => { const scrollAreaCallbackRef = useCallback((node: HTMLDivElement | null) => {
scrollAreaRef.current = node;
if (paddingObserver.current) { if (paddingObserver.current) {
paddingObserver.current.disconnect(); paddingObserver.current.disconnect();
paddingObserver.current = null; paddingObserver.current = null;
@ -487,6 +489,19 @@ function ChatContentInner({
paddingObserver.current = observer; paddingObserver.current = observer;
}, []); }, []);
// Auto-scroll to bottom when messages change or agent is streaming
// biome-ignore lint/correctness/useExhaustiveDependencies: JSON.stringify tracks content changes
useEffect(() => {
const el = scrollAreaRef.current;
if (!el) return;
// Find the actual scrollable child (CopilotKit's scroll container)
const scrollable =
el.querySelector("[data-radix-scroll-area-viewport]") ??
el.querySelector("[style*='overflow']") ??
el;
scrollable.scrollTop = scrollable.scrollHeight;
}, [JSON.stringify(agent.messages), agent.isRunning]);
const sessionContext = chatState.session_context; const sessionContext = chatState.session_context;
const documentFilter = chatState.document_filter; const documentFilter = chatState.document_filter;
const initialContext = chatState.initial_context ?? ""; const initialContext = chatState.initial_context ?? "";

1
haiku_rag_slim/haiku/rag/chat/widgets/context_modal.py
View file

@ -69,6 +69,7 @@ class ContextModal(ModalScreen): # pragma: no cover
#button-row Button { #button-row Button {
margin-left: 1; margin-left: 1;
min-width: 10;
} }
""" """