fix(alerts,analysis,dashboard): 阈值再上调 + 告警风暴全局闸门；修 subtitle/门控/饼图 Top5

=== 1. 告警阈值第二轮上调（500~5000 这一档仍然太敏感）=== 实测业务高峰期这些量级就是常态，阈值贴着基线等于"每天准点报警"：应用错误激增 50000 → 100000（冷却 120m → 240m） ingress 5xx 500 → 2000 （冷却 240m） ingress 4xx 5000 → 20000 （冷却 240m）数据库连接失败 200 → 1000 （冷却 240m）迁移 v7→v8，只改"仍等于旧默认值"的规则，用户手动调过的不动。 === 2. 告警风暴抑制：新增全局闸门 === 单条规则的 cooldown 只能防"同一条重复"，挡不住"多条规则同时炸"。实际踩过：一次存储抖动让 8 条内置规则同时命中，10 秒内群里刷了 8 条，之后大家开始无视这个群 —— 告警疲劳比漏报更难挽回。新增 overStormLimit()：最近 1 小时内全平台成功发送数 ≥ 12 条时，后续命中不再发送，只写一条状态为 cooldown 的发送记录并注明 "告警风暴抑制：最近 1 小时已发送 N 条（上限 12）"，可见可追溯。 === 3. 分析页 subtitle 仍是裸 key === 中文语言包缺顶层 subtitle（英文包有），i18next 找不到就把 key 原样输出。补齐：「按应用与命名空间看日志量、错误与趋势，找出最吵的业务」。 === 4. 分析页三条"没有应用维度的数据"的真正原因 === 「活跃应用」「应用日志量 Top 5」「应用日志量流图」都依赖 by-app 重查询，而这条查询被**底部排行卡片的可见性**门控（rankingEnabled: rankingView.inView）—— 用户不滚到底就永远不发请求，于是顶部三块永远是空的。改为进页面就发（两阶段渲染：索引类指标先出，app 维度到货后补）。懒加载只保留在真正位于底部的「每日日志量」「Ingress 分析」。 === 5. 饼图改 Top 5 + 文案 === 用户要求：应用日志量 Top 5 用饼图。TOP_SLICES 8 → 5，标题改「应用日志量 Top 5」，副标题写明"其余归入其他"。 === 6. 卡片顺序 === 「每日日志量」从中间移到「应用排行」之后（更靠底部，慢慢加载）。 === 7. 仪表盘 === 整个「平台自检」卡片（含所有指标行）按用户要求移除。 === 实测（2e8c88817b6a）=== v8 迁移：4 条规则阈值上调，日志齐全当前阈值：FATAL>10 / panic>10 / OOM>5 / StackOverflow>5 / 应用错误>100000 / ingress 5xx>2000 / 4xx>20000 / DB 连接>1000 冷却：低频规则 120m，高频规则 240m
2026-10-28 23:43:14 +00:00
1 parent fbefcc86df
commit 607b67a2ed
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { chartColors, compactNumber } from './chart-shared'
 import { EmptyChart } from './EmptyChart'

