mirror of
https://github.com/NanmiCoder/cc-haha
synced 2026-07-18 13:23:33 +08:00
a2bf92079b
Add a lightweight custom i18n system supporting English (default) and Chinese, with a language switcher in Settings > General. All 35+ UI components internationalized with ~270 translation keys, including 189 Chinese spinner verbs and server error code mapping.
39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
import { useTeamStore } from '../../stores/teamStore'
|
|
import { useTranslation } from '../../i18n'
|
|
|
|
export function TranscriptView() {
|
|
const t = useTranslation()
|
|
const { agentTranscript, viewingAgentId, activeTeam } = useTeamStore()
|
|
const member = activeTeam?.members.find((m) => m.agentId === viewingAgentId)
|
|
|
|
return (
|
|
<div className="flex-1 overflow-y-auto px-4 py-4">
|
|
<div className="max-w-[720px] mx-auto">
|
|
{/* Viewing divider */}
|
|
<div className="flex items-center gap-3 mb-4">
|
|
<div className="flex-1 h-px bg-[var(--color-border)]" />
|
|
<span className="text-xs text-[var(--color-text-tertiary)]">
|
|
{t('teams.viewing')} {member?.role || viewingAgentId} {t('teams.transcript')}
|
|
</span>
|
|
<div className="flex-1 h-px bg-[var(--color-border)]" />
|
|
</div>
|
|
|
|
{/* Transcript messages */}
|
|
{agentTranscript.length === 0 ? (
|
|
<div className="text-center text-sm text-[var(--color-text-tertiary)] py-8">
|
|
{t('teams.noMessages')}
|
|
</div>
|
|
) : (
|
|
agentTranscript.map((msg) => (
|
|
<div key={msg.id} className="mb-3 text-sm text-[var(--color-text-primary)]">
|
|
<pre className="whitespace-pre-wrap break-words font-[var(--font-mono)] text-xs bg-[var(--color-surface-info)] rounded-[var(--radius-md)] px-3 py-2">
|
|
{typeof msg.content === 'string' ? msg.content : JSON.stringify(msg.content, null, 2)}
|
|
</pre>
|
|
</div>
|
|
))
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|