# Component History

> Develop History component for chat/conversation history list in @ant-design/agentic-ui. Use when building history sidebar, session list, search, delete, or load more. Triggers on History, history list, session list, conversation history, agentId, sessionId.

- Skill: `antdigital-ai/component-history` (Agent Skill)
- Install (CLI): `npx skillmds@latest add antdigital-ai/component-history`
- Raw SKILL.md: https://api.skillmd.com/api/skills/antdigital-ai/component-history/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: antdigital-ai (https://skillmd.com/u/antdigital-ai)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/antdigital-ai/component-history

---


# History 组件开发

会话历史列表：按 agent/session 拉取、展示、搜索、删除、加载更多等。

## 源码位置

- 主组件：`src/History/index.tsx`
- 子组件与 hooks：`src/History/components/`、`src/History/hooks/useHistory.ts`、`src/History/menu`
- 类型：`src/History/types/`（HistoryProps、HistoryData、HistoryList 等）
- 样式：`src/History/style.ts`

## 主要 Props

- `agentId`、`sessionId`、`request` 用于数据拉取
- `onClick`、`onDeleteItem`、`onInit`、`onShow`
- `standalone`、`emptyRender`、`customDateFormatter` 等

## 开发规范

- 使用 token 与 createStyles；列表项结构见 `generateHistoryItems` 等。
- 与 ChatLayout 侧栏、MarkdownInputField 等组合时保持数据流清晰。

修改历史组件时，参考 `src/History/` 与 `AGENTS.md`。