src/components/chat-history.tsx

import { IconEdit, IconTrash, IconMore, IconDownload } from "./ui/icons"

export function ChatHistory() {
  return (
    <div className="chat-history fixed top-18 right-4">
      <div className="chat-history-header text-sm font-semibold text-left w-[280px] px-4 py-6">
        历史记录
      </div>
      <div className="chat-history-main">
        <div className="scroller">
          <div className="surface">
            <div className="threads">
              <div className="thread">
                <div className="primary-row">
                  <button type="button" aria-label="加载聊天">

                  </button>
                  <div className="description">
                    <h3 className="name">无标题的聊天</h3>
                  </div>
                  <h4 className="time">上午1:42</h4>
                  <div className="controls">

                    <button className="edit icon-button" type="button" aria-label="重命名">
                      <IconEdit />
                    </button>

                    <button className="delete icon-button" type="button" aria-label="删除">
                      <IconTrash />
                    </button>

                    <button className="more icon-button" type="button" aria-haspopup="true" aria-expanded="false" aria-label="更多">
                      <IconMore />
                    </button>

                    <button className="export icon-button" type="button" aria-label="导出">
                      <IconDownload />
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}