dsh-recency-guard 0.16.0 → 0.17.0

package/dist/client.js

@@ -61,6 +61,8 @@ var zh_default = {
     emptyHint: "\u5B88\u62A4\u63D2\u4EF6\u5C1A\u672A\u8BB0\u5F55\u4EFB\u4F55\u542F\u52A8\u4E8B\u5B9E\u3002",
     snapshotAt: "\u5FEB\u7167\u65F6\u523B {time}",
     pollingOn: "\u6BCF {seconds} \u79D2\u8F6E\u8BE2",
+    pollingBackoff: "\u6570\u636E\u7A33\u5B9A\uFF0C\u5DF2\u653E\u6162\u5237\u65B0",
+    pollingHint: "\u95F4\u9694\u6309\u5185\u5BB9\u7A33\u5B9A\u6027\u81EA\u9002\u5E94\uFF083\u201330 \u79D2\uFF09\uFF1B\u6570\u636E\u7A33\u5B9A\u65F6\u653E\u6162\uFF0C\u53D8\u5316\u65F6\u7ACB\u523B\u56DE\u5230 5 \u79D2\u3002",
     pollingPaused: "\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF08\u753B\u9762\u505C\u5728\u6682\u505C\u65F6\u523B\uFF09",
     restore: "\u6062\u590D\u975E\u5ACC\u7591\u63D2\u4EF6",
     stale: "\u6570\u636E\u5DF2\u505C\u7559 {minutes} \u5206\u949F\uFF08\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF09",
@@ -98,6 +100,7 @@ var zh_default = {
     markov: "\u8F6C\u79FB\u77E9\u9635",
     dataflow: "\u6570\u636E\u6D41",
     diagnostics: "\u7CFB\u7EDF\u8BCA\u65AD",
+    preventive: "\u9884\u8B66\uFF08\u53EA\u89C2\u6D4B\uFF09",
     cooccurrence: "\u5171\u73B0\u9A8C\u8BC1",
     calibration: "\u8BEF\u4F24\u6821\u51C6",
     bayes: "\u8D1D\u53F6\u65AF\u8BFB\u6570"
@@ -224,6 +227,32 @@ var zh_default = {
       note: "\u5907\u6CE8"
     }
   },
+  preventive: {
+    title: "\u9884\u9632\u6027\u9884\u8B66",
+    hint: "\u53EA\u9884\u8B66\uFF0C\u4E0D\u884C\u52A8",
+    alertOnly: "\u53EA\u9884\u8B66\uFF0C\u4E0D\u5173\u95ED\u4EFB\u4F55\u63D2\u4EF6 \u2014\u2014 \u52A8\u4F5C\u4ECD\u8D70\u53D6\u8BC1\u6D41\u7A0B\uFF08RQ1/RQ2\uFF09\u3002",
+    unavailable: "\u8BE5\u89C6\u56FE\u4E0D\u63D0\u4F9B\u9884\u9632\u6027\u8BFB\u6570\uFF08\u4E0D\u53EF\u5F97 \u2260 \u4E00\u5207\u6B63\u5E38\uFF09\u3002",
+    loadTime: "\u542F\u52A8\u9891\u7387\uFF08\u52A0\u8F7D\u8017\u65F6\u4EE3\u7406\uFF09",
+    configChanges: "\u914D\u7F6E\u53D8\u66F4\u9891\u7387\uFF08CUSUM\uFF09",
+    current: "\u5F53\u524D\u6C34\u5E73",
+    baseline: "\u4E2D\u5FC3\u7EBF",
+    upper: "\u4E0A\u63A7\u5236\u9650\uFF08\u8D8A\u754C\u9884\u8B66\uFF09",
+    lower: "\u4E0B\u63A7\u5236\u9650\uFF08\u5BF9\u7167\uFF09",
+    sigma: "\u7A33\u5065 \u03C3\u0302",
+    samples: "\u6837\u672C\u6570",
+    perMinute: "\u6B21/\u5206\u949F",
+    statistic: "\u7EDF\u8BA1\u91CF S",
+    threshold: "\u5224\u5B9A\u9608\u503C h",
+    reference: "\u53C2\u8003\u503C k",
+    baselineGap: "\u57FA\u7EBF\u95F4\u9694",
+    intervals: "\u95F4\u9694\u6570",
+    breach: "\u6F02\u79FB\u5224\u5B9A",
+    noBreach: "\u672A\u8D8A\u754C",
+    breachAt: "\u7B2C {index} \u4E2A\u95F4\u9694\u9996\u6B21\u8D8A\u754C",
+    alertYes: "\u9884\u8B66\uFF1A\u8D8A\u754C",
+    alertNo: "\u672A\u8D8A\u754C",
+    source: "\u6765\u6E90\uFF1A{boots} \u6B21\u542F\u52A8 / {changes} \u6B21\u53D8\u66F4 \xB7 \u5355\u4F4D {units}"
+  },
   graphStruct: {
     title: "\u7ED3\u6784\u6D1E\u5BDF",
     hubs: "\u67A2\u7EBD",
@@ -479,6 +508,8 @@ var en_default = {
     emptyHint: "The guard has not recorded any startup facts yet.",
     snapshotAt: "Snapshot at {time}",
     pollingOn: "polling every {seconds}s",
+    pollingBackoff: "data is stable, refresh slowed down",
+    pollingHint: "The interval adapts to content stability (3\u201330s); slower when stable, back to 5s on change.",
     pollingPaused: "polling paused (the view is frozen at the pause moment)",
     restore: "Restore non-suspects",
     stale: "Data is {minutes} min old (polling paused)",
@@ -516,6 +547,7 @@ var en_default = {
     markov: "Transition matrix",
     dataflow: "Data flow",
     diagnostics: "Diagnostics",
+    preventive: "Warnings (observe only)",
     cooccurrence: "Co-occurrence",
     calibration: "False-positive calibration",
     bayes: "Bayesian reading"
@@ -642,6 +674,32 @@ var en_default = {
       note: "note"
     }
   },
+  preventive: {
+    title: "Preventive warnings",
+    hint: "warn only, never act",
+    alertOnly: "Warnings only \u2014 no plugin is ever disabled here; actions still go through evidence (RQ1/RQ2).",
+    unavailable: "This view does not provide preventive readings (unavailable \u2260 all clear).",
+    loadTime: "Startup frequency (load-time proxy)",
+    configChanges: "Config change frequency (CUSUM)",
+    current: "Current level",
+    baseline: "Centre line",
+    upper: "Upper control limit (alert)",
+    lower: "Lower control limit (reference)",
+    sigma: "Robust \u03C3\u0302",
+    samples: "Samples",
+    perMinute: "per minute",
+    statistic: "Statistic S",
+    threshold: "Threshold h",
+    reference: "Reference k",
+    baselineGap: "Baseline gap",
+    intervals: "Intervals",
+    breach: "Drift verdict",
+    noBreach: "not breached",
+    breachAt: "first breached at interval {index}",
+    alertYes: "Alert: breached",
+    alertNo: "not breached",
+    source: "Source: {boots} startups / {changes} changes \xB7 units {units}"
+  },
   graphStruct: {
     title: "Structure",
     hubs: "Hubs",
@@ -3044,6 +3102,96 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
 // src/client/panel/PanelCards.tsx
 var import_react3 = require("react");
 
+// src/client/panel/preventive-model.ts
+function finite2(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function percentOrValue(value, digits = 2) {
+  return finite2(value) ? value.toFixed(digits) : t("metrics.undefined");
+}
+function preMinute(value) {
+  return finite2(value) ? `${value.toFixed(2)} ${t("preventive.perMinute")}` : t("metrics.undefined");
+}
+function secondsOfMs(value, digits = 1) {
+  return finite2(value) ? `${(value / 1e3).toFixed(digits)} s` : t("metrics.undefined");
+}
+function usable(metric, required) {
+  return metric.defined === true && metric.value !== null && required(metric.value);
+}
+function preventiveSummary(snapshot) {
+  const note = t("preventive.alertOnly");
+  const preventive = snapshot.preventive;
+  if (preventive === null || preventive === void 0) {
+    return { available: false, reads: [], source: null, note, anyAlert: false };
+  }
+  const load = preventive.loadTime;
+  const loadDefined = usable(
+    load,
+    (value) => finite2(value.current) && finite2(value.baseline) && finite2(value.upper) && finite2(value.lower) && finite2(value.sigma) && finite2(value.ratio)
+  );
+  const loadRead = {
+    key: "loadTime",
+    title: t("preventive.loadTime"),
+    defined: loadDefined,
+    reason: loadDefined ? null : load.reason ?? t("metrics.valueUndefined"),
+    label: load.label,
+    samples: finite2(load.samples) ? load.samples : 0,
+    alert: loadDefined ? load.value.alert === true : false,
+    rows: loadDefined ? [
+      { key: "current", label: t("preventive.current"), value: preMinute(load.value.current) },
+      { key: "baseline", label: t("preventive.baseline"), value: preMinute(load.value.baseline) },
+      { key: "upper", label: t("preventive.upper"), value: preMinute(load.value.upper) },
+      { key: "lower", label: t("preventive.lower"), value: preMinute(load.value.lower) },
+      {
+        key: "sigma",
+        label: t("preventive.sigma"),
+        value: `${percentOrValue(load.value.sigma)} (${load.value.sigmaEstimator})`
+      },
+      { key: "samples", label: t("preventive.samples"), value: String(load.samples) }
+    ] : []
+  };
+  const config = preventive.configChanges;
+  const configDefined = usable(
+    config,
+    (value) => finite2(value.statistic) && finite2(value.threshold) && finite2(value.reference) && finite2(value.intervals) && finite2(value.baselineMs)
+  );
+  const configRead = {
+    key: "configChanges",
+    title: t("preventive.configChanges"),
+    defined: configDefined,
+    reason: configDefined ? null : config.reason ?? t("metrics.valueUndefined"),
+    label: config.label,
+    samples: finite2(config.samples) ? config.samples : 0,
+    alert: configDefined ? config.value.alert === true : false,
+    rows: configDefined ? [
+      { key: "statistic", label: t("preventive.statistic"), value: percentOrValue(config.value.statistic, 2) },
+      { key: "threshold", label: t("preventive.threshold"), value: percentOrValue(config.value.threshold, 2) },
+      { key: "reference", label: t("preventive.reference"), value: percentOrValue(config.value.reference, 2) },
+      { key: "baseline", label: t("preventive.baselineGap"), value: secondsOfMs(config.value.baselineMs) },
+      { key: "sigma", label: t("preventive.sigma"), value: secondsOfMs(config.value.sigmaMs) },
+      { key: "intervals", label: t("preventive.intervals"), value: String(config.value.intervals) },
+      {
+        key: "breach",
+        label: t("preventive.breach"),
+        value: config.value.breachIndex === null ? t("preventive.noBreach") : t("preventive.breachAt", { index: config.value.breachIndex })
+      }
+    ] : []
+  };
+  const source = preventive.source;
+  return {
+    available: true,
+    reads: [loadRead, configRead],
+    source: source === void 0 || source === null ? null : {
+      bootSamples: finite2(source.bootSamples) ? source.bootSamples : 0,
+      changeSamples: finite2(source.changeSamples) ? source.changeSamples : 0,
+      units: source.units,
+      note: source.note
+    },
+    note,
+    anyAlert: loadRead.alert || configRead.alert
+  };
+}
+
 // src/client/panel/panel-model.ts
 var STAGE_ORDER = ["idle", "monitoring", "crashed", "deciding", "stabilizing", "recovered"];
 function stageLabelOf(stage, fallback) {
@@ -3172,14 +3320,14 @@ function metricRows(snapshot) {
   const rows = [];
   const push = (key, label, metric, format, bar) => {
     const raw = metric.value;
-    const usable = metric.defined && raw !== null;
+    const usable2 = metric.defined && raw !== null;
     rows.push({
       key,
       label,
-      value: usable ? format(raw) : t("metrics.undefined"),
-      defined: usable,
-      reason: usable ? null : metric.reason ?? (metric.defined ? t("metrics.valueUndefined") : null),
-      bar: usable ? bar : null
+      value: usable2 ? format(raw) : t("metrics.undefined"),
+      defined: usable2,
+      reason: usable2 ? null : metric.reason ?? (metric.defined ? t("metrics.valueUndefined") : null),
+      bar: usable2 ? bar : null
     });
   };
   push("crashRate", t("metrics.crashRate"), metrics.crashRate, (value) => pctText(value), metrics.crashRate.value ?? null);
@@ -3864,6 +4012,34 @@ function CooccurrenceBody({ snapshot }) {
     ] })
   ] });
 }
+function PreventiveBody({ snapshot }) {
+  const summary = preventiveSummary(snapshot);
+  if (!summary.available) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-empty", children: t("preventive.unavailable") });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-notice rg-preventive-alertonly", children: summary.note }),
+    summary.reads.map((read) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "rg-preventive-read", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h4", { className: "rg-card-subtitle", children: [
+        read.title,
+        read.defined && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `rg-badge ${read.alert ? "rg-badge-warn" : "rg-badge-neutral"}`, children: read.alert ? t("preventive.alertYes") : t("preventive.alertNo") })
+      ] }),
+      read.defined ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-card-note", title: read.label, children: read.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dl", { className: "rg-dl rg-dl-compact", children: read.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "rg-dl-pair", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: row.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: row.value })
+        ] }, row.key)) })
+      ] }) : (
+        // 不可判定 ⇒ 只说原因；绝不渲染 0 值（也绝不显示「一切正常」）。
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-empty", children: read.reason ?? t("metrics.undefined") })
+      )
+    ] }, read.key)),
+    summary.source !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-card-note", title: summary.source.note, children: t("preventive.source", {
+      boots: summary.source.bootSamples,
+      changes: summary.source.changeSamples,
+      units: summary.source.units
+    }) })
+  ] });
+}
 function PartitionsBody({
   snapshot,
   selectedKey,
@@ -4287,9 +4463,105 @@ var PanelErrorBoundary = class extends import_react5.Component {
   }
 };
 
+// src/client/panel/poll-adaptive.ts
+var POLL_BASE_MS = 5e3;
+var POLL_MIN_MS = 3e3;
+var POLL_MAX_MS = 3e4;
+var POLL_BACKOFF_MULTIPLIER = 3;
+function positive(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function nextPollDelay(input) {
+  const base = positive(input.baseMs, POLL_BASE_MS);
+  let min = positive(input.minMs, POLL_MIN_MS);
+  let max = positive(input.maxMs, POLL_MAX_MS);
+  if (min > max) {
+    const swapped = min;
+    min = max;
+    max = swapped;
+  }
+  const clamp = (value) => Math.round(Math.min(max, Math.max(min, value)));
+  if (input.changed === true) return clamp(base);
+  const rounds = typeof input.sameRounds === "number" && Number.isFinite(input.sameRounds) && input.sameRounds > 0 ? Math.floor(input.sameRounds) : 0;
+  const cap = Math.min(max, base * POLL_BACKOFF_MULTIPLIER);
+  const raw = base * (1 + rounds);
+  return clamp(Number.isFinite(raw) ? Math.min(cap, raw) : cap);
+}
+function stableStringify(value) {
+  return canonicalize(value, /* @__PURE__ */ new Set());
+}
+function canonicalize(value, stack) {
+  if (value === null) return "null";
+  switch (typeof value) {
+    case "number":
+      return Number.isFinite(value) ? JSON.stringify(value) : "null";
+    case "string":
+      return JSON.stringify(value);
+    case "boolean":
+      return value ? "true" : "false";
+    case "bigint":
+      return JSON.stringify(`${value.toString()}n`);
+    case "undefined":
+    case "function":
+    case "symbol":
+      return "null";
+    default:
+      break;
+  }
+  if (Array.isArray(value)) {
+    if (stack.has(value)) return JSON.stringify("[Circular]");
+    stack.add(value);
+    const out = `[${value.map((entry) => canonicalize(entry, stack)).join(",")}]`;
+    stack.delete(value);
+    return out;
+  }
+  const object = value;
+  if (stack.has(object)) return JSON.stringify("[Circular]");
+  stack.add(object);
+  const parts = [];
+  for (const key of Object.keys(object).sort()) {
+    const entry = object[key];
+    if (entry === void 0 || typeof entry === "function" || typeof entry === "symbol") continue;
+    parts.push(`${JSON.stringify(key)}:${canonicalize(entry, stack)}`);
+  }
+  stack.delete(object);
+  return `{${parts.join(",")}}`;
+}
+function fnv1a32(text) {
+  let hash = 2166136261;
+  for (let index = 0; index < text.length; index += 1) {
+    hash ^= text.charCodeAt(index);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+var OMIT_TOP_LEVEL = /* @__PURE__ */ new Set(["at"]);
+var OMIT_DIAGNOSTIC_KEYS = /* @__PURE__ */ new Set(["snapshotMs"]);
+function stripVolatile(snapshot) {
+  if (snapshot === null || typeof snapshot !== "object" || Array.isArray(snapshot)) return snapshot;
+  const copy = { ...snapshot };
+  for (const key of OMIT_TOP_LEVEL) delete copy[key];
+  const diagnostics = copy.diagnostics;
+  if (diagnostics !== null && typeof diagnostics === "object" && !Array.isArray(diagnostics)) {
+    const cleaned = { ...diagnostics };
+    for (const key of OMIT_DIAGNOSTIC_KEYS) delete cleaned[key];
+    copy.diagnostics = cleaned;
+  }
+  return copy;
+}
+function snapshotFingerprint(snapshot) {
+  return fnv1a32(stableStringify(stripVolatile(snapshot))).toString(16).padStart(8, "0");
+}
+function graphFingerprint(graph) {
+  return fnv1a32(stableStringify(graph ?? null)).toString(16).padStart(8, "0");
+}
+function pollContentFingerprint(snapshot, graph) {
+  return `${snapshotFingerprint(snapshot)}|${graphFingerprint(graph)}`;
+}
+
 // src/client/panel/GuardPanel.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var POLL_INTERVAL = 5e3;
+var POLL_BASE = POLL_BASE_MS;
 var COLLAPSE_KEY = "recency-guard-collapsed";
 function loadCollapsed() {
   try {
@@ -4313,6 +4585,8 @@ function GuardPanel(props) {
   const [failure, setFailure] = (0, import_react6.useState)(null);
   const [busy, setBusy] = (0, import_react6.useState)(false);
   const [polling, setPolling] = (0, import_react6.useState)(true);
+  const [pollDelay, setPollDelay] = (0, import_react6.useState)(POLL_BASE);
+  const [stableRounds, setStableRounds] = (0, import_react6.useState)(0);
   const [collapsed, setCollapsed] = (0, import_react6.useState)(() => loadCollapsed());
   const [form, setForm] = (0, import_react6.useState)("wide");
   const [selectedNodeId, setSelectedNodeId] = (0, import_react6.useState)(null);
@@ -4323,6 +4597,8 @@ function GuardPanel(props) {
   const [conflictNotice, setConflictNotice] = (0, import_react6.useState)(false);
   const rootRef = (0, import_react6.useRef)(null);
   const mounted = (0, import_react6.useRef)(true);
+  const fingerprintRef = (0, import_react6.useRef)(null);
+  const sameRoundsRef = (0, import_react6.useRef)(0);
   const load = (0, import_react6.useCallback)(
     async (partitionKey) => {
       const [snapshotResult, graphResult, archivesResult] = await Promise.all([
@@ -4332,7 +4608,7 @@ function GuardPanel(props) {
         // 面板据此隐藏归档卡片 —— 不假装「归档为空」。
         props.fetchArchives ? props.fetchArchives(partitionKey ?? void 0) : Promise.resolve({ ok: false, reason: "archives-absent" })
       ]);
-      if (!mounted.current) return;
+      if (!mounted.current) return { changed: true, sameRounds: 0 };
       if (snapshotResult.ok) {
         setSnapshot(snapshotResult.data);
         setFailure(null);
@@ -4351,21 +4627,50 @@ function GuardPanel(props) {
           archivesInjected: props.fetchArchives !== void 0
         })
       );
+      if (!snapshotResult.ok) {
+        sameRoundsRef.current = 0;
+        return { changed: true, sameRounds: 0 };
+      }
+      const fingerprint = pollContentFingerprint(
+        snapshotResult.data,
+        graphResult.ok ? graphResult.data : null
+      );
+      const previous = fingerprintRef.current;
+      const changed = previous === null || previous !== fingerprint;
+      const sameRounds = changed ? 0 : Math.min(sameRoundsRef.current + 1, 999);
+      fingerprintRef.current = fingerprint;
+      sameRoundsRef.current = sameRounds;
+      return { changed, sameRounds };
     },
     [props.fetchSnapshot, props.fetchGraph, props.fetchArchives]
   );
   (0, import_react6.useEffect)(() => {
     mounted.current = true;
-    void load(requestedKey);
-    if (!polling) {
-      return () => {
-        mounted.current = false;
-      };
-    }
-    const timer = setInterval(() => void load(requestedKey), POLL_INTERVAL);
+    let cancelled = false;
+    let timer = null;
+    const afterLoad = (outcome) => {
+      if (cancelled) return;
+      const delay = nextPollDelay({
+        sameRounds: outcome.sameRounds,
+        changed: outcome.changed,
+        baseMs: POLL_BASE
+      });
+      setPollDelay(delay);
+      setStableRounds(outcome.sameRounds);
+      if (!polling) return;
+      timer = setTimeout(() => {
+        void run();
+      }, delay);
+    };
+    const run = async () => {
+      const outcome = await load(requestedKey);
+      afterLoad(outcome);
+    };
+    void run();
     return () => {
+      cancelled = true;
+      if (timer !== null) clearTimeout(timer);
       mounted.current = false;
-      clearInterval(timer);
     };
   }, [load, polling, requestedKey]);
   (0, import_react6.useEffect)(() => {
@@ -4455,6 +4760,13 @@ function GuardPanel(props) {
         currentPartition && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "rg-subtitle rg-partition-workspace-full", title: currentPartition.workspace, children: shortenPath(currentPartition.workspace, 72) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rg-actions", children: [
+        polling && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "rg-poll-chip", role: "status", title: t("panel.pollingHint"), children: [
+          t("panel.pollingOn", { seconds: Math.max(1, Math.round(pollDelay / 1e3)) }),
+          stableRounds > 0 && pollDelay > POLL_BASE && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            " \xB7 ",
+            t("panel.pollingBackoff")
+          ] })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
@@ -4623,6 +4935,17 @@ function GuardPanel(props) {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "rg-group-title", children: t("groups.observation") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Card,
+          {
+            id: "preventive",
+            title: t("sections.preventive"),
+            hint: t("preventive.hint"),
+            collapsed: collapsed.has("preventive"),
+            onToggle: () => toggleCollapse("preventive"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreventiveBody, { snapshot })
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Card,
           {
@@ -4734,7 +5057,13 @@ function GuardPanel(props) {
       failure !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "rg-error", role: "alert", children: failure }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { className: "rg-foot", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: t("panel.snapshotAt", { time: snapshot.at.replace("T", " ").slice(0, 19) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: polling ? t("panel.pollingOn", { seconds: POLL_INTERVAL / 1e3 }) : t("panel.stale", { minutes: staleMinutes }) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          polling ? t("panel.pollingOn", { seconds: Math.max(1, Math.round(pollDelay / 1e3)) }) : t("panel.stale", { minutes: staleMinutes }),
+          polling && stableRounds > 0 && pollDelay > POLL_BASE && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            " \xB7 ",
+            t("panel.pollingBackoff")
+          ] })
+        ] })
       ] })
     ] }) })
   ] });
