mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-07-07 06:02:43 +08:00
fix: don't overlap thinking banner over conversation
This commit is contained in:
@@ -286,6 +286,11 @@ function ChatInterface({
|
||||
handlePermissionDecision,
|
||||
}), [pendingPermissionRequests, handlePermissionDecision]);
|
||||
|
||||
// Mirrors ChatComposer's own visibility check so the message pane can
|
||||
// reserve enough bottom space to keep the floating status tab from
|
||||
// overlapping the last message.
|
||||
const hasActivityIndicator = Boolean(sessionActivity && pendingPermissionRequests.length === 0);
|
||||
|
||||
if (!selectedProject) {
|
||||
const selectedProviderLabel =
|
||||
provider === 'cursor'
|
||||
@@ -321,6 +326,7 @@ function ChatInterface({
|
||||
onTouchMove={handleScroll}
|
||||
isLoadingSessionMessages={isLoadingSessionMessages}
|
||||
isProcessing={isProcessing}
|
||||
hasActivityIndicator={hasActivityIndicator}
|
||||
chatMessages={chatMessages}
|
||||
selectedSession={selectedSession}
|
||||
currentSessionId={currentSessionId}
|
||||
|
||||
@@ -24,6 +24,8 @@ interface ChatMessagesPaneProps {
|
||||
isLoadingSessionMessages: boolean;
|
||||
/** True while the viewed session has an active provider run in flight. */
|
||||
isProcessing?: boolean;
|
||||
/** True while ChatComposer's floating activity/stop tab is rendered above the input. */
|
||||
hasActivityIndicator?: boolean;
|
||||
chatMessages: ChatMessage[];
|
||||
selectedSession: ProjectSession | null;
|
||||
currentSessionId: string | null;
|
||||
@@ -73,6 +75,7 @@ function ChatMessagesPane({
|
||||
onTouchMove,
|
||||
isLoadingSessionMessages,
|
||||
isProcessing = false,
|
||||
hasActivityIndicator = false,
|
||||
chatMessages,
|
||||
selectedSession,
|
||||
currentSessionId,
|
||||
@@ -161,7 +164,9 @@ function ChatMessagesPane({
|
||||
ref={scrollContainerRef}
|
||||
onWheel={onWheel}
|
||||
onTouchMove={onTouchMove}
|
||||
className="chat-messages-pane relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden py-3 sm:py-4"
|
||||
className={`chat-messages-pane relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden pt-3 sm:pt-4 ${
|
||||
hasActivityIndicator ? 'pb-12 sm:pb-14' : 'pb-3 sm:pb-4'
|
||||
}`}
|
||||
>
|
||||
<div className="mx-auto w-full max-w-[54.25rem] space-y-3 px-4 sm:space-y-4">
|
||||
{(isLoadingSessionMessages || isProcessing) && chatMessages.length === 0 ? (
|
||||
|
||||
Reference in New Issue
Block a user