The Translation Status component displays translation progress per language for content entries. It supports both view-mode language switching and edit-mode progress tracking.

Props

This component is self-contained — it reads all state from global stores.

Reactive Dependency	Source	Purpose
contentLanguage	@src/stores/store.svelte	Current active language
collection / collectionValue	@src/stores/collection-store.svelte	Current entry and schema
translationProgress	@src/stores/store.svelte	Per-language completion stats
mode	@src/stores/collection-store.svelte	View vs. Edit mode
publicEnv	@src/stores/global-settings.svelte	Available content languages

Behavior

• View Mode: Shows a language switcher dropdown — only displays languages other than the current one
• Edit Mode: Shows all available languages with per-field translation progress bars

Features

• Multi-Field Support: Tracks all translatable fields in a collection, not just simple text fields
• Widget-Aware: Properly handles widgets with multiple inputs (e.g., SEO widget with title, description, keywords)
• Field-Level Granularity: Individual field progress tracking per locale
• Record<Locale, string> Format: Supports both legacy string and modern Record<Locale, string> translation storage

Usage

<TranslationStatus />

Related

• Language Architecture
• Multilingual Data Loading