新增对象存储/账单/保留IP页面,成本今天视图与样式收敛

src/components/logs/AiCallLogPanel.vue

@@ -5,6 +5,7 @@ import { computed, h, onMounted, reactive, ref } from 'vue'
 import { listAiCallLogs, listAiContentLogs } from '@/api/aigateway'
 import DetailFieldList, { type DetailRow } from '@/components/DetailFieldList.vue'
 import DetailHero, { type HeroChip } from '@/components/DetailHero.vue'
+import PanelHeader from '@/components/PanelHeader.vue'
 import StatusBadge from '@/components/StatusBadge.vue'
 import { useAutoRefresh } from '@/composables/useAutoRefresh'
 import { fmtTime } from '@/composables/useFormat'
@@ -194,10 +195,10 @@ const footerText = computed(() => {
 
 <template>
   <div class="panel">
-    <div class="border-b border-line-soft px-4.5 py-3">
-      <div class="text-sm font-semibold">AI 调用日志</div>
-      <div class="mt-0.5 text-xs text-ink-3">仅元数据与 token 用量,不记录对话内容;保留 90 天 / 5 万行 · 每 5 秒自动刷新</div>
-    </div>
+    <PanelHeader
+      title="AI 调用日志"
+      desc="仅元数据与 token 用量,不记录对话内容;保留 90 天 / 5 万行 · 每 5 秒自动刷新"
+    />
     <NDataTable
       remote
       :columns="columns"