@saasicat/ui-vue 0.5.0 → 0.6.0

package/src/pages-standard/PilotsPage.vue

@@ -2,8 +2,10 @@
     <div class="sa-pilots">
         <header class="sa-page-head">
             <div>
-                <h1 class="sa-page-head__title">Pilot-Mandanten</h1>
-                <p class="sa-page-head__sub">{{ rows.length }} Pilot-Tenants insgesamt.</p>
+                <h1 class="sa-page-head__title">{{ msg.title }}</h1>
+                <p class="sa-page-head__sub">
+                    {{ formatMessage(msg.subtitleCount, { count: rows.length }) }}
+                </p>
             </div>
             <div class="sa-page-head__actions">
                 <slot name="head-actions">
@@ -12,7 +14,7 @@
                         unelevated
                         color="primary"
                         icon="add"
-                        :label="createLabel"
+                        :label="resolvedCreateLabel"
                         @click="showCreate = true"
                     />
                 </slot>
@@ -38,7 +40,7 @@
 
         <q-banner v-if="reviewSoon.length" class="bg-amber-2 text-grey-9 q-mb-md" rounded>
             <template #avatar><q-icon name="event" color="amber-9" /></template>
-            {{ reviewSoon.length }} Pilot-Mandanten enden in den nächsten 30 Tagen — bitte prüfen.
+            {{ formatMessage(msg.list.reviewSoonBanner, { count: reviewSoon.length }) }}
         </q-banner>
 
         <div class="sa-pilots__card">
@@ -109,6 +111,8 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
 import { useQuasar } from 'quasar';
+import { formatMessage } from '../client/i18n/format.js';
+import { useSaMessages, useSuperAdminI18n } from '../vue/use-super-admin-i18n.js';
 import { useSuperAdminNotify } from '../quasar/notify.js';
 import PilotCreateDialog from '../components/dialogs/PilotCreateDialog.vue';
 import PilotEditDialog from '../components/dialogs/PilotEditDialog.vue';
@@ -195,11 +199,15 @@ const props = withDefaults(
         requireMfa: false,
         requireMfaForExtend: false,
         requireMfaForRevoke: false,
-        createLabel: 'Pilot anlegen',
         defaultActions: () => ['edit', 'extend', 'revoke'],
     },
 );
 
+const msg = useSaMessages('pilots');
+const common = useSaMessages('common');
+const { intlLocale } = useSuperAdminI18n();
+const resolvedCreateLabel = computed(() => props.createLabel ?? msg.value.createAction);
+
 const q = useQuasar();
 const notify = useSuperAdminNotify();
 const rows = ref<PilotRow[]>([]);
@@ -291,53 +299,53 @@ const statTiles = computed<
     const counts = { all: rows.value.length, active: 0, expiring: 0, expired: 0 };
     for (const r of rows.value) counts[classifyRow(r)]++;
     return [
-        { id: 'all', label: 'Alle', count: counts.all },
-        { id: 'active', label: 'Aktiv', count: counts.active, tone: 'positive' },
+        { id: 'all', label: common.value.all, count: counts.all },
+        { id: 'active', label: common.value.active, count: counts.active, tone: 'positive' },
         {
             id: 'expiring',
-            label: 'Läuft bald aus',
+            label: msg.value.list.tileExpiring,
             count: counts.expiring,
             tone: 'warn',
-            hint: '≤ 14 Tage',
+            hint: msg.value.list.tileExpiringHint,
         },
-        { id: 'expired', label: 'Abgelaufen', count: counts.expired, tone: 'danger' },
+        { id: 'expired', label: common.value.expired, count: counts.expired, tone: 'danger' },
     ];
 });
 
