@liujitcn/kratos-admin-system 0.0.27 → 0.0.29

package/dist/package/declarations/src/rpc/system/admin/v1/base_menu.d.ts

@@ -50,7 +50,7 @@ export interface BaseMenuForm {
     /** 分配的API列表 */
     api: string[];
     /** 非主语言翻译 */
-    translations: BaseI18n[];
+    i18ns: BaseI18n[];
     /** 排序 */
     sort: number;
     /** 状态 */
@@ -109,7 +109,7 @@ export interface BaseMenu {
     /** 是否存在子节点 */
     has_children: boolean;
     /** 非主语言翻译 */
-    translations: BaseI18n[];
+    i18ns: BaseI18n[];
 }
 /** 菜单元信息 */
 export interface BaseMenuMeta {

package/dist/package/declarations/src/rpc/system/admin/v1/code_gen.d.ts

@@ -67,7 +67,7 @@ export interface PreviewCodeGenResponse {
     /** 本次生效输出路径 */
     output_paths: CodeGenOutputPaths | undefined;
     /** 正式生成前必须补齐的翻译配置 */
-    missing_translations: string[];
+    missing_i18ns: string[];
 }
 /** 启动代码生成任务条件 */
 export interface StartCodeGenTaskRequest {

package/dist/package/declarations/src/rpc/system/admin/v1/ops_monitoring.d.ts

@@ -191,6 +191,10 @@ export interface OpsNodeMetric {
     label: string;
     /** 指标使用百分比 */
     value: number;
+    /** 当前已用容量，单位字节 */
+    used_bytes: number;
+    /** 总容量，单位字节 */
+    total_bytes: number;
 }
 /** 告警事件。 */
 export interface OpsAlert {

package/dist/package/declarations/src/rpc/system/admin/v1/project_document.d.ts

@@ -17,6 +17,8 @@ export interface ProjectDocumentListItem {
     id: string;
     /** 项目内相对路径 */
     path: string;
+    /** 当前语言下的文档显示文件名 */
+    name: string;
     /** Markdown文件更新时间，RFC3339格式 */
     updated_at: string;
 }
@@ -52,17 +54,13 @@ export interface ProjectDocument {
     project_name: string;
     /** 项目内相对路径 */
     path: string;
+    /** 当前语言下的文档显示文件名 */
+    name: string;
     /** Markdown文档内容 */
     content: string;
-    /** 按语言标识索引的Markdown翻译内容 */
-    locale: Map<string, string>;
     /** Markdown文件更新时间，RFC3339格式 */
     updated_at: string;
 }
-export interface ProjectDocument_LocaleEntry {
-    key: string;
-    value: string;
-}
 /** 项目文档服务 */
 export interface ProjectDocumentService {
     /** 查询项目文档树 */

package/dist/package/declarations/src/rpc/system/admin/v1/runtime_log.d.ts

@@ -0,0 +1,96 @@
+/** 历史日志文件列表查询条件。 */
+export interface ListRuntimeLogFilesRequest {
+}
+/** 历史日志文件列表响应。 */
+export interface ListRuntimeLogFilesResponse {
+    /** 历史日志文件列表 */
+    files: RuntimeLogFile[];
+}
+/** 历史日志文件信息。 */
+export interface RuntimeLogFile {
+    /** 服务端签发的日志文件标识 */
+    file_id: string;
+    /** 日志文件名称 */
+    name: string;
+    /** 日志文件大小，单位字节 */
+    size_bytes: number;
+    /** 最后修改时间，RFC3339格式 */
+    modified_at: string;
+    /** 是否为Gzip压缩文件 */
+    is_compressed: boolean;
+    /** 是否为当前活动日志文件 */
+    is_active: boolean;
+}
+/** 历史日志文件读取条件。 */
+export interface ReadRuntimeLogFileRequest {
+    /** 服务端签发的日志文件标识 */
+    file_id: string;
+    /** 向更早日志翻页的不透明游标，留空时从文件尾部读取 */
+    cursor: string;
+    /** 单次读取条数，0使用默认值，最大500 */
+    limit: number;
+    /** 日志内容搜索关键字 */
+    keyword: string;
+    /** 日志级别筛选列表 */
+    levels: string[];
+}
+/** 历史日志文件读取响应。 */
+export interface ReadRuntimeLogFileResponse {
+    /** 按时间正序排列的日志条目 */
+    entries: RuntimeLogEntry[];
+    /** 继续读取更早日志的不透明游标 */
+    next_cursor: string;
+    /** 是否还有更早日志 */
+    has_more: boolean;
+    /** 读取期间日志文件是否已滚动或截断 */
+    file_changed: boolean;
+}
+/** 实时或历史日志条目。 */
+export interface RuntimeLogEntry {
+    /** 当前进程内的日志序号，历史文件日志为空 */
+    sequence: string;
+    /** 日志时间 */
+    timestamp: string;
+    /** 日志级别 */
+    level: string;
+    /** 日志来源 */
+    source: string;
+    /** 日志消息 */
+    message: string;
+    /** 可直接展示的纯文本日志行 */
+    line: string;
+    /** 日志行是否因长度限制被截断 */
+    is_truncated: boolean;
+}
+/** 实时控制台开启条件。 */
+export interface OpenRuntimeConsoleRequest {
+    /** 首次返回的最近日志条数，0使用默认值，最大500 */
+    backlog_limit: number;
+}
+/** 实时控制台开启响应。 */
+export interface OpenRuntimeConsoleResponse {
+    /** SSE业务流标识 */
+    stream: string;
+    /** 当前用户专属SSE频道标识 */
+    channel_id: string;
+    /** 频道过期时间，RFC3339格式 */
+    expires_at: string;
+    /** 当前服务实例标识 */
+    instance_id: string;
+    /** 当前进程最新日志序号 */
+    latest_sequence: string;
+    /** 当前进程最近日志 */
+    entries: RuntimeLogEntry[];
+}
+/** 实时控制台丢失消息提示。 */
+export interface RuntimeLogGap {
+    /** 本次丢弃的日志条数 */
+    dropped_count: number;
+    /** 发生丢弃时的最新日志序号 */
+    latest_sequence: string;
+}
+/** 历史日志文件下载条件。 */
+export interface DownloadRuntimeLogFileRequest {
+    /** 服务端签发的日志文件标识 */
+    file_id: string;
+}

package/dist/package/declarations/src/views/tool/runtime-log/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/package/src/api/system/base_i18n.ts

@@ -2,28 +2,28 @@ import service from "@liujitcn/kratos-admin-core/request";
 import type { Empty } from "@liujitcn/kratos-admin-system/rpc/google/protobuf/empty";
 import type {
   BaseI18nService,
-  DraftBaseTranslationRequest,
-  DraftBaseTranslationResponse,
-  UpdateBaseTranslationRequest
+  DraftBaseI18nRequest,
+  DraftBaseI18nResponse,
+  UpdateBaseI18nRequest
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 
-const BASE_TRANSLATION_URL = "/v1/admin/base/translation";
+const BASE_I18N_URL = "/v1/admin/base/i18n";
 
 /** BaseI18nServiceImpl Admin 单条动态翻译服务。 */
 export class BaseI18nServiceImpl implements BaseI18nService {
-  /** DraftBaseTranslation 翻译请求中的单个文本。 */
-  DraftBaseTranslation(request: DraftBaseTranslationRequest): Promise<DraftBaseTranslationResponse> {
-    return service<DraftBaseTranslationRequest, DraftBaseTranslationResponse>({
-      url: `${BASE_TRANSLATION_URL}/draft`,
+  /** DraftBaseI18n 翻译请求中的单个文本。 */
+  DraftBaseI18n(request: DraftBaseI18nRequest): Promise<DraftBaseI18nResponse> {
+    return service<DraftBaseI18nRequest, DraftBaseI18nResponse>({
+      url: `${BASE_I18N_URL}/draft`,
       method: "post",
       data: request
     });
   }
 
-  /** UpdateBaseTranslation 修改或新增单条翻译信息。 */
-  UpdateBaseTranslation(request: UpdateBaseTranslationRequest): Promise<Empty> {
-    return service<UpdateBaseTranslationRequest, Empty>({
-      url: BASE_TRANSLATION_URL,
+  /** UpdateBaseI18n 修改或新增单条翻译信息。 */
+  UpdateBaseI18n(request: UpdateBaseI18nRequest): Promise<Empty> {
+    return service<UpdateBaseI18nRequest, Empty>({
+      url: BASE_I18N_URL,
       method: "put",
       data: request
     });

package/dist/package/src/api/system/runtime_log.ts

@@ -0,0 +1,80 @@
+import service from "@liujitcn/kratos-admin-core/request";
+import type {
+  DownloadRuntimeLogFileRequest,
+  ListRuntimeLogFilesRequest,
+  ListRuntimeLogFilesResponse,
+  OpenRuntimeConsoleRequest,
+  OpenRuntimeConsoleResponse,
+  ReadRuntimeLogFileRequest,
+  ReadRuntimeLogFileResponse
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/runtime_log";
+
+const RUNTIME_LOG_URL = "/v1/admin/runtime-log";
+
+/** Admin运行日志服务。 */
+export class RuntimeLogServiceImpl {
+  /** 查询历史日志文件列表。 */
+  ListRuntimeLogFiles(request: ListRuntimeLogFilesRequest): Promise<ListRuntimeLogFilesResponse> {
+    return service<ListRuntimeLogFilesRequest, ListRuntimeLogFilesResponse>({
+      url: `${RUNTIME_LOG_URL}/files`,
+      method: "get",
+      params: request
+    });
+  }
+
+  /** 分页读取历史日志文件内容。 */
+  ReadRuntimeLogFile(request: ReadRuntimeLogFileRequest): Promise<ReadRuntimeLogFileResponse> {
+    return service<ReadRuntimeLogFileRequest, ReadRuntimeLogFileResponse>({
+      url: `${RUNTIME_LOG_URL}/files/${encodeURIComponent(request.file_id)}`,
+      method: "get",
+      params: {
+        cursor: request.cursor,
+        limit: request.limit,
+        keyword: request.keyword,
+        levels: request.levels
+      }
+    });
+  }
+
+  /** 创建当前用户的实时控制台频道。 */
+  OpenRuntimeConsole(request: OpenRuntimeConsoleRequest): Promise<OpenRuntimeConsoleResponse> {
+    return service<OpenRuntimeConsoleRequest, OpenRuntimeConsoleResponse>({
+      url: `${RUNTIME_LOG_URL}/console`,
+      method: "post",
+      data: request
+    });
+  }
+
+  /** 下载历史日志原文件。 */
+  async DownloadRuntimeLogFile(request: DownloadRuntimeLogFileRequest, fallbackName: string): Promise<void> {
+    const response = await service<DownloadRuntimeLogFileRequest, any>({
+      url: `${RUNTIME_LOG_URL}/files/${encodeURIComponent(request.file_id)}/download`,
+      method: "get",
+      responseType: "blob"
+    });
+    const contentDisposition = String(response.headers?.["content-disposition"] ?? "");
+    const encodedName = contentDisposition.match(/filename\*=UTF-8''([^;]+)/i)?.[1];
+    const plainName = contentDisposition.match(/filename="?([^";]+)"?/i)?.[1];
+    let filename = fallbackName;
+    if (encodedName) {
+      try {
+        filename = decodeURIComponent(encodedName);
+      } catch {
+        filename = fallbackName;
+      }
+    } else if (plainName) {
+      filename = plainName;
+    }
+    const blob = response.data instanceof Blob ? response.data : new Blob([response.data]);
+    const objectURL = window.URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = objectURL;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    window.URL.revokeObjectURL(objectURL);
+  }
+}
+
+export const defRuntimeLogService = new RuntimeLogServiceImpl();

package/dist/package/src/api/system/runtime_log_sse.ts

@@ -0,0 +1,40 @@
+import { subscribeSseEvent, type SseStop } from "../base/sse";
+import type {
+  RuntimeLogEntry,
+  RuntimeLogGap
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/runtime_log";
+
+const RUNTIME_LOG_SSE_STREAM = "system.admin.runtime-console";
+const RUNTIME_LOG_SSE_ENTRY = "runtime.log";
+const RUNTIME_LOG_SSE_GAP = "runtime.gap";
+
+/** 实时日志事件处理函数。 */
+export type RuntimeLogEntryHandler = (entry: RuntimeLogEntry) => void;
+
+/** 实时日志丢失事件处理函数。 */
+export type RuntimeLogGapHandler = (gap: RuntimeLogGap) => void;
+
+/** 订阅指定用户频道的实时日志和丢失提示事件。 */
+export function subscribeRuntimeLog(
+  channelId: string,
+  entryHandler: RuntimeLogEntryHandler,
+  gapHandler: RuntimeLogGapHandler
+): SseStop {
+  const request = { stream: RUNTIME_LOG_SSE_STREAM, channel_id: channelId };
+  const stopEntry = subscribeSseEvent(request, RUNTIME_LOG_SSE_ENTRY, parsePayload<RuntimeLogEntry>, entryHandler);
+  const stopGap = subscribeSseEvent(request, RUNTIME_LOG_SSE_GAP, parsePayload<RuntimeLogGap>, gapHandler);
+  return () => {
+    stopGap();
+    stopEntry();
+  };
+}
+
+/** 解析实时日志 SSE JSON 负载。 */
+function parsePayload<T>(raw: string): T | null {
+  if (!raw) return null;
+  try {
+    return JSON.parse(raw) as T;
+  } catch {
+    return null;
+  }
+}

package/dist/package/src/components/{DynamicTranslationCell.vue → DynamicI18nCell.vue}

@@ -1,6 +1,6 @@
 <template>
-  <el-link class="dynamic-translation-cell" type="primary" underline="never" @click="openDialog">
-    <span class="dynamic-translation-cell__source">{{ displaySource || "--" }}</span>
+  <el-link class="dynamic-i18n-cell" type="primary" underline="never" @click="openDialog">
+    <span class="dynamic-i18n-cell__source">{{ displaySource || "--" }}</span>
   </el-link>
 
   <ProDialog
@@ -12,20 +12,20 @@
     :destroy-on-close="true"
     @closed="handleDialogClosed"
   >
-    <el-table v-loading="loading" :data="translationRows" border>
+    <el-table v-loading="loading" :data="i18nRows" border>
       <el-table-column :label="t('common.field.language')" width="150">
         <template #default="{ row }">
           {{ getLanguageLabel(row.locale) }}
         </template>
       </el-table-column>
-      <el-table-column :label="t('system.base.translation.field.translations')" min-width="360">
+      <el-table-column :label="t('system.base.i18n.field.i18ns')" min-width="360">
         <template #default="{ row }">
           <el-input
             v-if="row.editing"
             v-model="row.text"
-            :placeholder="t('system.base.translation.placeholder.text', { language: getLanguageLabel(row.locale) })"
+            :placeholder="t('system.base.i18n.placeholder.text', { language: getLanguageLabel(row.locale) })"
           />
-          <span v-else class="dynamic-translation-dialog__text">
+          <span v-else class="dynamic-i18n-dialog__text">
             {{ row.text || t("common.value.none") }}
           </span>
         </template>
@@ -36,7 +36,7 @@
             {{ t("common.action.edit") }}
           </el-button>
           <template v-else>
-            <el-button link type="primary" :icon="Check" :loading="row.saving" @click="saveTranslation(row)">
+            <el-button link type="primary" :icon="Check" :loading="row.saving" @click="saveI18n(row)">
               {{ t("common.action.save") }}
             </el-button>
             <el-button link :icon="Close" :disabled="row.saving" @click="cancelEdit(row)">
@@ -58,48 +58,48 @@ import { t, useLocaleStore } from "@liujitcn/kratos-admin-core";
 import { loadEnabledBaseLanguages, useEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
 import { defBaseI18nService } from "@liujitcn/kratos-admin-system/api/system/base_i18n";
 import type { BaseI18n } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
-import { TranslationTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
-import { getLanguageLabel } from "./dynamicTranslation";
+import { I18nTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
+import { getLanguageLabel } from "./dynamicI18n";
 
-/** DynamicTranslationCellProps 动态翻译列表单元格属性。 */
-interface DynamicTranslationCellProps {
+/** DynamicI18nCellProps 动态翻译列表单元格属性。 */
+interface DynamicI18nCellProps {
   /** 资源源文。 */
   source: string;
   /** 统一翻译表目标类型。 */
-  targetType?: TranslationTargetType;
+  targetType?: I18nTargetType;
   /** 目标资源编号。 */
   targetId?: number;
   /** 资源列表返回的非主语言翻译。 */
-  translations?: BaseI18n[];
+  i18ns?: BaseI18n[];
 }
 
-const props = defineProps<DynamicTranslationCellProps>();
+const props = defineProps<DynamicI18nCellProps>();
 
 const { languages } = useEnabledBaseLanguages();
 const { locale } = useLocaleStore();
 const dialogVisible = ref(false);
 const loading = ref(false);
-const translationRows = ref<DynamicTranslationRow[]>([]);
-const translationOverrides = ref(new Map<string, string>());
+const i18nRows = ref<DynamicI18nRow[]>([]);
+const i18nOverrides = ref(new Map<string, string>());
 
 const displaySource = computed(() => {
-  const override = translationOverrides.value.get(locale.value);
+  const override = i18nOverrides.value.get(locale.value);
   if (override) return override;
-  const translation = props.translations?.find(item => item.locale === locale.value && item.name);
-  return translation?.name || props.source;
+  const i18n = props.i18ns?.find(item => item.locale === locale.value && item.name);
+  return i18n?.name || props.source;
 });
 
 watch(
   () => [props.targetType, props.targetId],
   () => {
-    translationRows.value = [];
-    translationOverrides.value.clear();
+    i18nRows.value = [];
+    i18nOverrides.value.clear();
     dialogVisible.value = false;
   }
 );
 
-/** DynamicTranslationRow 描述弹窗内可编辑的单语言翻译行。 */
-interface DynamicTranslationRow {
+/** DynamicI18nRow 描述弹窗内可编辑的单语言翻译行。 */
+interface DynamicI18nRow {
   /** 翻译记录主键，新增翻译时为空。 */
   id: number;
   /** 语言区域。 */
@@ -117,43 +117,43 @@ interface DynamicTranslationRow {
 /** openDialog 打开翻译编辑弹窗并加载当前资源译文。 */
 async function openDialog() {
   dialogVisible.value = true;
-  await loadTranslations();
+  await loadI18ns();
 }
 
-/** loadTranslations 查询当前资源的翻译并补齐启用语言行。 */
-async function loadTranslations() {
+/** loadI18ns 查询当前资源的翻译并补齐启用语言行。 */
+async function loadI18ns() {
   const targetType = props.targetType;
   const targetId = props.targetId;
   if (!targetType || !targetId) return;
   loading.value = true;
   try {
     await loadEnabledBaseLanguages();
-    const rows = await queryTranslationRows();
-    translationRows.value = rows;
+    const rows = await queryI18nRows();
+    i18nRows.value = rows;
     const missingRows = rows.filter(row => !row.text);
     if (missingRows.length === 0) return;
     if (!props.source) return;
-    const draft = await defBaseI18nService.DraftBaseTranslation({ source: props.source });
-    const translations = new Map(draft.translations.map(item => [item.locale, item.translation]));
+    const draft = await defBaseI18nService.DraftBaseI18n({ source: props.source });
+    const i18ns = new Map(draft.i18ns.map(item => [item.locale, item.i18n]));
     const results = await Promise.allSettled(
       missingRows.map(async row => {
-        const translation = translations.get(row.locale);
-        if (!translation) throw new Error("translation not found");
-        await defBaseI18nService.UpdateBaseTranslation({
+        const i18n = i18ns.get(row.locale);
+        if (!i18n) throw new Error("i18n not found");
+        await defBaseI18nService.UpdateBaseI18n({
           id: row.id,
           target_type: targetType,
           target_id: targetId,
           locale: row.locale,
-          name: translation
+          name: i18n
         });
-        return { row, text: translation };
+        return { row, text: i18n };
       })
     );
     for (const result of results) {
       if (result.status !== "fulfilled") continue;
       result.value.row.text = result.value.text;
       result.value.row.originalText = result.value.text;
-      translationOverrides.value.set(result.value.row.locale, result.value.text);
+      i18nOverrides.value.set(result.value.row.locale, result.value.text);
     }
   } catch {
     ElMessage.error(t("common.message.system_error"));
@@ -162,14 +162,14 @@ async function loadTranslations() {
   }
 }
 
-/** queryTranslationRows 将列表返回的翻译记录补齐为可编辑语言行。 */
-async function queryTranslationRows(): Promise<DynamicTranslationRow[]> {
-  const records = new Map((props.translations ?? []).map(item => [item.locale, item]));
+/** queryI18nRows 将列表返回的翻译记录补齐为可编辑语言行。 */
+async function queryI18nRows(): Promise<DynamicI18nRow[]> {
+  const records = new Map((props.i18ns ?? []).map(item => [item.locale, item]));
   return languages.value
     .filter(item => !item.is_primary)
     .map(item => {
       const record = records.get(item.language_code);
-      const text = translationOverrides.value.get(item.language_code) ?? record?.name ?? "";
+      const text = i18nOverrides.value.get(item.language_code) ?? record?.name ?? "";
       return {
         id: record?.id ?? 0,
         locale: item.language_code,
@@ -182,19 +182,19 @@ async function queryTranslationRows(): Promise<DynamicTranslationRow[]> {
 }
 
 /** startEdit 开启指定语言的编辑状态。 */
-function startEdit(row: DynamicTranslationRow) {
+function startEdit(row: DynamicI18nRow) {
   row.originalText = row.text;
   row.editing = true;
 }
 
 /** cancelEdit 恢复编辑前的内容。 */
-function cancelEdit(row: DynamicTranslationRow) {
+function cancelEdit(row: DynamicI18nRow) {
   row.text = row.originalText;
   row.editing = false;
 }
 
-/** saveTranslation 使用统一更新接口保存指定语言译文。 */
-async function saveTranslation(row: DynamicTranslationRow) {
+/** saveI18n 使用统一更新接口保存指定语言译文。 */
+async function saveI18n(row: DynamicI18nRow) {
   const targetType = props.targetType;
   const targetId = props.targetId;
   if (row.saving || !targetType || !targetId) return;
@@ -204,7 +204,7 @@ async function saveTranslation(row: DynamicTranslationRow) {
   }
   row.saving = true;
   try {
-    await defBaseI18nService.UpdateBaseTranslation({
+    await defBaseI18nService.UpdateBaseI18n({
       id: row.id,
       target_type: targetType,
       target_id: targetId,
@@ -214,7 +214,7 @@ async function saveTranslation(row: DynamicTranslationRow) {
     ElMessage.success(t("common.message.operation_success"));
     row.editing = false;
     row.originalText = row.text;
-    translationOverrides.value.set(row.locale, row.text);
+    i18nOverrides.value.set(row.locale, row.text);
   } catch {
     ElMessage.error(t("common.message.system_error"));
   } finally {
@@ -224,25 +224,25 @@ async function saveTranslation(row: DynamicTranslationRow) {
 
 /** handleDialogClosed 清理弹窗状态，避免复用旧资源译文。 */
 function handleDialogClosed() {
-  translationRows.value = [];
+  i18nRows.value = [];
   loading.value = false;
 }
 </script>
 
 <style scoped>
-.dynamic-translation-cell {
+.dynamic-i18n-cell {
   display: inline-flex;
   align-items: center;
   min-width: 0;
   max-width: 100%;
 }
-.dynamic-translation-cell__source {
+.dynamic-i18n-cell__source {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dynamic-translation-dialog__text {
+.dynamic-i18n-dialog__text {
   min-width: 0;
   overflow-wrap: anywhere;
 }