@liujitcn/kratos-admin-system 0.0.95 → 0.0.96

package/dist/package/declarations/src/api/system/admin/v1/mqtt_message.d.ts

@@ -0,0 +1,10 @@
+import type { GetMqttMessageRequest, MqttMessageDetail, MqttMessageService, PageMqttMessageRequest, PageMqttMessageResponse } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/mqtt_message";
+/** Admin MQTT 消息记录查询服务。 */
+export declare class MqttMessageServiceImpl implements MqttMessageService {
+    /** 分页查询 MQTT 消息记录。 */
+    PageMqttMessage(request: PageMqttMessageRequest): Promise<PageMqttMessageResponse>;
+    /** 查询 MQTT 消息记录详情。 */
+    GetMqttMessage(request: GetMqttMessageRequest): Promise<MqttMessageDetail>;
+}
+/** 默认 MQTT 消息记录查询服务。 */
+export declare const defMqttMessageService: MqttMessageServiceImpl;

package/dist/package/declarations/src/locales/generated.d.ts

@@ -1771,6 +1771,23 @@ export declare const LOCALE_MESSAGES: {
         "system.runtime.log.value.entry_count": string;
         "system.runtime.log.value.instance": string;
         "system.runtime.log.value.live_console": string;
+        "system.mqtt_message.direction.publish": string;
+        "system.mqtt_message.direction.subscribe": string;
+        "system.mqtt_message.field.created_at": string;
+        "system.mqtt_message.field.direction": string;
+        "system.mqtt_message.field.error": string;
+        "system.mqtt_message.field.format": string;
+        "system.mqtt_message.field.handled_at": string;
+        "system.mqtt_message.field.id": string;
+        "system.mqtt_message.field.latency": string;
+        "system.mqtt_message.field.message_id": string;
+        "system.mqtt_message.field.payload_json": string;
+        "system.mqtt_message.field.payload_raw": string;
+        "system.mqtt_message.field.qos": string;
+        "system.mqtt_message.field.size": string;
+        "system.mqtt_message.field.status": string;
+        "system.mqtt_message.field.topic": string;
+        "system.mqtt_message.title.detail": string;
         "system.sse.error.auth_expired": string;
         "system.sse.error.connection_closed": string;
         "system.sse.error.connection_failed": string;
@@ -3547,6 +3564,23 @@ export declare const LOCALE_MESSAGES: {
         "system.runtime.log.value.entry_count": string;
         "system.runtime.log.value.instance": string;
         "system.runtime.log.value.live_console": string;
+        "system.mqtt_message.direction.publish": string;
+        "system.mqtt_message.direction.subscribe": string;
+        "system.mqtt_message.field.created_at": string;
+        "system.mqtt_message.field.direction": string;
+        "system.mqtt_message.field.error": string;
+        "system.mqtt_message.field.format": string;
+        "system.mqtt_message.field.handled_at": string;
+        "system.mqtt_message.field.id": string;
+        "system.mqtt_message.field.latency": string;
+        "system.mqtt_message.field.message_id": string;
+        "system.mqtt_message.field.payload_json": string;
+        "system.mqtt_message.field.payload_raw": string;
+        "system.mqtt_message.field.qos": string;
+        "system.mqtt_message.field.size": string;
+        "system.mqtt_message.field.status": string;
+        "system.mqtt_message.field.topic": string;
+        "system.mqtt_message.title.detail": string;
         "system.sse.error.auth_expired": string;
         "system.sse.error.connection_closed": string;
         "system.sse.error.connection_failed": string;
@@ -5323,6 +5357,23 @@ export declare const LOCALE_MESSAGES: {
         "system.runtime.log.value.entry_count": string;
         "system.runtime.log.value.instance": string;
         "system.runtime.log.value.live_console": string;
+        "system.mqtt_message.direction.publish": string;
+        "system.mqtt_message.direction.subscribe": string;
+        "system.mqtt_message.field.created_at": string;
+        "system.mqtt_message.field.direction": string;
+        "system.mqtt_message.field.error": string;
+        "system.mqtt_message.field.format": string;
+        "system.mqtt_message.field.handled_at": string;
+        "system.mqtt_message.field.id": string;
+        "system.mqtt_message.field.latency": string;
+        "system.mqtt_message.field.message_id": string;
+        "system.mqtt_message.field.payload_json": string;
+        "system.mqtt_message.field.payload_raw": string;
+        "system.mqtt_message.field.qos": string;
+        "system.mqtt_message.field.size": string;
+        "system.mqtt_message.field.status": string;
+        "system.mqtt_message.field.topic": string;
+        "system.mqtt_message.title.detail": string;
         "system.sse.error.auth_expired": string;
         "system.sse.error.connection_closed": string;
         "system.sse.error.connection_failed": string;
@@ -7099,6 +7150,23 @@ export declare const LOCALE_MESSAGES: {
         "system.runtime.log.value.entry_count": string;
         "system.runtime.log.value.instance": string;
         "system.runtime.log.value.live_console": string;
+        "system.mqtt_message.direction.publish": string;
+        "system.mqtt_message.direction.subscribe": string;
+        "system.mqtt_message.field.created_at": string;
+        "system.mqtt_message.field.direction": string;
+        "system.mqtt_message.field.error": string;
+        "system.mqtt_message.field.format": string;
+        "system.mqtt_message.field.handled_at": string;
+        "system.mqtt_message.field.id": string;
+        "system.mqtt_message.field.latency": string;
+        "system.mqtt_message.field.message_id": string;
+        "system.mqtt_message.field.payload_json": string;
+        "system.mqtt_message.field.payload_raw": string;
+        "system.mqtt_message.field.qos": string;
+        "system.mqtt_message.field.size": string;
+        "system.mqtt_message.field.status": string;
+        "system.mqtt_message.field.topic": string;
+        "system.mqtt_message.title.detail": string;
         "system.sse.error.auth_expired": string;
         "system.sse.error.connection_closed": string;
         "system.sse.error.connection_failed": string;

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

@@ -0,0 +1,121 @@
+/** MQTT 消息方向枚举；字典编码为 mqtt_message_direction。 */
+export declare enum MqttMessageDirection {
+    /** MQTT_MESSAGE_DIRECTION_UNSPECIFIED - 未指定消息方向。 */
+    MQTT_MESSAGE_DIRECTION_UNSPECIFIED = 0,
+    /** MQTT_MESSAGE_DIRECTION_PUBLISH - Admin 向 Broker 发布消息。 */
+    MQTT_MESSAGE_DIRECTION_PUBLISH = 1,
+    /** MQTT_MESSAGE_DIRECTION_SUBSCRIBE - Admin 从 Broker 订阅接收消息。 */
+    MQTT_MESSAGE_DIRECTION_SUBSCRIBE = 2
+}
+/** MQTT Payload 格式枚举；字典编码为 mqtt_message_payload_format。 */
+export declare enum MqttMessagePayloadFormat {
+    /** MQTT_MESSAGE_PAYLOAD_FORMAT_UNSPECIFIED - 未指定 Payload 格式。 */
+    MQTT_MESSAGE_PAYLOAD_FORMAT_UNSPECIFIED = 0,
+    /** MQTT_MESSAGE_PAYLOAD_FORMAT_JSON - JSON 格式。 */
+    MQTT_MESSAGE_PAYLOAD_FORMAT_JSON = 1,
+    /** MQTT_MESSAGE_PAYLOAD_FORMAT_TEXT - UTF-8 文本格式。 */
+    MQTT_MESSAGE_PAYLOAD_FORMAT_TEXT = 2,
+    /** MQTT_MESSAGE_PAYLOAD_FORMAT_BINARY - 二进制格式。 */
+    MQTT_MESSAGE_PAYLOAD_FORMAT_BINARY = 3
+}
+/** MQTT 消息处理状态枚举；字典编码为 mqtt_message_status。 */
+export declare enum MqttMessageStatus {
+    /** MQTT_MESSAGE_STATUS_UNSPECIFIED - 未指定处理状态。 */
+    MQTT_MESSAGE_STATUS_UNSPECIFIED = 0,
+    /** MQTT_MESSAGE_STATUS_SENT - 发布消息已得到 Broker 确认。 */
+    MQTT_MESSAGE_STATUS_SENT = 1,
+    /** MQTT_MESSAGE_STATUS_HANDLED - 订阅消息已处理。 */
+    MQTT_MESSAGE_STATUS_HANDLED = 2,
+    /** MQTT_MESSAGE_STATUS_FAILED - 发布或订阅处理失败。 */
+    MQTT_MESSAGE_STATUS_FAILED = 3
+}
+/** MQTT 消息分页查询条件。 */
+export interface PageMqttMessageRequest {
+    /** 消息方向 */
+    direction: MqttMessageDirection;
+    /** MQTT主题 */
+    topic: string;
+    /** 处理状态 */
+    status: MqttMessageStatus;
+    /** 消息格式 */
+    payload_format: MqttMessagePayloadFormat;
+    /** 当前页码 */
+    page_num: number;
+    /** 每页数量 */
+    page_size: number;
+}
+/** MQTT 消息分页响应。 */
+export interface PageMqttMessageResponse {
+    /** 消息记录列表 */
+    mqtt_messages: MqttMessageSummary[];
+    /** 总数 */
+    total: number;
+}
+/** MQTT 消息详情查询条件。 */
+export interface GetMqttMessageRequest {
+    /** 消息记录ID */
+    id: number;
+}
+/** MQTT 消息记录摘要。 */
+export interface MqttMessageSummary {
+    /** 消息记录ID */
+    id: number;
+    /** 消息方向 */
+    direction: MqttMessageDirection;
+    /** MQTT主题 */
+    topic: string;
+    /** 消息大小，单位字节 */
+    payload_size: number;
+    /** 消息格式 */
+    payload_format: MqttMessagePayloadFormat;
+    /** MQTT QoS */
+    qos: number;
+    /** 处理状态 */
+    status: MqttMessageStatus;
+    /** 处理耗时，单位毫秒 */
+    latency_ms: number;
+    /** 创建时间 */
+    created_at: string;
+}
+/** MQTT 消息记录详情。 */
+export interface MqttMessageDetail {
+    /** 消息记录ID */
+    id: number;
+    /** 消息方向 */
+    direction: MqttMessageDirection;
+    /** MQTT主题 */
+    topic: string;
+    /** 原始消息内容 */
+    payload_raw: Uint8Array;
+    /** 解析后的JSON内容 */
+    payload_json: string;
+    /** 消息大小，单位字节 */
+    payload_size: number;
+    /** 消息格式 */
+    payload_format: MqttMessagePayloadFormat;
+    /** MQTT QoS */
+    qos: number;
+    /** 是否为保留消息 */
+    retained: boolean;
+    /** 是否为重复消息 */
+    duplicate: boolean;
+    /** MQTT或业务消息ID */
+    message_id: string;
+    /** 处理状态 */
+    status: MqttMessageStatus;
+    /** 错误信息 */
+    error_message: string;
+    /** 处理耗时，单位毫秒 */
+    latency_ms: number;
+    /** 创建时间 */
+    created_at: string;
+    /** 处理完成时间 */
+    handled_at: string;
+}
+/** Admin MQTT 消息记录查询服务。 */
+export interface MqttMessageService {
+    /** 分页查询 MQTT 消息记录。 */
+    PageMqttMessage(request: PageMqttMessageRequest): Promise<PageMqttMessageResponse>;
+    /** 查询 MQTT 消息记录详情。 */
+    GetMqttMessage(request: GetMqttMessageRequest): Promise<MqttMessageDetail>;
+}

package/dist/package/declarations/src/views/tool/mqtt-message/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/admin/v1/mqtt_message.ts

@@ -0,0 +1,33 @@
+import service from "@liujitcn/kratos-admin-core/request";
+import type {
+  GetMqttMessageRequest,
+  MqttMessageDetail,
+  MqttMessageService,
+  PageMqttMessageRequest,
+  PageMqttMessageResponse
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/mqtt_message";
+
+const MQTT_MESSAGE_URL = "/v1/admin/mqtt-message";
+
+/** Admin MQTT 消息记录查询服务。 */
+export class MqttMessageServiceImpl implements MqttMessageService {
+  /** 分页查询 MQTT 消息记录。 */
+  PageMqttMessage(request: PageMqttMessageRequest): Promise<PageMqttMessageResponse> {
+    return service<PageMqttMessageRequest, PageMqttMessageResponse>({
+      url: MQTT_MESSAGE_URL,
+      method: "get",
+      params: request
+    });
+  }
+
+  /** 查询 MQTT 消息记录详情。 */
+  GetMqttMessage(request: GetMqttMessageRequest): Promise<MqttMessageDetail> {
+    return service<GetMqttMessageRequest, MqttMessageDetail>({
+      url: `${MQTT_MESSAGE_URL}/${request.id}`,
+      method: "get"
+    });
+  }
+}
+
+/** 默认 MQTT 消息记录查询服务。 */
+export const defMqttMessageService = new MqttMessageServiceImpl();

package/dist/package/src/locales/en-US.json

@@ -1770,6 +1770,23 @@
   "system.runtime.log.value.entry_count": "{count} entries",
   "system.runtime.log.value.instance": "Instance {id}",
   "system.runtime.log.value.live_console": "Live console",
+  "system.mqtt_message.direction.publish": "Publish",
+  "system.mqtt_message.direction.subscribe": "Subscribe",
+  "system.mqtt_message.field.created_at": "Recorded at",
+  "system.mqtt_message.field.direction": "Direction",
+  "system.mqtt_message.field.error": "Error",
+  "system.mqtt_message.field.format": "Format",
+  "system.mqtt_message.field.handled_at": "Handled at",
+  "system.mqtt_message.field.id": "Record ID",
+  "system.mqtt_message.field.latency": "Latency (ms)",
+  "system.mqtt_message.field.message_id": "Message ID",
+  "system.mqtt_message.field.payload_json": "Payload",
+  "system.mqtt_message.field.payload_raw": "Raw Payload",
+  "system.mqtt_message.field.qos": "QoS",
+  "system.mqtt_message.field.size": "Size",
+  "system.mqtt_message.field.status": "Status",
+  "system.mqtt_message.field.topic": "Topic",
+  "system.mqtt_message.title.detail": "MQTT message details",
   "system.sse.error.auth_expired": "SSE authentication has expired",
   "system.sse.error.connection_closed": "SSE connection closed",
   "system.sse.error.connection_failed": "SSE connection failed: {status}"

package/dist/package/src/locales/ja-JP.json

@@ -1770,6 +1770,23 @@
   "system.runtime.log.value.entry_count": "{count} 件",
   "system.runtime.log.value.instance": "インスタンス {id}",
   "system.runtime.log.value.live_console": "リアルタイムコンソール",
+  "system.mqtt_message.direction.publish": "発行",
+  "system.mqtt_message.direction.subscribe": "購読",
+  "system.mqtt_message.field.created_at": "記録日時",
+  "system.mqtt_message.field.direction": "方向",
+  "system.mqtt_message.field.error": "エラー",
+  "system.mqtt_message.field.format": "形式",
+  "system.mqtt_message.field.handled_at": "処理完了日時",
+  "system.mqtt_message.field.id": "記録ID",
+  "system.mqtt_message.field.latency": "処理時間（ミリ秒）",
+  "system.mqtt_message.field.message_id": "メッセージID",
+  "system.mqtt_message.field.payload_json": "メッセージ内容",
+  "system.mqtt_message.field.payload_raw": "元の Payload",
+  "system.mqtt_message.field.qos": "QoS",
+  "system.mqtt_message.field.size": "サイズ",
+  "system.mqtt_message.field.status": "状態",
+  "system.mqtt_message.field.topic": "トピック",
+  "system.mqtt_message.title.detail": "MQTTメッセージ詳細",
   "system.sse.error.auth_expired": "SSE 認証の有効期限が切れました",
   "system.sse.error.connection_closed": "SSE 接続が閉じられました",
   "system.sse.error.connection_failed": "SSE 接続に失敗しました: {status}"

package/dist/package/src/locales/zh-CN.json

@@ -1770,6 +1770,23 @@
   "system.runtime.log.value.entry_count": "{count} 条",
   "system.runtime.log.value.instance": "实例 {id}",
   "system.runtime.log.value.live_console": "实时控制台",
+  "system.mqtt_message.direction.publish": "发布",
+  "system.mqtt_message.direction.subscribe": "订阅",
+  "system.mqtt_message.field.created_at": "记录时间",
+  "system.mqtt_message.field.direction": "方向",
+  "system.mqtt_message.field.error": "错误信息",
+  "system.mqtt_message.field.format": "格式",
+  "system.mqtt_message.field.handled_at": "处理完成时间",
+  "system.mqtt_message.field.id": "记录ID",
+  "system.mqtt_message.field.latency": "耗时（毫秒）",
+  "system.mqtt_message.field.message_id": "消息ID",
+  "system.mqtt_message.field.payload_json": "消息内容",
+  "system.mqtt_message.field.payload_raw": "原始 Payload",
+  "system.mqtt_message.field.qos": "QoS",
+  "system.mqtt_message.field.size": "大小",
+  "system.mqtt_message.field.status": "状态",
+  "system.mqtt_message.field.topic": "主题",
+  "system.mqtt_message.title.detail": "MQTT消息详情",
   "system.sse.error.auth_expired": "SSE 认证已失效",
   "system.sse.error.connection_closed": "SSE 连接已关闭",
   "system.sse.error.connection_failed": "SSE 连接失败：{status}"

package/dist/package/src/locales/zh-TW.json

@@ -1770,6 +1770,23 @@
   "system.runtime.log.value.entry_count": "{count} 筆",
   "system.runtime.log.value.instance": "執行個體 {id}",
   "system.runtime.log.value.live_console": "即時主控台",
+  "system.mqtt_message.direction.publish": "發布",
+  "system.mqtt_message.direction.subscribe": "訂閱",
+  "system.mqtt_message.field.created_at": "記錄時間",
+  "system.mqtt_message.field.direction": "方向",
+  "system.mqtt_message.field.error": "錯誤訊息",
+  "system.mqtt_message.field.format": "格式",
+  "system.mqtt_message.field.handled_at": "處理完成時間",
+  "system.mqtt_message.field.id": "記錄ID",
+  "system.mqtt_message.field.latency": "耗時（毫秒）",
+  "system.mqtt_message.field.message_id": "訊息ID",
+  "system.mqtt_message.field.payload_json": "訊息內容",
+  "system.mqtt_message.field.payload_raw": "原始 Payload",
+  "system.mqtt_message.field.qos": "QoS",
+  "system.mqtt_message.field.size": "大小",
+  "system.mqtt_message.field.status": "狀態",
+  "system.mqtt_message.field.topic": "主題",
+  "system.mqtt_message.title.detail": "MQTT訊息詳情",
   "system.sse.error.auth_expired": "SSE 驗證已失效",
   "system.sse.error.connection_closed": "SSE 連線已關閉",
   "system.sse.error.connection_failed": "SSE 連線失敗：{status}"

package/dist/package/src/rpc/system/admin/v1/mqtt_message.ts

@@ -0,0 +1,137 @@
+// Code generated by protoc-gen-ts_proto. DO NOT EDIT.
+// versions:
+//   protoc-gen-ts_proto  v2.12.1
+//   protoc               unknown
+// source: system/admin/v1/mqtt_message.proto
+
+/* eslint-disable */
+
+/** MQTT 消息方向枚举；字典编码为 mqtt_message_direction。 */
+export enum MqttMessageDirection {
+  /** MQTT_MESSAGE_DIRECTION_UNSPECIFIED - 未指定消息方向。 */
+  MQTT_MESSAGE_DIRECTION_UNSPECIFIED = 0,
+  /** MQTT_MESSAGE_DIRECTION_PUBLISH - Admin 向 Broker 发布消息。 */
+  MQTT_MESSAGE_DIRECTION_PUBLISH = 1,
+  /** MQTT_MESSAGE_DIRECTION_SUBSCRIBE - Admin 从 Broker 订阅接收消息。 */
+  MQTT_MESSAGE_DIRECTION_SUBSCRIBE = 2,
+}
+
+/** MQTT Payload 格式枚举；字典编码为 mqtt_message_payload_format。 */
+export enum MqttMessagePayloadFormat {
+  /** MQTT_MESSAGE_PAYLOAD_FORMAT_UNSPECIFIED - 未指定 Payload 格式。 */
+  MQTT_MESSAGE_PAYLOAD_FORMAT_UNSPECIFIED = 0,
+  /** MQTT_MESSAGE_PAYLOAD_FORMAT_JSON - JSON 格式。 */
+  MQTT_MESSAGE_PAYLOAD_FORMAT_JSON = 1,
+  /** MQTT_MESSAGE_PAYLOAD_FORMAT_TEXT - UTF-8 文本格式。 */
+  MQTT_MESSAGE_PAYLOAD_FORMAT_TEXT = 2,
+  /** MQTT_MESSAGE_PAYLOAD_FORMAT_BINARY - 二进制格式。 */
+  MQTT_MESSAGE_PAYLOAD_FORMAT_BINARY = 3,
+}
+
+/** MQTT 消息处理状态枚举；字典编码为 mqtt_message_status。 */
+export enum MqttMessageStatus {
+  /** MQTT_MESSAGE_STATUS_UNSPECIFIED - 未指定处理状态。 */
+  MQTT_MESSAGE_STATUS_UNSPECIFIED = 0,
+  /** MQTT_MESSAGE_STATUS_SENT - 发布消息已得到 Broker 确认。 */
+  MQTT_MESSAGE_STATUS_SENT = 1,
+  /** MQTT_MESSAGE_STATUS_HANDLED - 订阅消息已处理。 */
+  MQTT_MESSAGE_STATUS_HANDLED = 2,
+  /** MQTT_MESSAGE_STATUS_FAILED - 发布或订阅处理失败。 */
+  MQTT_MESSAGE_STATUS_FAILED = 3,
+}
+
+/** MQTT 消息分页查询条件。 */
+export interface PageMqttMessageRequest {
+  /** 消息方向 */
+  direction: MqttMessageDirection;
+  /** MQTT主题 */
+  topic: string;
+  /** 处理状态 */
+  status: MqttMessageStatus;
+  /** 消息格式 */
+  payload_format: MqttMessagePayloadFormat;
+  /** 当前页码 */
+  page_num: number;
+  /** 每页数量 */
+  page_size: number;
+}
+
+/** MQTT 消息分页响应。 */
+export interface PageMqttMessageResponse {
+  /** 消息记录列表 */
+  mqtt_messages: MqttMessageSummary[];
+  /** 总数 */
+  total: number;
+}
+
+/** MQTT 消息详情查询条件。 */
+export interface GetMqttMessageRequest {
+  /** 消息记录ID */
+  id: number;
+}
+
+/** MQTT 消息记录摘要。 */
+export interface MqttMessageSummary {
+  /** 消息记录ID */
+  id: number;
+  /** 消息方向 */
+  direction: MqttMessageDirection;
+  /** MQTT主题 */
+  topic: string;
+  /** 消息大小，单位字节 */
+  payload_size: number;
+  /** 消息格式 */
+  payload_format: MqttMessagePayloadFormat;
+  /** MQTT QoS */
+  qos: number;
+  /** 处理状态 */
+  status: MqttMessageStatus;
+  /** 处理耗时，单位毫秒 */
+  latency_ms: number;
+  /** 创建时间 */
+  created_at: string;
+}
+
+/** MQTT 消息记录详情。 */
+export interface MqttMessageDetail {
+  /** 消息记录ID */
+  id: number;
+  /** 消息方向 */
+  direction: MqttMessageDirection;
+  /** MQTT主题 */
+  topic: string;
+  /** 原始消息内容 */
+  payload_raw: Uint8Array;
+  /** 解析后的JSON内容 */
+  payload_json: string;
+  /** 消息大小，单位字节 */
+  payload_size: number;
+  /** 消息格式 */
+  payload_format: MqttMessagePayloadFormat;
+  /** MQTT QoS */
+  qos: number;
+  /** 是否为保留消息 */
+  retained: boolean;
+  /** 是否为重复消息 */
+  duplicate: boolean;
+  /** MQTT或业务消息ID */
+  message_id: string;
+  /** 处理状态 */
+  status: MqttMessageStatus;
+  /** 错误信息 */
+  error_message: string;
+  /** 处理耗时，单位毫秒 */
+  latency_ms: number;
+  /** 创建时间 */
+  created_at: string;
+  /** 处理完成时间 */
+  handled_at: string;
+}
+
+/** Admin MQTT 消息记录查询服务。 */
+export interface MqttMessageService {
+  /** 分页查询 MQTT 消息记录。 */
+  PageMqttMessage(request: PageMqttMessageRequest): Promise<PageMqttMessageResponse>;
+  /** 查询 MQTT 消息记录详情。 */
+  GetMqttMessage(request: GetMqttMessageRequest): Promise<MqttMessageDetail>;
+}

package/dist/package/src/views/tool/mqtt-message/index.vue

@@ -0,0 +1,276 @@
+<template>
+  <div class="table-box mqtt-message-page">
+    <ProTable ref="proTable" row-key="id" :columns="columns" :request-api="requestTable" />
+
+    <ProDialog
+      v-model="detail.visible"
+      :title="t('system.mqtt_message.title.detail')"
+      width="min(960px, calc(100vw - 32px))"
+      destroy-on-close
+      :show-footer="false"
+    >
+      <template v-if="detail.item">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item :label="t('system.mqtt_message.field.id')">{{ detail.item.id }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.direction')">
+            <el-tag size="small" effect="plain">{{ directionLabel(detail.item.direction) }}</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.topic')" :span="2">
+            <code>{{ detail.item.topic }}</code>
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.format')">
+            {{ payloadFormatLabel(detail.item.payload_format) }}
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.status')">
+            {{ statusLabel(detail.item.status) }}
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.size')">{{ detail.item.payload_size }} B</el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.qos')">{{ detail.item.qos }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.created_at')">{{ formatDateTime(detail.item.created_at) }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.mqtt_message.field.handled_at')">{{ formatDateTime(detail.item.handled_at) }}</el-descriptions-item>
+          <el-descriptions-item v-if="detail.item.message_id" :label="t('system.mqtt_message.field.message_id')" :span="2">{{ detail.item.message_id }}</el-descriptions-item>
+          <el-descriptions-item v-if="detail.item.error_message" :label="t('system.mqtt_message.field.error')" :span="2">{{ detail.item.error_message }}</el-descriptions-item>
+        </el-descriptions>
+
+        <section v-if="detail.item.payload_json" class="mqtt-payload-section">
+          <h3>{{ t('system.mqtt_message.field.payload_json') }}</h3>
+          <pre class="mqtt-payload">{{ prettyJson(detail.item.payload_json) }}</pre>
+        </section>
+        <section class="mqtt-payload-section">
+          <h3>{{ t('system.mqtt_message.field.payload_raw') }}</h3>
+          <pre class="mqtt-payload">{{ decodePayload(detail.item.payload_raw, detail.item.payload_format) }}</pre>
+        </section>
+      </template>
+    </ProDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, h, onMounted, reactive, ref } from "vue";
+import { ElTag } from "element-plus";
+import { View } from "@element-plus/icons-vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
+import type { ColumnProps, EnumProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseDictService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_dict";
+import { defMqttMessageService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/mqtt_message";
+import type {
+  MqttMessageDetail,
+  MqttMessageDirection,
+  MqttMessagePayloadFormat,
+  MqttMessageSummary,
+  MqttMessageStatus,
+  PageMqttMessageRequest
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/mqtt_message";
+import {
+  MqttMessageDirection as MqttMessageDirectionEnum,
+  MqttMessagePayloadFormat as MqttMessagePayloadFormatEnum,
+  MqttMessageStatus as MqttMessageStatusEnum
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/mqtt_message";
+import type { OptionBaseDictResponse_BaseDictItem } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dict";
+
+defineOptions({ name: "MqttMessage", inheritAttrs: false });
+
+const proTable = ref<ProTableInstance>();
+const detail = reactive<{ visible: boolean; item?: MqttMessageDetail }>({ visible: false });
+const DICTIONARY_CODES = {
+  direction: "mqtt_message_direction",
+  payloadFormat: "mqtt_message_payload_format",
+  status: "mqtt_message_status"
+} as const;
+
+const dictionaryItems = ref<Record<string, OptionBaseDictResponse_BaseDictItem[]>>({});
+let dictionaryLoadPromise: Promise<void> | undefined;
+
+const directionValues: Record<string, MqttMessageDirection> = {
+  PUBLISH: MqttMessageDirectionEnum.MQTT_MESSAGE_DIRECTION_PUBLISH,
+  SUBSCRIBE: MqttMessageDirectionEnum.MQTT_MESSAGE_DIRECTION_SUBSCRIBE
+};
+const payloadFormatValues: Record<string, MqttMessagePayloadFormat> = {
+  JSON: MqttMessagePayloadFormatEnum.MQTT_MESSAGE_PAYLOAD_FORMAT_JSON,
+  TEXT: MqttMessagePayloadFormatEnum.MQTT_MESSAGE_PAYLOAD_FORMAT_TEXT,
+  BINARY: MqttMessagePayloadFormatEnum.MQTT_MESSAGE_PAYLOAD_FORMAT_BINARY
+};
+const statusValues: Record<string, MqttMessageStatus> = {
+  SENT: MqttMessageStatusEnum.MQTT_MESSAGE_STATUS_SENT,
+  HANDLED: MqttMessageStatusEnum.MQTT_MESSAGE_STATUS_HANDLED,
+  FAILED: MqttMessageStatusEnum.MQTT_MESSAGE_STATUS_FAILED
+};
+
+/** 加载 MQTT 页面依赖的三个字典。 */
+async function loadDictionaries() {
+  if (!dictionaryLoadPromise) {
+    dictionaryLoadPromise = defBaseDictService.OptionBaseDict({}).then(response => {
+      const codes = new Set<string>(Object.values(DICTIONARY_CODES));
+      dictionaryItems.value = Object.fromEntries(
+        (response.base_dicts ?? [])
+          .filter(dictionary => codes.has(dictionary.code))
+          .map(dictionary => [dictionary.code, dictionary.items ?? []])
+      );
+    });
+  }
+  await dictionaryLoadPromise;
+}
+
+/** 将字典项转换为表格搜索使用的 Proto 枚举选项。 */
+async function loadEnumOptions(
+  code: string,
+  values: Record<string, number>
+): Promise<EnumProps[]> {
+  await loadDictionaries();
+  return (dictionaryItems.value[code] ?? []).flatMap(item => {
+    const value = values[item.value];
+    return value === undefined ? [] : [{ label: item.label, value, tagType: item.tag_type }];
+  });
+}
+
+const directionOptions = () => loadEnumOptions(DICTIONARY_CODES.direction, directionValues);
+const payloadFormatOptions = () => loadEnumOptions(DICTIONARY_CODES.payloadFormat, payloadFormatValues);
+const statusOptions = () => loadEnumOptions(DICTIONARY_CODES.status, statusValues);
+
+const columns = computed(() => {
+  const data: ColumnProps[] = [
+    {
+      prop: "direction",
+      label: t("system.mqtt_message.field.direction"),
+      width: 120,
+      enum: directionOptions,
+      search: { el: "select" },
+      render: scope => h(ElTag, { size: "small", effect: "plain" }, () => directionLabel((scope.row as MqttMessageSummary).direction))
+    },
+    {
+      prop: "topic",
+      label: t("system.mqtt_message.field.topic"),
+      minWidth: 280,
+      search: { el: "input", props: { clearable: true } },
+      render: scope => h("code", { title: scope.row.topic }, scope.row.topic)
+    },
+    {
+      prop: "payload_format",
+      label: t("system.mqtt_message.field.format"),
+      width: 110,
+      enum: payloadFormatOptions,
+      search: { el: "select" },
+      render: scope => payloadFormatLabel((scope.row as MqttMessageSummary).payload_format)
+    },
+    { prop: "payload_size", label: t("system.mqtt_message.field.size"), width: 120, align: "right" },
+    { prop: "qos", label: t("system.mqtt_message.field.qos"), width: 80, align: "center" },
+    {
+      prop: "status",
+      label: t("system.mqtt_message.field.status"),
+      width: 120,
+      enum: statusOptions,
+      search: { el: "select" },
+      render: scope => statusLabel((scope.row as MqttMessageSummary).status)
+    },
+    { prop: "latency_ms", label: t("system.mqtt_message.field.latency"), width: 120, align: "right" },
+    { prop: "created_at", label: t("system.mqtt_message.field.created_at"), minWidth: 190, align: "center", render: scope => formatDateTime(scope.row.created_at) },
+    {
+      prop: "operation",
+      label: t("common.field.operation"),
+      cellType: "actions",
+      actions: [{ label: t("common.action.view"), type: "primary", link: true, icon: View, onClick: scope => void openDetail(scope.row as MqttMessageSummary) }]
+    }
+  ];
+  return data;
+});
+
+/** 请求 MQTT 消息分页列表。 */
+async function requestTable(params: PageMqttMessageRequest) {
+  const response = await defMqttMessageService.PageMqttMessage(buildPageRequest(params));
+  return { data: { list: response.mqtt_messages ?? [], total: response.total } };
+}
+
+/** 打开 MQTT 消息详情。 */
+async function openDetail(item: MqttMessageSummary) {
+  detail.item = await defMqttMessageService.GetMqttMessage({ id: item.id });
+  await loadDictionaries();
+  detail.visible = true;
+}
+
+/** 获取消息方向本地化名称。 */
+function directionLabel(direction: MqttMessageDirection | string) {
+  return dictionaryLabel(DICTIONARY_CODES.direction, enumDictionaryValue(direction, directionValues));
+}
+
+/** 获取消息格式本地化名称。 */
+function payloadFormatLabel(format: MqttMessagePayloadFormat | string) {
+  return dictionaryLabel(DICTIONARY_CODES.payloadFormat, enumDictionaryValue(format, payloadFormatValues));
+}
+
+/** 获取消息状态本地化名称。 */
+function statusLabel(status: MqttMessageStatus | string) {
+  return dictionaryLabel(DICTIONARY_CODES.status, enumDictionaryValue(status, statusValues));
+}
+
+/** 将接口枚举值转换为字典中的稳定值，兼容字符串枚举响应。 */
+function enumDictionaryValue(value: number | string, values: Record<string, number>) {
+  const numericValue = typeof value === "number" ? value : Number(value);
+  const matchedValue = Object.entries(values).find(([, enumValue]) => enumValue === numericValue)?.[0];
+  if (matchedValue) return matchedValue;
+  return typeof value === "string" ? value.replace(/^MQTT_MESSAGE_(?:DIRECTION|PAYLOAD_FORMAT|STATUS)_/, "") : "";
+}
+
+/** 读取字典标签，字典尚未加载或值未知时回退到稳定值。 */
+function dictionaryLabel(code: string, value: string) {
+  return dictionaryItems.value[code]?.find(item => item.value === value)?.label ?? (value || "-");
+}
+
+/** 将已解析 JSON 以缩进格式展示。 */
+function prettyJson(value: string) {
+  try {
+    return JSON.stringify(JSON.parse(value), null, 2);
+  } catch {
+    return value;
+  }
+}
+
+/** 将原始字节内容转换为可读文本，无法解码时展示 Base64。 */
+function decodePayload(value: Uint8Array | string | undefined, format: MqttMessagePayloadFormat | string) {
+  if (!value) return "";
+  if (typeof value === "string") return value;
+  if (enumDictionaryValue(format, payloadFormatValues) === "BINARY") return toBase64(value);
+  try {
+    return new TextDecoder("utf-8", { fatal: true }).decode(value);
+  } catch {
+    return toBase64(value);
+  }
+}
+
+/** 将字节内容分块编码为 Base64，避免大 Payload 触发调用栈限制。 */
+function toBase64(value: Uint8Array) {
+  let binary = "";
+  const chunkSize = 0x8000;
+  for (let index = 0; index < value.length; index += chunkSize) {
+    binary += String.fromCharCode(...value.subarray(index, index + chunkSize));
+  }
+  return btoa(binary);
+}
+
+onMounted(() => {
+  void loadDictionaries();
+});
+</script>
+
+<style scoped>
+.mqtt-payload-section {
+  margin-top: 18px;
+}
+
+.mqtt-payload-section h3 {
+  margin: 0 0 8px;
+  font-size: 14px;
+}
+
+.mqtt-payload {
+  max-height: 420px;
+  overflow: auto;
+  padding: 12px;
+  background: var(--el-fill-color-light);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+</style>

package/dist/package/src/views/tool/ops-monitoring/index.vue

@@ -657,6 +657,7 @@ onBeforeUnmount(stopMonitoring);
 .ops-monitoring-page {
   --ops-card-bg: var(--admin-page-card-bg);
   --ops-card-border: var(--admin-page-card-border);
+  --ops-grid-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
   --ops-text-primary: var(--admin-page-text-primary);
   --ops-text-secondary: var(--admin-page-text-secondary);
   --ops-text-placeholder: var(--admin-page-text-placeholder);
@@ -746,7 +747,7 @@ onBeforeUnmount(stopMonitoring);
   opacity: 0.65;
 }
 .ops-primary-grid {
-  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
+  grid-template-columns: var(--ops-grid-columns);
   margin-bottom: 10px;
 }
 .ops-panel :deep(.el-card__header),
@@ -985,7 +986,7 @@ onBeforeUnmount(stopMonitoring);
   margin-bottom: 10px;
 }
 .ops-storage-grid {
-  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
+  grid-template-columns: var(--ops-grid-columns);
 }
 .ops-storage-card {
   min-width: 0;
@@ -1064,7 +1065,7 @@ onBeforeUnmount(stopMonitoring);
   background: var(--el-fill-color-light);
 }
 .ops-secondary-grid {
-  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
+  grid-template-columns: var(--ops-grid-columns);
   margin-bottom: 10px;
 }
 .ops-table :deep(.el-table__inner-wrapper::before) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.95",
+  "version": "0.0.96",
   "type": "module",
   "description": "kratos-admin system management module",
   "license": "MIT",
@@ -16,7 +16,7 @@
     "sortablejs": "^1.15.2",
     "swagger-ui-dist": "^5.32.15",
     "vue-element-plus-x": "^2.0.3",
-    "@liujitcn/kratos-admin-core": "0.0.95"
+    "@liujitcn/kratos-admin-core": "0.0.96"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",