-const baseColumns = [
+const baseColumns = computed(() => [
     {
         name: 'slug',
-        label: 'Slug',
+        label: msg.value.list.columnSlug,
         field: (r: PilotRow) => r.tenant.slug,
         align: 'left' as const,
         sortable: true,
     },
     {
         name: 'name',
-        label: 'Name',
+        label: common.value.name,
         field: (r: PilotRow) => r.tenant.name,
         align: 'left' as const,
     },
-    { name: 'plan', label: 'Plan', field: 'plan', align: 'left' as const },
+    { name: 'plan', label: msg.value.list.columnPlan, field: 'plan', align: 'left' as const },
     {
         name: 'note',
-        label: 'Note',
+        label: msg.value.list.columnNote,
         field: (r: PilotRow) => r.pilotNote ?? '—',
         align: 'left' as const,
     },
     {
         name: 'grantedBy',
-        label: 'Granted by',
+        label: msg.value.list.columnGrantedBy,
         field: (r: PilotRow) => r.grantedBy ?? '—',
         align: 'left' as const,
     },
     {
         name: 'pilotEndsAt',
-        label: 'Endet',
+        label: msg.value.list.columnEndsAt,
         field: (r: PilotRow) => formatDate(r.pilotEndsAt) ?? '∞',
         align: 'left' as const,
     },
-];
+]);
 
 // Built-in default actions (edit/extend/revoke) — are APPENDED to the
 // consumer `actions`, not replaced. Order follows the `defaultActions` prop.
