[BUG] [alpha] Image viewer error message “Failed to load image” remains in English and breaks language consistency

[herdsman012]

Project

ide

Description

When an image fails to load in the editor, the viewer displays a centered error message “Failed to load image”. This message appears only after the loading process fails and is shown prominently in the main content area. However, the text is always presented in English, even when the surrounding UI is expected to follow a different language. This creates a noticeable inconsistency in the error state, where critical feedback is not aligned with the rest of the interface language.

Error Message

Debug Logs

System Information

OS: Ubuntu 22.04.5 LTS
CPU: 13th Gen Intel(R) Core(TM) i9-13900K
RAM: 16 GB

Screenshots

Steps to Reproduce

Open an image file in the editor
Trigger a failure scenario (e.g., corrupted image or interrupted load)
Observe the message displayed in the center of the viewer

Expected Behavior

The error message should appear in the same language as the rest of the UI, ensuring consistent and understandable feedback.

Actual Behavior

The message “Failed to load image” is always displayed in English, regardless of language context.

Additional Context

Because this message appears during a failure state, the lack of localization can reduce clarity and increase confusion for users relying on non-English interfaces.

[echobt]

✅ Validated

VALID BUG - The screenshot shows the Cortex IDE interface with the "Failed to load image" error message clearly visible when an image fails to load.

Code Verification:
Found the bug in TWO locations:

1. src/components/viewers/ImageViewer.tsx line 112: setError(e instanceof Error ? e.message : "Failed to load image");
2. src/components/editor/ImageViewer.tsx line 139: setError("Failed to load image");

Accessibility Verification:
The ImageViewer component is properly integrated into the application:

• Exported from src/components/viewers/index.ts
• Used in src/components/editor/MultiBuffer.tsx (line 290)
• Used in src/components/editor/EditorGridPanel.tsx (line 198)
• User can access this by opening any image file in the editor

i18n System Exists:
The application has a complete internationalization system:

• src/i18n/index.ts exports t() translation function
• Translation files exist for en, fr, zh, ja, es, de
• src/context/i18n/I18nContext.tsx provides useI18n() hook

The Bug:
The error message "Failed to load image" is hardcoded in English in both ImageViewer components instead of using the t() function for localization. This creates inconsistency when the UI is set to a non-English language, as the error message remains in English while the rest of the interface is translated.

Expected Fix:
Add a translation key like imageViewer.error.loadFailed to the translation files and use t('imageViewer.error.loadFailed') instead of the hardcoded string.