Add i18n foundation and translations (#1027)
* feat: add i18n foundation * feat: localize sessions sidebar * Localize multirun/scheduled tasks and fix dialog dropdown interactions * localize git sidebar surface and add zh-CN keys * feat(ui): localize context panel, diff/plan views, and context sidebar content * fix(config): resolve user config home via fs/home before embedded home * localize header/chat UI and complete model/worktree panel strings * localize worktree + github issue/pr dialog flows * localize settings sections and split settings i18n dictionaries * localize additional settings sections and sidebars * localize more settings pages and dialogs * fix settings select trigger localization * localize tunnel settings ui surface * localize additional settings sections * localize keyboard shortcuts labels in settings * localize terminal and utility dialogs surfaces * feat(i18n): localize remaining UI strings * Add Ukrainian locale * Add Spanish locale * Add Brazilian Portuguese locale * Polish locale translations
This commit is contained in:
committed by
GitHub
parent
87db2ea210
commit
7d7285655d
@@ -26,6 +26,7 @@ import {
|
||||
RiAlertLine,
|
||||
} from '@remixicon/react';
|
||||
import type { BrowserVoiceStatus } from '@/hooks/useBrowserVoice';
|
||||
import { useI18n } from '@/lib/i18n';
|
||||
|
||||
export interface VoiceStatusIndicatorProps {
|
||||
/** Current voice status */
|
||||
@@ -60,36 +61,41 @@ const statusConfig: Record<
|
||||
{
|
||||
icon: typeof RiMicLine;
|
||||
color: string;
|
||||
label: string;
|
||||
labelKey:
|
||||
| 'voice.status.idle'
|
||||
| 'voice.status.listening'
|
||||
| 'voice.status.processing'
|
||||
| 'voice.status.speaking'
|
||||
| 'voice.status.error';
|
||||
animation?: string;
|
||||
}
|
||||
> = {
|
||||
idle: {
|
||||
icon: RiMicOffLine,
|
||||
color: 'text-muted-foreground',
|
||||
label: 'Voice Ready',
|
||||
labelKey: 'voice.status.idle',
|
||||
},
|
||||
listening: {
|
||||
icon: RiMicLine,
|
||||
color: 'text-primary',
|
||||
label: 'Listening...',
|
||||
labelKey: 'voice.status.listening',
|
||||
animation: 'animate-pulse',
|
||||
},
|
||||
processing: {
|
||||
icon: RiLoader4Line,
|
||||
color: 'text-primary',
|
||||
label: 'Processing...',
|
||||
labelKey: 'voice.status.processing',
|
||||
animation: 'animate-spin',
|
||||
},
|
||||
speaking: {
|
||||
icon: RiVolumeUpLine,
|
||||
color: 'text-green-500',
|
||||
label: 'Speaking...',
|
||||
labelKey: 'voice.status.speaking',
|
||||
},
|
||||
error: {
|
||||
icon: RiAlertLine,
|
||||
color: 'text-destructive',
|
||||
label: 'Voice Error',
|
||||
labelKey: 'voice.status.error',
|
||||
},
|
||||
};
|
||||
|
||||
@@ -103,6 +109,7 @@ export function VoiceStatusIndicator({
|
||||
className = '',
|
||||
conversationMode = false,
|
||||
}: VoiceStatusIndicatorProps) {
|
||||
const { t } = useI18n();
|
||||
const config = statusConfig[status];
|
||||
const Icon = config.icon;
|
||||
const sizeClass = sizeClasses[size];
|
||||
@@ -123,13 +130,13 @@ export function VoiceStatusIndicator({
|
||||
{conversationMode && status === 'idle' && (
|
||||
<span
|
||||
className="absolute -top-0.5 -right-0.5 w-2 h-2 bg-green-500 rounded-full"
|
||||
aria-label="Conversation mode active"
|
||||
aria-label={t('voice.status.conversationModeActiveAria')}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
{showLabel && (
|
||||
<span className={`typography-meta ${config.color}`}>
|
||||
{config.label}
|
||||
{t(config.labelKey)}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user