@saasicat/ui-vue 0.5.0 → 0.7.0

package/src/pages-standard/discovery-page/CatalogEntryTransPanel.vue

@@ -5,11 +5,11 @@
             <div class="sa-trans-lang__head">
                 <span class="sa-trans-lang__code">{{ defaultLocale.toUpperCase() }}</span>
                 <span class="sa-trans-lang__name">{{ localeFull(defaultLocale) }}</span>
-                <span class="sa-trans-lang__badge">Source</span>
+                <span class="sa-trans-lang__badge">{{ msg.trans.sourceBadge }}</span>
             </div>
             <div class="sa-trans-fields">
                 <div v-for="f in fields" :key="f" class="sa-trans-field">
-                    <label class="sa-trans-field__cap">{{ i18nFieldLabel(f) }}</label>
+                    <label class="sa-trans-field__cap">{{ i18nFieldLabel(f, uiLocale) }}</label>
                     <q-input
                         v-if="f !== 'unit'"
                         dense
@@ -21,7 +21,7 @@
                     />
                     <div v-else class="sa-trans-locked">
                         {{ entry.unit || '—' }}
-                        <span class="sa-trans-locked__hint">aus Code</span>
+                        <span class="sa-trans-locked__hint">{{ msg.trans.unitFromCode }}</span>
                     </div>
                 </div>
             </div>
@@ -38,23 +38,23 @@
                     no-caps
                     size="sm"
                     icon="content_copy"
-                    label="Aus DE"
+                    :label="msg.trans.copyFromDefault"
                     class="sa-trans-lang__copy"
                     @click="copyFromDefault(lng)"
                 >
-                    <q-tooltip>Leere Felder aus der Default-Locale übernehmen</q-tooltip>
+                    <q-tooltip>{{ msg.trans.copyFromDefaultHint }}</q-tooltip>
                 </q-btn>
             </div>
             <div class="sa-trans-fields">
                 <div v-for="f in fields" :key="f" class="sa-trans-field">
-                    <label class="sa-trans-field__cap">{{ i18nFieldLabel(f) }}</label>
+                    <label class="sa-trans-field__cap">{{ i18nFieldLabel(f, uiLocale) }}</label>
                     <q-input
                         dense
                         outlined
                         :type="f === 'description' ? 'textarea' : 'text'"
                         :autogrow="f === 'description'"
                         :model-value="localeValue(lng, f)"
-                        :placeholder="baseValue(f) ? `Fallback: „${baseValue(f)}“` : '—'"
+                        :placeholder="fallbackPlaceholder(f)"
                         @update:model-value="(v) => onLocale(lng, f, String(v ?? ''))"
                     />
                 </div>
@@ -62,7 +62,7 @@
         </div>
 
         <div v-if="targetLocales.length === 0" class="sa-trans__empty">
-            Keine weiteren Sprachen aktiv — Sprachen werden im Marketing-Catalog aktiviert.
+            {{ msg.trans.noOtherLocales }}
         </div>
     </div>
 </template>
@@ -70,6 +70,8 @@
 <script setup lang="ts">
 import { computed, reactive } from 'vue';
 import type { CatalogEntryI18nFields } from '@saasicat/types';
