3dtours/KGStudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use i18n strings for chatbox todo snapshot card

Browse Source
This commit is contained in:
Xiaohan-Tian
2026-06-03 17:09:54 -07:00
parent ad1e0c2aa8
commit 42fdcebd42
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/chat/AssistantMessage.test.tsx
+1 -1
View File
@@ -190,7 +190,7 @@ describe('AssistantMessage', () => {
/> />
); );
expect(screen.getByLabelText('Agent task checklist snapshot')).toBeInTheDocument(); expect(screen.getByLabelText('Agent task checklist')).toBeInTheDocument();
expect(screen.getByText('Task Checklist')).toBeInTheDocument(); expect(screen.getByText('Task Checklist')).toBeInTheDocument();
expect(screen.getByText('1/2 completed')).toBeInTheDocument(); expect(screen.getByText('1/2 completed')).toBeInTheDocument();
expect(screen.getByText('Working on: Writing harmony')).toBeInTheDocument(); expect(screen.getByText('Working on: Writing harmony')).toBeInTheDocument();
src/components/chat/AssistantMessage.tsx
+4 -4
View File
@@ -222,16 +222,16 @@ const AssistantMessage: React.FC<AssistantMessageProps> = ({
const activeTodo = todoSnapshot.find(todo => todo.status === 'in_progress') ?? null; const activeTodo = todoSnapshot.find(todo => todo.status === 'in_progress') ?? null;
return ( return (
<section className="chatbox-todo-card" aria-label="Agent task checklist snapshot"> <section className="chatbox-todo-card" aria-label={t('chatbox.todo.ariaLabel')}>
<div className="chatbox-todo-card-header"> <div className="chatbox-todo-card-header">
<h4>Task Checklist</h4> <h4>{t('chatbox.todo.title')}</h4>
<span className="chatbox-todo-count"> <span className="chatbox-todo-count">
{counts.completed}/{counts.total} completed {t('chatbox.todo.count', { completed: counts.completed, total: counts.total })}
</span> </span>
</div> </div>
{activeTodo && ( {activeTodo && (
<div className="chatbox-todo-active"> <div className="chatbox-todo-active">
Working on: {activeTodo.activeText || activeTodo.text} {t('chatbox.todo.active', { task: activeTodo.activeText || activeTodo.text })}
</div> </div>
)} )}
<ul className="chatbox-todo-list"> <ul className="chatbox-todo-list">