@@ -347,7 +355,7 @@ const bakedActions = computed<PilotRowAction[]>(() => {
         if (id === 'edit' && props.enableEdit && props.submitEdit) {
             out.push({
                 id: 'edit',
-                label: 'Bearbeiten',
+                label: common.value.edit,
                 icon: 'edit',
                 color: 'primary',
                 handler: (row) => onEditClick(row),
@@ -355,7 +363,7 @@ const bakedActions = computed<PilotRowAction[]>(() => {
         } else if (id === 'extend' && props.enableExtend && props.submitExtend) {
             out.push({
                 id: 'extend',
-                label: 'Verlängern',
+                label: msg.value.list.actionExtend,
                 icon: 'event_repeat',
                 color: 'primary',
                 handler: (row) => onExtendClick(row),
@@ -363,7 +371,7 @@ const bakedActions = computed<PilotRowAction[]>(() => {
         } else if (id === 'revoke' && props.enableRevoke && props.submitRevoke) {
             out.push({
                 id: 'revoke',
-                label: 'Widerrufen',
+                label: msg.value.list.actionRevoke,
                 icon: 'block',
                 color: 'negative',
                 handler: (row) => onRevokeClick(row),
@@ -379,7 +387,7 @@ const mergedActions = computed<readonly PilotRowAction[]>(() => [
 ]);
 
 const effectiveColumns = computed(() => {
-    const cols = [...baseColumns];
+    const cols = [...baseColumns.value];
     if (mergedActions.value.length > 0) {
         cols.push({
             name: 'actions',
@@ -437,7 +445,7 @@ function errMsg(err: unknown): string {
     return (
         (err as { response?: { data?: { message?: string } } })?.response?.data?.message ??
         (err as Error)?.message ??
-        'Aktion fehlgeschlagen'
+        msg.value.list.actionFailed
     );
 }
 
@@ -447,15 +455,23 @@ function onEditClick(row: PilotRow): void {
 }
 
 function onUpdated(result: PilotEditResult): void {
-    notify('positive', `Pilot ${result.slug} aktualisiert.`, {
-        caption: result.changed?.length ? `Geändert: ${result.changed.join(', ')}` : undefined,
+    notify('positive', formatMessage(msg.value.list.updatedNotice, { slug: result.slug }), {
+        caption: result.changed?.length
+            ? formatMessage(msg.value.list.updatedChangedCaption, {
+                  fields: result.changed.join(', '),
+              })
+            : undefined,
     });
     void reload();
 }
 
 function onCreated(result: PilotCreateResult): void {
-    notify('positive', `Pilot ${result.slug} angelegt.`, {
-        caption: result.initialPassword ? `Initial-Passwort: ${result.initialPassword}` : undefined,
+    notify('positive', formatMessage(msg.value.list.createdNotice, { slug: result.slug }), {
+        caption: result.initialPassword
+            ? formatMessage(msg.value.list.createdPasswordCaption, {
+                  password: result.initialPassword,
+              })
+            : undefined,
         timeoutMs: 8000,
     });
     void reload();
@@ -493,7 +509,7 @@ async function runAction(
         } catch (err) {
             const status = (err as { response?: { status?: number } })?.response?.status;
             if (status === 401) {
-                mfaError.value = 'TOTP-Code ungültig oder MFA nicht eingerichtet.';
+                mfaError.value = msg.value.mfa.invalidOrNotSetUp;
                 continue;
             }
             showMfa.value = false;
@@ -507,19 +523,19 @@ function onExtendClick(row: PilotRow): void {
     if (!props.submitExtend) return;
     const submit = props.submitExtend;
     q.dialog({
-        title: `Pilot ${row.tenant.slug} verlängern`,
-        message: 'Neues Enddatum:',
+        title: formatMessage(msg.value.list.extendTitle, { slug: row.tenant.slug }),
+        message: msg.value.list.extendMessage,
         prompt: {
             model: row.pilotEndsAt?.slice(0, 10) ?? '',
             type: 'date',
         },
-        cancel: 'Abbrechen',
-        ok: { label: 'Verlängern', color: 'primary' },
+        cancel: common.value.cancel,
+        ok: { label: msg.value.list.actionExtend, color: 'primary' },
     }).onOk(async (until: string) => {
         if (!until) return;
         await runAction(
-            `Pilot "${row.tenant.slug}" bis ${until} verlängern.`,
-            `Pilot bis ${until} verlängert.`,
+            formatMessage(msg.value.list.extendMfaDescription, { slug: row.tenant.slug, until }),
+            formatMessage(msg.value.list.extendSuccess, { until }),
             !!props.requireMfaForExtend,
             (code) => submit(row.tenant.slug, until, code),
         );
@@ -530,14 +546,14 @@ function onRevokeClick(row: PilotRow): void {
     if (!props.submitRevoke) return;
     const submit = props.submitRevoke;
     q.dialog({
-        title: `Pilot ${row.tenant.slug} widerrufen`,
-        message: 'Pilot-Status entfernen. Subscription bleibt bestehen.',
-        cancel: 'Abbrechen',
-        ok: { label: 'Widerrufen', color: 'negative' },
+        title: formatMessage(msg.value.list.revokeTitle, { slug: row.tenant.slug }),
+        message: msg.value.list.revokeMessage,
+        cancel: common.value.cancel,
+        ok: { label: msg.value.list.actionRevoke, color: 'negative' },
     }).onOk(async () => {
         await runAction(
-            `Pilot-Status für "${row.tenant.slug}" widerrufen.`,
-            'Pilot widerrufen.',
+            formatMessage(msg.value.list.revokeMfaDescription, { slug: row.tenant.slug }),
+            msg.value.list.revokeSuccess,
             !!props.requireMfaForRevoke,
             (code) => submit(row.tenant.slug, code),
         );
@@ -547,7 +563,7 @@ function onRevokeClick(row: PilotRow): void {
 function formatDate(iso: string | null | undefined): string | null {
     if (!iso) return null;
     try {
-        return new Date(iso).toLocaleDateString('de-DE', {
+        return new Date(iso).toLocaleDateString(intlLocale.value, {
             day: '2-digit',
             month: 'short',
             year: 'numeric',

package/src/pages-standard/PlanVersionsPage.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="sa-pv">
         <div v-if="loading" class="sa-pv__loading">
-            <q-spinner size="32px" /> Catalog wird geladen…
+            <q-spinner size="32px" /> {{ msg.page.loadingCatalog }}
         </div>
 
         <template v-else>
@@ -63,7 +63,7 @@
                                     :action-meta="auditActionMeta"
                                 />
                                 <div v-else class="sa-pv__no-audit">
-                                    Kein Audit-Loader konfiguriert.
+                                    {{ msg.page.noAuditLoader }}
                                 </div>
                             </slot>
                         </template>
@@ -85,6 +85,7 @@ import PlanVersionsMatrix from './plan-versions/PlanVersionsMatrix.vue';
 import PlanVersionsAudit from './plan-versions/PlanVersionsAudit.vue';
 import PlanVersionsDiff from './plan-versions/PlanVersionsDiff.vue';
 import type { PlanVersionViewMode } from './plan-versions/types.js';
+import { useSaMessages, useSuperAdminI18n } from '../vue/use-super-admin-i18n.js';
 
 // Platform standard page: plan versions.
 //
@@ -153,12 +154,15 @@ const emit = defineEmits<{
     (e: 'createPlanDraft', planId: string): void;
 }>();
 
+const msg = useSaMessages('planVersions');
+const { locale } = useSuperAdminI18n();
+
 const selectedId = ref<string>('drafts');
 const compareId = ref<string | null>(null);
 const viewMode = ref<PlanVersionViewMode>('list');
 
 const snapshots = computed<CatalogSnapshot[]>(() =>
-    buildSnapshots(props.data, { planSortOrder: props.planSortOrder }),
+    buildSnapshots(props.data, { planSortOrder: props.planSortOrder, locale: locale.value }),
 );
 
 const selected = computed<CatalogSnapshot | null>(

package/src/pages-standard/PlansPage.vue

@@ -6,13 +6,13 @@
             </template>
             {{ error.message }}
             <template #action>
-                <q-btn flat label="Erneut laden" @click="load" />
+                <q-btn flat :label="common.reload" @click="load" />
             </template>
         </q-banner>
 
         <div v-if="loading && plans.length === 0" class="sa-plans__loading">
             <q-spinner size="32px" />
-            <span>Pläne werden geladen…</span>
+            <span>{{ msg.page.loading }}</span>
         </div>
 
         <template v-else>
@@ -179,6 +179,9 @@ import {
     type UsePlanVersionsResult,
 } from '../vue/use-plans.js';
 import type { HttpClient } from '../client/types.js';
+import type { SaMessages } from '../client/i18n/index.js';
+import { formatMessage } from '../client/i18n/format.js';
+import { useSaMessages } from '../vue/use-super-admin-i18n.js';
 import PlanVersionEditor from '../components/plan-version-editor/PlanVersionEditor.vue';
 import PlanMatrix from '../components/plan-matrix/PlanMatrix.vue';
 import PlanDetail from '../components/plan-detail/PlanDetail.vue';
@@ -247,6 +250,9 @@ const props = defineProps<{
     loadPlanAudit?: (planId: string) => Promise<AuditRow[]>;
 }>();
 
+const msg = useSaMessages('plans');
+const common = useSaMessages('common');
+
 const composable: UsePlansResult = usePlans({
     adminEndpoint: props.adminEndpoint,
     projectKey: props.projectKey,
@@ -390,7 +396,7 @@ async function onCreateSubmit(payload: PlanCreateSubmit): Promise<void> {
 
         await reloadAllVersions();
         flashHighlight(created.planKey);
-        flashToast(`Plan ${created.planKey} angelegt — jetzt die erste Version zusammenstellen.`);
+        flashToast(formatMessage(msg.value.page.toastPlanCreated, { planKey: created.planKey }));
         await onOpenPlan(created);
         openCreateDraftWithPrefill({
             features: payload.initialFeatures,
@@ -550,7 +556,7 @@ async function onUpdatePlanFromDetail(patch: { label: string }): Promise<void> {
         selectedPlan.value = updated;
     } catch (err: unknown) {
         // eslint-disable-next-line no-console
-        console.error('[PlansPage] Plan-Rename fehlgeschlagen', err);
+        console.error('[PlansPage] Plan rename failed', err);
     }
 }
 
@@ -564,7 +570,10 @@ const availableBundles = ref<BundleEntry[]>([]);
 // all consumer admin UIs label things identically.
 const featureCatalogEntries = ref<FeatureCatalogEntryRow[]>([]);
 const featureRegistry = computed<Record<string, { label?: string; group?: string }>>(() => ({
-    ...buildFeatureRegistry(featureCatalogEntries.value, props.displayLocale ?? CATALOG_DEFAULT_LOCALE),
+    ...buildFeatureRegistry(
+        featureCatalogEntries.value,
+        props.displayLocale ?? CATALOG_DEFAULT_LOCALE,
+    ),
     ...props.featureRegistry,
 }));
 
@@ -659,28 +668,32 @@ function describeDraftSaveError(err: unknown): string {
     const body = e?.body;
     const code = body?.code;
     if (status === 401 || status === 403) {
-        return 'Sitzung abgelaufen — bitte neu anmelden und erneut speichern.';
+        return msg.value.page.errorSessionExpiredSave;
     }
     if (status === 422 && code === 'STRICT_MODE_VIOLATIONS') {
         const list = (body?.warnings ?? [])
             .map((w) => w.message)
             .filter(Boolean)
             .join(' · ');
-        return `Strict-Mode-Check: ${list || 'Drift gegen den Discovery-Snapshot.'}`;
+        return formatMessage(msg.value.page.errorStrictMode, {
+            details: list || msg.value.page.errorStrictModeFallback,
+        });
     }
     if (status === 422 && code === 'PLAN_VERSION_REGRESSION') {
-        return 'Diese Version ist regressiv (Feature entfernt / Quota gesenkt / Preis erhöht). Publish erfordert Force-Regressive — beim Speichern als Draft sollte das nicht auftreten.';
+        return msg.value.page.errorDraftRegression;
     }
     if (status === 422 && body?.message) {
         // e.g. "Plan 'BASIC' hat bereits eine Draft-Version v4 …"
         return body.message;
     }
     if (status !== undefined) {
-        return body?.message ?? `Speichern fehlgeschlagen (HTTP ${status}).`;
+        return (
+            body?.message ?? formatMessage(msg.value.page.errorSaveFailedHttp, { status: status })
+        );
     }
     return err instanceof Error
-        ? `Speichern fehlgeschlagen: ${err.message}`
-        : 'Speichern fehlgeschlagen — Details siehe Browser-Konsole.';
+        ? formatMessage(msg.value.page.errorSaveFailedDetail, { message: err.message })
+        : msg.value.page.errorSaveFailedConsole;
 }
 const draftEditing = ref<{
     editingId: string | null;
@@ -903,13 +916,18 @@ async function onReviewSaveExit(): Promise<void> {
         if (!saved) return;
         const planKey = selectedPlan.value?.planKey ?? '';
         flashHighlight(planKey);
-        flashToast(`Draft v${saved.version} von ${planKey} gespeichert.`);
+        flashToast(
+            formatMessage(msg.value.page.toastDraftSaved, {
+                version: saved.version,
+                planKey,
+            }),
+        );
         reviewDraft.value = null;
         draftEditing.value = null;
         mode.value = selectedPlan.value ? 'cockpit' : 'list';
     } catch (err: unknown) {
         // eslint-disable-next-line no-console
-        console.error('[PlansPage] Draft speichern fehlgeschlagen', err);
+        console.error('[PlansPage] Saving the draft failed', err);
         reviewError.value = describeDraftSaveError(err);
     } finally {
         draftSaving.value = false;
@@ -936,14 +954,17 @@ async function onReviewPublish(payload: {
         const planKey = selectedPlan.value.planKey;
         flashHighlight(planKey);
         flashToast(
-            `Plan ${planKey} wurde als v${result.planVersion.version} veröffentlicht — sichtbar im Katalog.`,
+            formatMessage(msg.value.page.toastPlanPublished, {
+                planKey,
+                version: result.planVersion.version,
+            }),
         );
         reviewDraft.value = null;
         draftEditing.value = null;
         mode.value = 'cockpit';
     } catch (err: unknown) {
         // eslint-disable-next-line no-console
-        console.error('[PlansPage] Publish fehlgeschlagen', err);
+        console.error('[PlansPage] Publishing failed', err);
         reviewError.value = describePublishError(err);
     } finally {
         publishing.value = false;
@@ -974,31 +995,29 @@ async function executeArchive(): Promise<void> {
         await hardDelete(plan.id);
         await reloadAllVersions();
         archiveOpen.value = false;
-        flashToast(`Plan ${plan.planKey} komplett aus der DB gelöscht.`);
+        flashToast(formatMessage(msg.value.page.toastPlanDeleted, { planKey: plan.planKey }));
     } catch (err: unknown) {
         // eslint-disable-next-line no-console
-        console.error('[PlansPage] Archive/Purge fehlgeschlagen', err);
+        console.error('[PlansPage] Archive/purge failed', err);
         const status = (err as { status?: number })?.status;
         const body = (err as { body?: { code?: string; message?: string } })?.body;
         const errMessage = err instanceof Error ? err.message : String(err);
         if (status === 422 && body?.code === 'PLAN_HAS_PUBLISHED_VERSIONS') {
-            archiveError.value =
-                body.message ??
-                'Plan hat published Versionen — kann nicht gelöscht werden (Vertragsschutz P1).';
+            archiveError.value = body.message ?? msg.value.page.errorPlanHasPublishedVersions;
         } else if (status === 422 && body?.code === 'PLAN_HAS_DRAFTS') {
-            archiveError.value =
-                body.message ??
-                'Plan hat noch einen offenen Draft — bitte erst über das Mülleimer-Icon verwerfen.';
+            archiveError.value = body.message ?? msg.value.page.errorPlanHasDrafts;
         } else if (status === 422 && body?.code === 'PLAN_HARD_DELETE_NOT_IMPLEMENTED') {
-            archiveError.value =
-                'Backend unterstützt Hard-Delete noch nicht — API-Server neu bauen + starten.';
+            archiveError.value = msg.value.page.errorHardDeleteNotImplemented;
         } else if (status === 404) {
-            archiveError.value = 'Plan wurde bereits entfernt (404). Liste wird neu geladen.';
+            archiveError.value = msg.value.page.errorPlanAlreadyRemoved;
             await reloadAllVersions();
         } else if (status !== undefined) {
-            archiveError.value = body?.message ?? `Vorgang fehlgeschlagen (HTTP ${status}).`;
+            archiveError.value =
+                body?.message ?? formatMessage(msg.value.page.errorOperationFailedHttp, { status });
         } else {
-            archiveError.value = `Vorgang fehlgeschlagen: ${errMessage}. Details siehe Browser-Konsole.`;
+            archiveError.value = formatMessage(msg.value.page.errorOperationFailedDetail, {
+                message: errMessage,
+            });
         }
     } finally {
         archiving.value = false;
@@ -1037,35 +1056,38 @@ async function executeDiscard(): Promise<void> {
         await reloadAllVersions();
         discardOpen.value = false;
         flashToast(
-            `Draft v${draft.version} von ${plan.planKey} verworfen — Live-Version unverändert.`,
+            formatMessage(msg.value.page.toastDraftDiscarded, {
+                version: draft.version,
+                planKey: plan.planKey,
+            }),
         );
     } catch (err: unknown) {
         // Full error object to the console — in the diagnostic case you can see
         // e.g. CORS preflight errors or the real network stack there.
         // eslint-disable-next-line no-console
-        console.error('[PlansPage] Discard fehlgeschlagen', err);
+        console.error('[PlansPage] Discard failed', err);
 
         const status = (err as { status?: number })?.status;
         const body = (err as { body?: { code?: string; message?: string } })?.body;
         const errMessage = err instanceof Error ? err.message : String(err);
 
         if (status === 422 && body?.code === 'PLAN_VERSION_ALREADY_PUBLISHED') {
-            discardError.value =
-                'Diese Version ist bereits published und kann nicht verworfen werden.';
+            discardError.value = msg.value.page.errorVersionAlreadyPublished;
         } else if (status === 422 && body?.code === 'PLAN_VERSION_DISCARD_NOT_IMPLEMENTED') {
-            discardError.value =
-                'Backend unterstützt das Verwerfen noch nicht — bitte API-Server neu bauen + starten.';
+            discardError.value = msg.value.page.errorDiscardNotImplemented;
         } else if (status === 404) {
-            discardError.value =
-                'Draft wurde bereits entfernt (404) — Liste wird gleich neu geladen.';
+            discardError.value = msg.value.page.errorDraftAlreadyRemoved;
             await reloadAllVersions();
         } else if (status !== undefined) {
-            discardError.value = body?.message ?? `Verwerfen fehlgeschlagen (HTTP ${status}).`;
+            discardError.value =
+                body?.message ?? formatMessage(msg.value.page.errorDiscardFailedHttp, { status });
         } else {
             // No HTTP status → usually a network error / CORS preflight / failed
             // caller-side (e.g. usePlanVersions construction). Show the real
             // error message so the diagnostic path doesn't end at "HTTP ?".
-            discardError.value = `Verwerfen fehlgeschlagen: ${errMessage}. Details siehe Browser-Konsole (oft: API-Server alt gebaut oder CORS blockiert DELETE).`;
+            discardError.value = formatMessage(msg.value.page.errorDiscardFailedDetail, {
+                message: errMessage,
+            });
         }
     } finally {
         discarding.value = false;
@@ -1078,13 +1100,15 @@ async function executeDiscard(): Promise<void> {
 // consistent after the call.
 async function onSubmitTerminate(versionId: string, endsAt: string): Promise<void> {
     if (!planVersions.value) {
-        throw new Error('PlanVersions-Composable nicht initialisiert');
+        throw new Error('PlanVersions composable is not initialized');
     }
     await planVersions.value.terminateVersion(versionId, endsAt);
     await reloadCockpitVersions();
     if (selectedPlan.value) {
         flashToast(
-            `v${versions.value.find((v) => v.id === versionId)?.version ?? '?'} terminiert.`,
+            formatMessage(msg.value.page.toastVersionTerminated, {
+                version: versions.value.find((v) => v.id === versionId)?.version ?? '?',
+            }),
         );
     }
 }
@@ -1122,7 +1146,10 @@ async function executePublish(): Promise<void> {
         if (selectedPlan.value) {
             flashHighlight(selectedPlan.value.planKey);
             flashToast(
-                `Plan ${selectedPlan.value.planKey} wurde als v${result.planVersion.version} veröffentlicht — sichtbar im Katalog.`,
+                formatMessage(msg.value.page.toastPlanPublished, {
+                    planKey: selectedPlan.value.planKey,
+                    version: result.planVersion.version,
+                }),
             );
         }
     } catch (err: unknown) {
@@ -1140,19 +1167,21 @@ async function executePublish(): Promise<void> {
     }
 }
 
-const REGRESSION_FIELD_LABELS: Record<string, string> = {
-    monthlyNet: 'Preis (monatlich, netto)',
-    yearlyNet: 'Preis (jährlich, netto)',
-    'features.removed': 'Entfernte Features',
-    'features.added': 'Hinzugefügte Features',
-    'quotas.lowered': 'Gesenkte Quotas',
-    'quotas.raised': 'Erhöhte Quotas',
-    'bundles.removed': 'Entfernte Bundles',
-    'bundles.added': 'Hinzugefügte Bundles',
+// API field path of a regression change → catalog key of its label.
+const REGRESSION_FIELD_KEYS: Record<string, keyof SaMessages['plans']['regressionFields']> = {
+    monthlyNet: 'monthlyNet',
+    yearlyNet: 'yearlyNet',
+    'features.removed': 'featuresRemoved',
+    'features.added': 'featuresAdded',
+    'quotas.lowered': 'quotasLowered',
+    'quotas.raised': 'quotasRaised',
+    'bundles.removed': 'bundlesRemoved',
+    'bundles.added': 'bundlesAdded',
 };
 
 function fieldLabel(field: string): string {
-    return REGRESSION_FIELD_LABELS[field] ?? field;
+    const key = REGRESSION_FIELD_KEYS[field];
+    return key ? msg.value.regressionFields[key] : field;
 }
 
 function formatChangeValue(value: unknown): string {
@@ -1175,21 +1204,24 @@ function describePublishError(err: unknown): string {
     const status = (err as { status?: number })?.status;
     const body = (err as { body?: { code?: string; message?: string } })?.body;
     if (status === 401 || status === 403) {
-        return 'Sitzung abgelaufen — bitte neu anmelden und erneut versuchen.';
+        return msg.value.page.errorSessionExpiredPublish;
     }
     if (status === 422 && body?.code === 'PLAN_VERSION_REGRESSION') {
-        return 'Diese Version ist regressiv. Aktiviere "Force-Publish", wenn der Schritt absichtlich ist.';
+        return msg.value.page.errorPublishRegression;
     }
     if (status === 422 && body?.code === 'PLAN_VERSION_VALID_FROM_REQUIRED') {
-        return 'Beim Publish muss "Gültig ab" gesetzt sein. Bitte den Draft öffnen und das Datum eintragen.';
+        return msg.value.page.errorValidFromRequired;
     }
     if (status === 422 && body?.code === 'PLAN_VERSION_VALID_FROM_NOT_AFTER_PREVIOUS') {
-        return '"Gültig ab" muss strikt nach dem "Gültig ab" der Vorgänger-Version liegen. Bitte ein späteres Datum wählen.';
+        return msg.value.page.errorValidFromNotAfterPrevious;
     }
     if (status === 422 && body?.code === 'PLAN_VERSION_ZERO_PRICE') {
-        return 'Diese Version hat Preis 0,00 (Schutz gegen Seed-Platzhalter). Aktiviere "Preis 0,00 bewusst zulassen", wenn das ein gewollter kostenloser Sondervertrag ist.';
+        return msg.value.page.errorZeroPrice;
     }
-    return body?.message ?? `Publish fehlgeschlagen (HTTP ${status ?? '?'})`;
+    return (
+        body?.message ??
+        formatMessage(msg.value.page.errorPublishFailedHttp, { status: status ?? '?' })
+    );
 }
 
 watch(plans, async () => {