+import { formatMessage } from '../../client/i18n/format.js';
+import { useSaMessages, useSuperAdminI18n } from '../../vue/use-super-admin-i18n.js';
 import {
     DISCOVERY_DEFAULT_LOCALE,
     i18nFieldLabel,
@@ -103,6 +105,10 @@ const emit = defineEmits<{
     'update:locale': [locale: string, patch: CatalogEntryI18nFields];
 }>();
 
+const msg = useSaMessages('discovery');
+// Renamed: `locale` is the catalog-entry data locale everywhere else in this file.
+const { locale: uiLocale } = useSuperAdminI18n();
+
 const targetLocales = computed(() => props.activeLocales.filter((l) => l !== props.defaultLocale));
 
 // Local input buffer: once a field has been edited, the draft wins over
@@ -124,6 +130,12 @@ function localeValue(locale: string, f: I18nField): string {
     return props.entry.i18n?.[locale]?.[f] ?? '';
 }
 
+/** Shows the default-locale value that a blank target field falls back to. */
+function fallbackPlaceholder(f: I18nField): string {
+    const base = baseValue(f);
+    return base ? formatMessage(msg.value.trans.fallbackPlaceholder, { value: base }) : '—';
+}
+
 function onBase(f: I18nField, value: string): void {
     if (f === 'unit') return;
     drafts[`b|${f}`] = value;

package/src/pages-standard/discovery-page/DiscoveryCapList.vue

@@ -1,8 +1,7 @@
 <template>
     <div v-if="capabilities.length === 0" class="sa-caps__empty">
         <q-icon name="warning" size="14px" />
-        Feature im Katalog ohne implementierende Capability — blockiert im blocking-Strict-Mode das
-        Plan-Publish.
+        {{ msg.capList.orphanFeature }}
     </div>
     <div v-else class="sa-caps">
         <div
@@ -37,7 +36,7 @@
                         v-if="cap.codeStatus === 'retired'"
                         class="sa-caps-row__flag sa-caps-row__flag--gone"
                     >
-                        aus Code entfernt
+                        {{ msg.capList.removedFromCode }}
                     </span>
                 </div>
                 <div class="sa-caps-row__meta">
@@ -59,6 +58,7 @@
 <script setup lang="ts">
 import type { CapabilityCatalogEntryRow } from '@saasicat/types';
 import { kindStyle } from './discovery-ui.js';
+import { useSaMessages } from '../../vue/use-super-admin-i18n.js';
 
 // Read-only Capability list: code facts from the scan (#20). Embedded in the
 // master-data subtab of the feature card as well as in the page's orphan bucket.
@@ -73,6 +73,8 @@ const props = defineProps<{
     newSince?: string | null;
 }>();
 
+const msg = useSaMessages('discovery');
+
 function isNew(cap: CapabilityCatalogEntryRow): boolean {
     return Boolean(props.newSince && cap.createdAt > props.newSince);
 }

package/src/pages-standard/discovery-page/DiscoveryFeatureCard.vue

@@ -7,34 +7,38 @@
                     <code class="sa-fc__key">{{ feature.featureKey }}</code>
                     <span class="sa-fc__label">{{ labelValue || feature.featureKey }}</span>
                     <span v-if="newCapsCount > 0" class="sa-fc__flag sa-fc__flag--new">
-                        {{ newCapsCount }} neu
+                        {{ newCapsLabel }}
                     </span>
                     <span v-if="deprecatedCapsCount > 0" class="sa-fc__flag sa-fc__flag--dep">
-                        {{ deprecatedCapsCount }} deprecated
+                        {{ deprecatedCapsLabel }}
                     </span>
                     <span
                         v-if="feature.successorKey"
                         class="sa-fc__flag sa-fc__flag--succ"
-                        :title="`ersetzt durch ${feature.successorKey}`"
+                        :title="replacedByLabel"
                     >
-                        ersetzt durch {{ feature.successorKey }}
+                        {{ replacedByLabel }}
                     </span>
                     <span
                         v-if="feature.replaces.length"
                         class="sa-fc__flag sa-fc__flag--repl"
-                        :title="`ersetzt: ${feature.replaces.join(', ')}`"
+                        :title="replacesLabel"
                     >
-                        ersetzt: {{ feature.replaces.join(', ') }}
+                        {{ replacesLabel }}
                     </span>
                 </div>
                 <div class="sa-fc__sub">
                     <template v-if="owners.length">
-                        <span class="sa-muted">Owner</span>
+                        <span class="sa-muted">{{ msg.owner }}</span>
                         {{ owners.join(', ') }}
                         <span class="sa-fc__dot">·</span>
                     </template>
                     {{ capabilities.length }}
-                    Capabilit{{ capabilities.length === 1 ? 'y' : 'ies' }}
+                    {{
+                        capabilities.length === 1
+                            ? msg.feature.capabilityOne
+                            : msg.feature.capabilityMany
+                    }}
                     <template v-if="tierValue">
                         <span class="sa-fc__dot">·</span>
                         <span class="sa-fc__tier">{{ tierValue }}</span>
@@ -65,34 +69,31 @@
             <div v-if="feature.discoveryStatus === 'outdated'" class="sa-fc__banner warn">
                 <q-icon name="warning" size="16px" />
                 <span>
-                    Die Implementierung hat sich seit der letzten Freigabe geändert. Bitte
-                    Stammdaten &amp; Capabilities prüfen und <b>erneut freigeben</b>.
+                    {{ msg.feature.outdatedBanner }} <b>{{ msg.reapproveEmphasis }}</b
+                    >.
                 </span>
             </div>
             <div v-if="feature.discoveryStatus === 'obsolete'" class="sa-fc__banner mute">
                 <q-icon name="info" size="16px" />
-                <span>
-                    Dieses Feature ist abgekündigt. Es sollte in neuen Plänen nicht mehr verwendet
-                    werden.
-                </span>
+                <span>{{ msg.feature.obsoleteBanner }}</span>
             </div>
 
             <q-tabs v-model="sub" dense align="left" class="sa-fc__subtabs">
-                <q-tab name="stamm" label="Stammdaten" />
-                <q-tab name="i18n" label="Übersetzungen" />
+                <q-tab name="stamm" :label="msg.feature.tabBaseData" />
+                <q-tab name="i18n" :label="msg.feature.tabTranslations" />
             </q-tabs>
 
             <div v-if="sub === 'stamm'" class="sa-fc__split">
                 <div class="sa-fc__split-col">
-                    <div class="sa-fc__split-head">Einstellungen</div>
+                    <div class="sa-fc__split-head">{{ msg.feature.settings }}</div>
                     <div class="sa-fc__fields">
                         <div class="sa-fc-field">
-                            <label class="sa-fc-field__cap">Icon (Quasar-Icon-Name)</label>
+                            <label class="sa-fc-field__cap">{{ msg.feature.iconLabel }}</label>
                             <q-input
                                 dense
                                 outlined
                                 :model-value="iconValue"
-                                placeholder="z. B. directions_car"
+                                :placeholder="msg.feature.iconPlaceholder"
                                 @update:model-value="(v) => onField('icon', String(v ?? ''))"
                             >
                                 <template #prepend>
@@ -101,7 +102,7 @@
                             </q-input>
                         </div>
                         <div class="sa-fc-field">
-                            <label class="sa-fc-field__cap">Tier</label>
+                            <label class="sa-fc-field__cap">{{ msg.feature.tierLabel }}</label>
                             <q-select
                                 dense
                                 outlined
@@ -117,10 +118,8 @@
                 </div>
                 <div class="sa-fc__split-col">
                     <div class="sa-fc__split-head">
-                        Code Capabilities
-                        <span class="sa-fc__split-count">
-                            {{ capabilities.length }} · read-only
-                        </span>
+                        {{ msg.feature.codeCapabilities }}
+                        <span class="sa-fc__split-count">{{ codeCapabilitiesCountLabel }}</span>
                     </div>
                     <DiscoveryCapList
                         :capabilities="capabilities"
@@ -156,6 +155,8 @@ import type {
 import CatalogEntryTransPanel from './CatalogEntryTransPanel.vue';
 import DiscoveryCapList from './DiscoveryCapList.vue';
 import DiscoveryStatusControl from './DiscoveryStatusControl.vue';
+import { formatMessage } from '../../client/i18n/format.js';
+import { useSaMessages } from '../../vue/use-super-admin-i18n.js';
 import {
     coverageClass,
     coveragePct,
@@ -189,6 +190,8 @@ const emit = defineEmits<{
 
 const TIER_OPTIONS = ['CORE', 'ADVANCED', 'PRO', 'ENTERPRISE'];
 
+const msg = useSaMessages('discovery');
+
 const sub = ref<'stamm' | 'i18n'>('stamm');
 
 // Local input buffer: once a field has been edited, the draft wins over the
@@ -232,6 +235,22 @@ const deprecatedCapsCount = computed(
     () => props.capabilities.filter((c) => c.codeStatus === 'deprecated').length,
 );
 
+const newCapsLabel = computed(() =>
+    formatMessage(msg.value.feature.newCaps, { count: newCapsCount.value }),
+);
+const deprecatedCapsLabel = computed(() =>
+    formatMessage(msg.value.feature.deprecatedCaps, { count: deprecatedCapsCount.value }),
+);
+const replacedByLabel = computed(() =>
+    formatMessage(msg.value.replacedBy, { key: props.feature.successorKey ?? '' }),
+);
+const replacesLabel = computed(() =>
+    formatMessage(msg.value.replaces, { keys: props.feature.replaces.join(', ') }),
+);
+const codeCapabilitiesCountLabel = computed(() =>
+    formatMessage(msg.value.feature.codeCapabilitiesCount, { count: props.capabilities.length }),
+);
+
 const targetLocales = computed(() =>
     props.activeLocales.filter((l) => l !== DISCOVERY_DEFAULT_LOCALE),
 );

package/src/pages-standard/discovery-page/DiscoveryHeader.vue

@@ -1,10 +1,9 @@
 <template>
     <header class="sa-discovery__head">
         <div>
-            <h1 class="sa-discovery__title">Discovery</h1>
+            <h1 class="sa-discovery__title">{{ msg.title }}</h1>
             <p class="sa-discovery__sub">
-                Capabilities, die der Code <b>aktuell</b> implementiert. Discovery ist Ist-Zustand —
-                die Freigabe für Produkt &amp; Marketing erfolgt im Review.
+                {{ msg.subtitleLead }} <b>{{ msg.subtitleEmphasis }}</b> {{ msg.subtitleTail }}
             </p>
         </div>
         <div class="sa-discovery__head-actions">
@@ -12,7 +11,7 @@
                 unelevated
                 color="primary"
                 icon="bolt"
-                label="Discovery neu ausführen"
+                :label="msg.runDiscovery"
                 :loading="loading"
                 @click="emit('runDiscovery')"
             />
@@ -21,6 +20,8 @@
 </template>
 
 <script setup lang="ts">
+import { useSaMessages } from '../../vue/use-super-admin-i18n.js';
+
 defineProps<{
     loading: boolean;
 }>();
@@ -28,4 +29,6 @@ defineProps<{
 const emit = defineEmits<{
     (e: 'runDiscovery'): void;
 }>();
+
+const msg = useSaMessages('discovery');
 </script>

package/src/pages-standard/discovery-page/DiscoveryKpis.vue

@@ -1,41 +1,42 @@
 <template>
     <div class="sa-discovery__kpis">
         <div class="sa-discovery__kpi">
-            <div class="sa-discovery__kpi-label">Features gesamt</div>
+            <div class="sa-discovery__kpi-label">{{ msg.kpi.featuresTotal }}</div>
             <div class="sa-discovery__kpi-value">{{ featuresCount }}</div>
-            <div class="sa-discovery__kpi-sub">
-                aggregiert aus {{ capabilitiesCount }} Capabilities
-            </div>
+            <div class="sa-discovery__kpi-sub">{{ featuresTotalSub }}</div>
         </div>
         <div class="sa-discovery__kpi good">
-            <div class="sa-discovery__kpi-label">Freigegeben</div>
+            <div class="sa-discovery__kpi-label">{{ msg.kpi.approved }}</div>
             <div class="sa-discovery__kpi-value">{{ approvedCount }}</div>
-            <div class="sa-discovery__kpi-sub">planungsbereit</div>
+            <div class="sa-discovery__kpi-sub">{{ msg.kpi.approvedSub }}</div>
         </div>
         <div class="sa-discovery__kpi" :class="{ warn: pendingCount > 0 }">
-            <div class="sa-discovery__kpi-label">Ausstehend</div>
+            <div class="sa-discovery__kpi-label">{{ msg.kpi.pending }}</div>
             <div class="sa-discovery__kpi-value">{{ pendingCount }}</div>
-            <div class="sa-discovery__kpi-sub">noch nicht freigegeben</div>
+            <div class="sa-discovery__kpi-sub">{{ msg.kpi.pendingSub }}</div>
         </div>
         <div class="sa-discovery__kpi">
-            <div class="sa-discovery__kpi-label">Veraltet / Obsolet</div>
+            <div class="sa-discovery__kpi-label">{{ msg.kpi.outdated }}</div>
             <div class="sa-discovery__kpi-value">{{ outdatedCount + obsoleteCount }}</div>
-            <div class="sa-discovery__kpi-sub">
-                {{ outdatedCount }} outdated · {{ obsoleteCount }} obsolete
-            </div>
+            <div class="sa-discovery__kpi-sub">{{ outdatedSub }}</div>
         </div>
         <div class="sa-discovery__kpi" :class="{ bad: orphanCount > 0 }">
-            <div class="sa-discovery__kpi-label">Orphans</div>
+            <div class="sa-discovery__kpi-label">{{ msg.kpi.orphans }}</div>
             <div class="sa-discovery__kpi-value">{{ orphanCount }}</div>
-            <div class="sa-discovery__kpi-sub">Capabilities ohne Feature</div>
+            <div class="sa-discovery__kpi-sub">{{ msg.orphansTitle }}</div>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
+
+import { formatMessage } from '../../client/i18n/format.js';
+import { useSaMessages } from '../../vue/use-super-admin-i18n.js';
+
 // Feature-centric KPI bar (#20 Slice 1, sim layout): the approval
 // counts refer to features, no longer to capability reviews.
-defineProps<{
+const props = defineProps<{
     featuresCount: number;
     capabilitiesCount: number;
     approvedCount: number;
@@ -44,4 +45,16 @@ defineProps<{
     obsoleteCount: number;
     orphanCount: number;
 }>();
+
+const msg = useSaMessages('discovery');
+
+const featuresTotalSub = computed(() =>
+    formatMessage(msg.value.kpi.featuresTotalSub, { count: props.capabilitiesCount }),
+);
+const outdatedSub = computed(() =>
+    formatMessage(msg.value.kpi.outdatedSub, {
+        outdated: props.outdatedCount,
+        obsolete: props.obsoleteCount,
+    }),
+);
 </script>

package/src/pages-standard/discovery-page/DiscoveryQuotaCard.vue

@@ -15,26 +15,25 @@
                     <span
                         v-if="quota.successorKey"
                         class="sa-qc__flag sa-qc__flag--succ"
-                        :title="`ersetzt durch ${quota.successorKey}`"
+                        :title="replacedByLabel"
                     >
-                        ersetzt durch {{ quota.successorKey }}
+                        {{ replacedByLabel }}
                     </span>
                     <span
                         v-if="quota.replaces.length"
                         class="sa-qc__flag sa-qc__flag--repl"
-                        :title="`ersetzt: ${quota.replaces.join(', ')}`"
+                        :title="replacesLabel"
                     >
-                        ersetzt: {{ quota.replaces.join(', ') }}
+                        {{ replacesLabel }}
                     </span>
                 </div>
                 <div class="sa-qc__sub">
-                    Einheit <code>{{ quota.unit }}</code> · UsageProvider
+                    {{ msg.unit }} <code>{{ quota.unit }}</code> · {{ msg.quota.usageProvider }}
                     <code v-if="quota.usageProvider">{{ quota.usageProvider }}</code>
-                    <span v-else class="sa-qc__missing">fehlt</span>
+                    <span v-else class="sa-qc__missing">{{ msg.quota.usageProviderMissing }}</span>
                 </div>
                 <div v-if="!quota.usageProvider" class="sa-qc__warning">
-                    Eine harte Quota ohne UsageProvider ist nicht deploy-fähig (Preflight, SPEC_V2
-                    §6.3).
+                    {{ msg.quota.noUsageProviderWarning }}
                 </div>
             </div>
 
@@ -61,8 +60,8 @@
             <div v-if="quota.discoveryStatus === 'outdated'" class="sa-qc__banner">
                 <q-icon name="warning" size="16px" />
                 <span>
-                    Die code-abgeleiteten Quota-Fakten (Einheit/Enforcement/Provider) haben sich
-                    seit der letzten Freigabe geändert — bitte prüfen und <b>erneut freigeben</b>.
+                    {{ msg.quota.outdatedBanner }} <b>{{ msg.reapproveEmphasis }}</b
+                    >.
                 </span>
             </div>
             <CatalogEntryTransPanel
@@ -88,6 +87,8 @@ import type {
 } from '@saasicat/types';
 import CatalogEntryTransPanel from './CatalogEntryTransPanel.vue';
 import DiscoveryStatusControl from './DiscoveryStatusControl.vue';
+import { formatMessage } from '../../client/i18n/format.js';
+import { useSaMessages } from '../../vue/use-super-admin-i18n.js';
 import {
     coverageClass,
     coveragePct,
@@ -114,11 +115,20 @@ const emit = defineEmits<{
     'quota-locale': [key: string, locale: string, patch: CatalogEntryI18nFields];
 }>();
 
+const msg = useSaMessages('discovery');
+
 // Draft buffer for the header label — the fields themselves are buffered by
 // the CatalogEntryTransPanel; here only so the title follows along while typing.
 const drafts = reactive<{ label?: string }>({});
 const labelValue = computed(() => drafts.label ?? props.quota.label ?? '');
 
+const replacedByLabel = computed(() =>
+    formatMessage(msg.value.replacedBy, { key: props.quota.successorKey ?? '' }),
+);
+const replacesLabel = computed(() =>
+    formatMessage(msg.value.replaces, { keys: props.quota.replaces.join(', ') }),
+);
+
 /** Mirror base edits from the translation panel + bubble them up. */
 function onTransBase(patch: { label?: string; description?: string }): void {
     if (patch.label !== undefined) drafts.label = patch.label;

package/src/pages-standard/discovery-page/DiscoveryStatusControl.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="sa-stc" @click.stop>
         <span class="sa-review" :class="`sa-review--${status}`">
-            {{ STATUS_META[status].label }}
-            <q-tooltip>{{ STATUS_META[status].hint }}</q-tooltip>
+            {{ statusLabel(status, locale) }}
+            <q-tooltip>{{ statusHint(status, locale) }}</q-tooltip>
         </span>
         <q-btn
             dense
@@ -15,7 +15,7 @@
             :loading="busy"
             @click="emit('set-status', primary.to)"
         >
-            <q-tooltip>{{ STATUS_META[primary.to].hint }}</q-tooltip>
+            <q-tooltip>{{ statusHint(primary.to, locale) }}</q-tooltip>
         </q-btn>
         <q-btn v-if="menu.length" dense flat round size="sm" icon="more_horiz">
             <q-menu auto-close anchor="bottom right" self="top right">
@@ -39,7 +39,8 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import type { DiscoveryStatus } from '@saasicat/types';
-import { primaryReviewAction, reviewMenuActions, STATUS_META } from './discovery-ui.js';
+import { useSuperAdminI18n } from '../../vue/use-super-admin-i18n.js';
+import { primaryReviewAction, reviewMenuActions, statusHint, statusLabel } from './discovery-ui.js';
 
 // StatusControl (#20, design sim): status chip + contextual primary action
 // + kebab menu for the remaining lifecycle transitions. Shared by the feature
@@ -56,8 +57,10 @@ const emit = defineEmits<{
     'set-status': [target: DiscoveryStatus];
 }>();
 
-const primary = computed(() => primaryReviewAction(props.status));
-const menu = computed(() => reviewMenuActions(props.status));
+const { locale } = useSuperAdminI18n();
+
+const primary = computed(() => primaryReviewAction(props.status, locale.value));
+const menu = computed(() => reviewMenuActions(props.status, locale.value));
 </script>
 
 <style scoped>

package/src/pages-standard/discovery-page/discovery-ui.ts

@@ -3,11 +3,10 @@
 // `<script setup>` allows no named exports and the cards share the same
 // labels/colors/coverage calculations.
 
-import type {
-    CapabilityCodeStatus,
-    CatalogEntryI18n,
-    DiscoveryStatus,
-} from '@saasicat/types';
+import type { CatalogEntryI18n, DiscoveryStatus } from '@saasicat/types';
+import { DEFAULT_SA_LOCALE, type SaLocale } from '../../client/i18n/locale.js';
+import { commonMessages } from '../../client/i18n/messages/common.js';
+import { discoveryMessages } from '../../client/i18n/messages/discovery.js';
 
 /** Translatable fields of a catalog entry. */
 export type I18nField = 'label' | 'description' | 'unit';
@@ -43,30 +42,21 @@ export function localeFull(locale: string): string {
     return LOCALE_NAMES[locale]?.full ?? locale;
 }
 
-export function i18nFieldLabel(f: I18nField): string {
-    return f === 'label' ? 'Label' : f === 'description' ? 'Beschreibung' : 'Einheit';
+export function i18nFieldLabel(f: I18nField, locale: SaLocale = DEFAULT_SA_LOCALE): string {
+    if (f === 'label') return discoveryMessages[locale].trans.fieldLabel;
+    if (f === 'description') return commonMessages[locale].description;
+    return discoveryMessages[locale].unit;
 }
 
 // ─── Approval lifecycle (#20): status display + state machine ────────────────
 
-export const STATUS_META: Record<DiscoveryStatus, { label: string; hint: string }> = {
-    pending: {
-        label: 'Pending',
-        hint: 'Im Code gefunden, noch nicht freigegeben — steht der Planung nicht zur Verfügung.',
-    },
-    approved: {
-        label: 'Approved',
-        hint: 'Für Pläne, Bundles & Marketing freigegeben.',
-    },
-    outdated: {
-        label: 'Outdated',
-        hint: 'Code hat sich seit der Freigabe geändert — bitte erneut prüfen und freigeben.',
-    },
-    obsolete: {
-        label: 'Obsolete',
-        hint: 'Abgekündigt — nicht mehr verwenden, in neuen Plänen ausblenden.',
-    },
-};
+export function statusLabel(status: DiscoveryStatus, locale: SaLocale = DEFAULT_SA_LOCALE): string {
+    return discoveryMessages[locale].statusLabels[status];
+}
+
+export function statusHint(status: DiscoveryStatus, locale: SaLocale = DEFAULT_SA_LOCALE): string {
+    return discoveryMessages[locale].statusHints[status];
+}
 
 export interface ReviewAction {
     label: string;
@@ -77,53 +67,51 @@ export interface ReviewAction {
 }
 
 /** Primary action per status (design sim `StatusControl`, #20). */
-export function primaryReviewAction(status: DiscoveryStatus): ReviewAction {
+export function primaryReviewAction(
+    status: DiscoveryStatus,
+    locale: SaLocale = DEFAULT_SA_LOCALE,
+): ReviewAction {
+    const actions = discoveryMessages[locale].reviewActions;
     switch (status) {
         case 'pending':
-            return { label: 'Freigeben', to: 'approved', emphasized: true };
+            return { label: actions.approve, to: 'approved', emphasized: true };
         case 'approved':
-            return { label: 'Freigabe entziehen', to: 'pending', emphasized: false };
+            return { label: actions.revoke, to: 'pending', emphasized: false };
         case 'outdated':
-            return { label: 'Erneut freigeben', to: 'approved', emphasized: true };
+            return { label: actions.reapprove, to: 'approved', emphasized: true };
         case 'obsolete':
-            return { label: 'Reaktivieren', to: 'pending', emphasized: false };
+            return { label: actions.reactivate, to: 'pending', emphasized: false };
     }
 }
 
 /** Kebab menu actions per status (design sim `StatusControl`, #20). */
-export function reviewMenuActions(status: DiscoveryStatus): ReviewAction[] {
+export function reviewMenuActions(
+    status: DiscoveryStatus,
+    locale: SaLocale = DEFAULT_SA_LOCALE,
+): ReviewAction[] {
+    const actions = discoveryMessages[locale].reviewActions;
+    const markObsolete: ReviewAction = {
+        label: actions.markObsolete,
+        to: 'obsolete',
+        emphasized: false,
+        danger: true,
+    };
     switch (status) {
         case 'pending':
-            return [
-                { label: 'Als obsolet markieren', to: 'obsolete', emphasized: false, danger: true },
-            ];
+            return [markObsolete];
         case 'approved':
             return [
-                { label: 'Als veraltet markieren', to: 'outdated', emphasized: false },
-                { label: 'Als obsolet markieren', to: 'obsolete', emphasized: false, danger: true },
+                { label: actions.markOutdated, to: 'outdated', emphasized: false },
+                markObsolete,
             ];
         case 'outdated':
-            return [
-                { label: 'Freigabe entziehen', to: 'pending', emphasized: false },
-                { label: 'Als obsolet markieren', to: 'obsolete', emphasized: false, danger: true },
-            ];
+            return [{ label: actions.revoke, to: 'pending', emphasized: false }, markObsolete];
         case 'obsolete':
             return [];
     }
 }
 
-// ─── Capability code status (read-only code facts, #20) ──────────────────────
-
-const CODE_STATUS_LABELS: Record<CapabilityCodeStatus, string> = {
-    active: 'Aktiv',
-    experimental: 'Experimental',
-    deprecated: 'Deprecated',
-    retired: 'Retired',
-};
-
-export function codeStatusLabel(status: CapabilityCodeStatus): string {
-    return CODE_STATUS_LABELS[status] ?? status;
-}
+// ─── Capability kind styling (read-only code facts, #20) ─────────────────────
 
 const KIND_COLORS: Record<string, string> = {
     endpoint: '#2563eb',