-const TOP_SLICES = 8
+const TOP_SLICES = 5

 /** 命名空间分布环形饼图 + 侧边图例(超过 8 个归并「其他」) */
 export const NamespacePie = memo(function NamespacePie({ shares }: { shares: Array<{ name: string; count: number }> }) {
@@ -123,12 +123,15 @@ const AnalysisPage = memo(function AnalysisPage() {
  const dailyView = useInView<HTMLDivElement>()
  const rankingView = useInView<HTMLDivElement>()
  const ingressView = useInView<HTMLDivElement>()
+  // ⚠️ 不门控这条查询：顶部的「活跃应用」「应用日志量分布」「应用日志量流图」
+  // 都依赖 by-app 数据，而它原来被底部排行卡片的可见性门控 ——
+  // 用户不滚到底就永远拿不到数据，表现为"三条都没有应用维度的数据"。
+  // 现在进页面就发，页面用两阶段渲染：索引类指标先出，app 维度到货后补。
  const { data, loading, error, appLabel, refresh } = useAnalysisMetrics({
    sourceId: effectiveSourceId,
    start,
    end,
    namespace: scopedNamespace,
-    rankingEnabled: rankingView.inView,
  })
  // 每日统计固定近 7 天,不随上方时间范围变化;错误就地展示,不影响主区
  // 每日量可看范围：7 / 30 / 90 / 365 天（数据来自平台留存历史）
@@ -253,31 +256,6 @@ const AnalysisPage = memo(function AnalysisPage() {
            <CardContent><AppStreamChart apps={data.apps} appTimes={data.appTimes} /></CardContent>
          </Card>

-          <div ref={dailyView.ref}>
-          <Card>
-            <CardHeader className="pb-3">
-              <div className="flex flex-wrap items-center gap-2">
-                <CardTitle className="text-base">{t('daily.title')}</CardTitle>
-                <span className="rounded-full bg-success/10 px-2 py-0.5 text-[11px] font-medium text-success">{t('daily.badge')}</span>
-              </div>
-              <p className="text-xs text-muted-foreground">{t('daily.subtitle')}</p>
-            </CardHeader>
-            <CardContent>
-              {daily.error ? (
-                <ErrorState message={daily.error} onRetry={daily.refresh} />
-              ) : daily.loading && !daily.data ? (
-                <LoadingSpinner className="h-40" />
-              ) : (
-                <DailyVolumeChart
-                  points={daily.data?.points ?? []}
-                  days={dailyDays}
-                  onDaysChange={setDailyDays}
-                />
-              )}
-            </CardContent>
-          </Card>
-          </div>
-
          <div ref={rankingView.ref}>
          <Card>
            <CardHeader className="pb-3">
@@ -307,6 +285,31 @@ const AnalysisPage = memo(function AnalysisPage() {
          </Card>
          </div>

+          <div ref={dailyView.ref}>
+          <Card>
+            <CardHeader className="pb-3">
+              <div className="flex flex-wrap items-center gap-2">
+                <CardTitle className="text-base">{t('daily.title')}</CardTitle>
+                <span className="rounded-full bg-success/10 px-2 py-0.5 text-[11px] font-medium text-success">{t('daily.badge')}</span>
+              </div>
+              <p className="text-xs text-muted-foreground">{t('daily.subtitle')}</p>
+            </CardHeader>
+            <CardContent>
+              {daily.error ? (
+                <ErrorState message={daily.error} onRetry={daily.refresh} />
+              ) : daily.loading && !daily.data ? (
+                <LoadingSpinner className="h-40" />
+              ) : (
+                <DailyVolumeChart
+                  points={daily.data?.points ?? []}
+                  days={dailyDays}
+                  onDaysChange={setDailyDays}
+                />
+              )}
+            </CardContent>
+          </Card>
+          </div>
+
          {/* Ingress 分析要按 host/status 做多次聚组查询，最后加载 */}
          <div ref={ingressView.ref as React.Ref<HTMLDivElement>}>
            {ingressView.inView && <IngressAnalysisSection sourceId={sourceId} start={start} end={end} />}
@@ -12,7 +12,6 @@ import { ErrorState } from '@/components/ErrorState'
 import { useDashboardStats } from './hooks/useDashboardStats'
 import { StatCard } from '@/components/StatCard'
 import { RecentDeploymentsCard } from './components/RecentDeploymentsCard'
-import { SelfCheckCard } from './components/SelfCheckCard'
 import { ResourceListCard } from './components/ResourceListCard'
 import type { DashboardStats } from '@/types'

@@ -123,9 +122,6 @@ const DashboardPage = memo(function DashboardPage() {
        </Card>
      )}

-      {/* 一键自检：把「哪里坏了」的判断收敛到仪表盘首屏 */}
-      <SelfCheckCard />
-
      {/* Stats Cards */}
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
        {statCards}