diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index f5baff01..12de6d03 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -398,6 +398,7 @@ const msg = {
   snapshot: "Snapshot",
   expression: "Expression",
   metricsTTL: "Metrics TTL",
+  recordsTTL: "Records TTL",
   clusterNodes: "Cluster Nodes",
   debuggingConfigDump: "Dump Effective Configurations",
 };
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index eeaab80f..3a8dc0b2 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -398,6 +398,7 @@ const msg = {
   expression: "Expression",
   asSelector: "As Selector",
   metricsTTL: "Metrics TTL",
+  recordsTTL: "Records TTL",
   clusterNodes: "Cluster Nodes",
   debuggingConfigDump: "Dump Effective Configurations",
 };
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index 8d58c7ff..72b548cf 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -396,6 +396,7 @@ const msg = {
   snapshot: "快照",
   expression: "表达式",
   metricsTTL: "Metrics TTL",
+  recordsTTL: "Records TTL",
   clusterNodes: "集群节点",
   debuggingConfigDump: "转储有效配置",
 };
diff --git a/src/types/app.ts b/src/types/app.ts
index cf44ed5f..b7fa8150 100644
--- a/src/types/app.ts
+++ b/src/types/app.ts
@@ -77,8 +77,14 @@ export interface MetricsTTL {
 }
 
 export interface RecordsTTL {
-  value: number;
-  superDataset: number;
-  coldValue: number;
-  coldSuperDataset: number;
+  normal: number;
+  trace: number;
+  zipkinTrace: number;
+  log: number;
+  browserErrorLog: number;
+  coldNormal: number;
+  coldTrace: number;
+  coldZipkinTrace: number;
+  coldLog: number;
+  coldBrowserErrorLog: number;
 }
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index d4bebf7d..1ac56a2e 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -66,6 +66,33 @@ limitations under the License. -->
         <span>{{ settingsStore.configTTL.metrics?.coldMinute ?? -1 }}</span>
       </div>
     </div>
+    <div class="flex-h item">
+      <span class="label">{{ t("recordsTTL") }}</span>
+      <div>
+        <span>Normal: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.records?.normal ?? -1 }}</span>
+        <span>Hour: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.records?.trace ?? -1 }}</span>
+        <span>Minute: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.records?.zipkinTrace ?? -1 }}</span>
+        <span>Log: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.records?.log ?? -1 }}</span>
+        <span>Browser Error Log: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.records?.browserErrorLog ?? -1 }}</span>
+      </div>
+      <div>
+        <span>Cold Normal: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.metrics?.coldNormal ?? -1 }}</span>
+        <span>Cold Trace: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.metrics?.coldTrace ?? -1 }}</span>
+        <span>Cold Zipkin Trace: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.metrics?.coldZipkinTrace ?? -1 }}</span>
+        <span>Cold Log: </span>
+        <span class="mr-10">{{ settingsStore.configTTL.metrics?.coldLog ?? -1 }}</span>
+        <span>Cold Browser Error Log: </span>
+        <span>{{ settingsStore.configTTL.metrics?.coldBrowserErrorLog ?? -1 }}</span>
+      </div>
+    </div>
     <div class="flex-h item">
       <span class="label">{{ t("clusterNodes") }}</span>
       <div style="width: 80%">