301506a3b1
- 扩展 enterSubAgentView 方法，新增 subagentType 可选参数 - 更新相关回调 onNavigateToSubAgent，添加 subagentType 参数支持 - 调整 MessageBubble 组件触发子智能体导航时传递 subagentType - 优化 MessageList 组件显示新消息计数及底部导航按钮交互 - 美化底部浮动导航按钮样式，增加新消息数字提示和动画 - TodoPanel 添加状态点样式，消息内容排版更紧凑 - 维护滚动位置状态，改进滚动时新消息计数逻辑
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import { MessageList } from './MessageList'
|
|
import { MessageInput } from './MessageInput'
|
|
import type { ChatMessage, Attachment } from '../../types/protocol'
|
|
|
|
interface ChatContainerProps {
|
|
messages: ChatMessage[]
|
|
isLoading: boolean
|
|
isReadOnly?: boolean
|
|
channelName?: string
|
|
onSendMessage: (content: string, attachments: Attachment[]) => void
|
|
onNavigateToSubAgent?: (taskId: string, description: string, subagentType?: string) => void
|
|
onStop?: () => void
|
|
showThinking?: boolean
|
|
/** 浮动待办面板，绝对定位在消息区域上方 */
|
|
todoPanel?: React.ReactNode
|
|
/** 视图标识，用于保存/恢复滚动位置 */
|
|
viewKey?: string
|
|
}
|
|
|
|
export function ChatContainer({
|
|
messages,
|
|
isLoading,
|
|
isReadOnly = false,
|
|
channelName,
|
|
onSendMessage,
|
|
onNavigateToSubAgent,
|
|
onStop,
|
|
showThinking = true,
|
|
todoPanel,
|
|
viewKey,
|
|
}: ChatContainerProps) {
|
|
return (
|
|
<div className="flex h-full flex-col relative">
|
|
<div className="flex-1 overflow-hidden relative">
|
|
<MessageList messages={messages} onNavigateToSubAgent={onNavigateToSubAgent} showThinking={showThinking} viewKey={viewKey} />
|
|
{todoPanel}
|
|
</div>
|
|
<MessageInput
|
|
onSend={onSendMessage}
|
|
onStop={onStop}
|
|
disabled={isLoading}
|
|
isLoading={isLoading}
|
|
isReadOnly={isReadOnly}
|
|
channelName={channelName}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|