mirror of
https://github.com/QwenLM/qwen-code.git
synced 2025-12-21 09:17:53 +00:00
9ae45c01a6
- 移除旧的消息排序改进总结文档 - 重新组织消息渲染逻辑，合并所有类型的消息按时间戳排序 - 优化工具调用处理流程，添加时间戳支持 - 改进会话保存机制，直接使用SessionManager保存检查点 - 重构部分组件以提高可维护性
64 lines
2.0 KiB
TypeScript
64 lines
2.0 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Qwen Team
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import type React from 'react';
|
|
import { ChevronDownIcon, PlusIcon } from '../icons/index.js';
|
|
|
|
interface ChatHeaderProps {
|
|
currentSessionTitle: string;
|
|
onLoadSessions: () => void;
|
|
onSaveSession: () => void;
|
|
onNewSession: () => void;
|
|
}
|
|
|
|
export const ChatHeader: React.FC<ChatHeaderProps> = ({
|
|
currentSessionTitle,
|
|
onLoadSessions,
|
|
onSaveSession: _onSaveSession,
|
|
onNewSession,
|
|
}) => (
|
|
<div
|
|
className="flex gap-1 select-none py-1.5 px-2.5"
|
|
style={{
|
|
backgroundColor: 'var(--app-header-background)',
|
|
}}
|
|
>
|
|
{/* Past Conversations Button */}
|
|
<button
|
|
className="flex-none py-1 px-2 bg-transparent border border-transparent rounded cursor-pointer flex items-center justify-center outline-none font-medium transition-colors duration-200 hover:bg-[var(--app-ghost-button-hover-background)] focus:bg-[var(--app-ghost-button-hover-background)]"
|
|
style={{
|
|
borderRadius: 'var(--corner-radius-small)',
|
|
color: 'var(--app-primary-foreground)',
|
|
fontSize: 'var(--vscode-chat-font-size, 13px)',
|
|
}}
|
|
onClick={onLoadSessions}
|
|
title="Past conversations"
|
|
>
|
|
<span className="flex items-center gap-1">
|
|
<span style={{ fontSize: 'var(--vscode-chat-font-size, 13px)' }}>
|
|
{currentSessionTitle}
|
|
</span>
|
|
<ChevronDownIcon className="w-3.5 h-3.5" />
|
|
</span>
|
|
</button>
|
|
|
|
{/* Spacer */}
|
|
<div className="flex-1"></div>
|
|
|
|
{/* New Session Button */}
|
|
<button
|
|
className="flex-none p-0 bg-transparent border border-transparent rounded cursor-pointer flex items-center justify-center outline-none w-6 h-6 hover:bg-[var(--app-ghost-button-hover-background)] focus:bg-[var(--app-ghost-button-hover-background)]"
|
|
style={{
|
|
color: 'var(--app-primary-foreground)',
|
|
}}
|
|
onClick={onNewSession}
|
|
title="New Session"
|
|
>
|
|
<PlusIcon className="w-4 h-4" />
|
|
</button>
|
|
</div>
|
|
);
|