= {
today: [],
yesterday: [],
week: [],
earlier: [],
};
for (const item of items) {
// 尝试解析时间：优先 lastMessageTime，其次 createdAt
const timeStr = item.lastMessageTime || item.createdAt;
const ts = timeStr ? new Date(timeStr).getTime() : 0;
if (ts >= todayStart) {
groups.today.push(item);
} else if (ts >= yesterdayStart) {
groups.yesterday.push(item);
} else if (ts >= weekStart) {
groups.week.push(item);
} else {
groups.earlier.push(item);
}
}
const result: { label: string; items: HistoryItemData[] }[] = [];
if (groups.today.length) result.push({ label: t('history_group_today'), items: groups.today });
if (groups.yesterday.length) result.push({ label: t('history_group_yesterday'), items: groups.yesterday });
if (groups.week.length) result.push({ label: t('history_group_week'), items: groups.week });
if (groups.earlier.length) result.push({ label: t('history_group_earlier'), items: groups.earlier });
return result;
}
/** 渲染会话列表（带日期分组） */
export function renderHistoryList(
listEl: HTMLElement,
items: HistoryItemData[],
onSelect: (conversationId: string) => void,
onExport: (id: string) => void,
onDelete: (id: string) => void,
activeChatId?: string,
emptyText?: string
): void {
listEl.innerHTML = '';
if (items.length === 0) {
const empty = document.createElement('div');
empty.className = 'csk-history-panel__empty';
empty.innerHTML = `
💬
${emptyText || t('history_empty')}
`;
listEl.appendChild(empty);
return;
}
// 按日期分组渲染
const groups = groupHistoryByDate(items);
for (const group of groups) {
// 分组标题
if (groups.length > 1) {
const groupEl = document.createElement('div');
groupEl.className = 'csk-history-group';
const labelEl = document.createElement('div');
labelEl.className = 'csk-history-group__label';
labelEl.textContent = group.label;
groupEl.appendChild(labelEl);
listEl.appendChild(groupEl);
}
for (const item of group.items) {
const el = document.createElement('div');
el.className = 'csk-history-item';
// 高亮当前活跃会话
const convId = item.chatId || item.id;
if (activeChatId && convId === activeChatId) {
el.classList.add('csk-history-item--active');
}
const info = document.createElement('div');
info.className = 'csk-history-item__info';
const idEl = document.createElement('div');
idEl.className = 'csk-history-item__id';
// 显示最后一条消息预览，没有则显示 chatId
if (item.lastMessagePreview) {
idEl.textContent = item.lastMessagePreview.length > 60
? item.lastMessagePreview.substring(0, 60) + '...'
: item.lastMessagePreview;
} else {
idEl.textContent = convId;
}
const metaEl = document.createElement('div');
metaEl.className = 'csk-history-item__meta';
const metaParts: string[] = [];
if (item.messageCount !== undefined) metaParts.push(`${item.messageCount} 条消息`);
if (item.lastMessageTime) metaParts.push(item.lastMessageTime);
else if (item.createdAt) metaParts.push(item.createdAt);
metaEl.textContent = metaParts.join(' · ');
info.appendChild(idEl);
info.appendChild(metaEl);
const actionsEl = document.createElement('div');
actionsEl.className = 'csk-history-item__actions';
// 导出按钮
const exportBtn = document.createElement('button');
exportBtn.className = 'csk-history-action csk-history-action--export';
exportBtn.setAttribute('title', t('history_export'));
exportBtn.innerHTML = ``;
exportBtn.addEventListener('click', (e) => {
e.stopPropagation();
onExport(item.id);
});
// 删除按钮
const deleteBtn = document.createElement('button');
deleteBtn.className = 'csk-history-action csk-history-action--delete';
deleteBtn.setAttribute('title', t('history_delete'));
deleteBtn.innerHTML = ``;
deleteBtn.addEventListener('click', (e) => {
e.stopPropagation();
onDelete(item.id);
});
actionsEl.appendChild(exportBtn);
actionsEl.appendChild(deleteBtn);
el.appendChild(info);
el.appendChild(actionsEl);
// 点击整行 → 切换到该会话
el.addEventListener('click', () => {
onSelect(convId);
});
listEl.appendChild(el);
}
} // 关闭 group 循环
}
/** 滚动消息区到底部 */
export function scrollToBottom(container: HTMLElement): void {
container.scrollTop = container.scrollHeight;
}
/** 格式化时间戳 */
function formatTime(timestamp: number): string {
const d = new Date(timestamp);
const hh = String(d.getHours()).padStart(2, '0');
const mm = String(d.getMinutes()).padStart(2, '0');
return `${hh}:${mm}`;
}