@@ -5251,12 +5580,26 @@ var GRAPH_CSS = `
   flex: 0 0 auto;
 }
 
-/* \u6570\u636E\u6D41\u5361\uFF1A4 \u4E2A\u6B65\u9AA4\u5FC5\u987B\u5B8C\u6574\u53EF\u8BFB\uFF08\u771F\u673A\u7B2C 4 \u6B65\u88AB\u88C1\u6389\u4E00\u534A\uFF09\u3002
-   \u5361\u7247 body \u7684\u9ED8\u8BA4\u9650\u9AD8\u662F\u7ED9\u957F\u6E05\u5355\u7528\u7684\uFF1B\u6570\u636E\u6D41\u662F\u56FA\u5B9A 4 \u884C\uFF0C\u6309\u5185\u5BB9\u4F38\u5C55
-   \uFF08\u4ECD\u7559 max-height \u515C\u5E95\uFF0C\u8D85\u51FA\u65F6\u5185\u90E8\u6EDA\u52A8\u662F\u663E\u5F0F\u7684\uFF09\u3002 */
-.rg-card-body:has(.rg-dataflow) {
+/* \u8F6E\u8BE2\u95F4\u9694\u5FBD\u6807\uFF08\u64CD\u4F5C\u533A\uFF09\uFF1A\u6BD4\u6309\u94AE\u5F31\u3001\u4F46\u4E0D\u7528\u6EDA\u5230\u9875\u811A\u5C31\u80FD\u8BFB\u5230\u3002 */
+.rg-poll-chip {
+  align-self: center;
+  padding: 2px 8px;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: var(--dsw-radius-full, 999px);
+  font-size: var(--dsw-font-xxxs-11, 11px);
+  color: var(--dsw-alias-label-secondary);
+  white-space: nowrap;
+}
+
+/* \u6570\u636E\u6D41 / \u9884\u8B66\u5361\uFF1A\u5185\u5BB9\u5FC5\u987B\u5B8C\u6574\u53EF\u8BFB\uFF08v0.16 \u6570\u636E\u6D41\u7B2C 4 \u6B65\u3001v0.17 \u9884\u8B66\u5361
+   CUSUM \u8BF4\u660E\u884C\u4E24\u6B21\u88AB\u56FA\u5B9A 240px body \u88C1\u6389\uFF09\u3002\u8FD9\u4E24\u5F20\u5361\u5185\u5BB9\u957F\u5EA6\u6709\u9650\u4E14\u7528\u6237
+   \u5FC5\u987B\u8BFB\u5168\uFF0C\u56E0\u6B64\u6309\u5185\u5BB9\u4F38\u5C55\uFF1B\u4ECD\u4FDD\u7559 max-height + **\u663E\u5F0F** overflow-y:auto
+   \uFF08\u8D85\u51FA\u65F6\u6EDA\u52A8\u6761\u53EF\u89C1\uFF0C\u4E0D\u662F\u9759\u9ED8\u88C1\u5207\uFF09\u3002 */
+.rg-card-body:has(.rg-dataflow),
+.rg-card[data-card-id='preventive'] .rg-card-body {
   height: auto;
-  max-height: 320px;
+  max-height: 360px;
+  overflow-y: auto;
 }
 
 /* \u51CF\u5C11\u52A8\u6001\u6548\u679C\uFF1A\u8282\u70B9\u62D6\u52A8\u3001\u5E03\u5C40\u8FC7\u6E21\u4E0E\u56FE\u4F8B\u90FD\u4E0D\u5F97\u64AD\u653E\u52A8\u753B\u3002 */