@peterwangze/claude-trigger-router 1.7.0 → 1.9.0

package/dist/cli.js

@@ -2541,6 +2541,22 @@ function createGovernanceTrace(input3 = {}) {
     finalModel: input3.finalModel,
     routeReason: input3.routeReason ? [...input3.routeReason] : [],
     routeDecision: input3.routeDecision ? { ...input3.routeDecision } : void 0,
+    handoffSummary: input3.handoffSummary ? {
+      ...input3.handoffSummary,
+      stages: input3.handoffSummary.stages.map((stage) => ({ ...stage }))
+    } : void 0,
+    inputGuardrail: input3.inputGuardrail ? {
+      ...input3.inputGuardrail,
+      findings: input3.inputGuardrail.findings.map((finding) => ({ ...finding }))
+    } : void 0,
+    outputGuardrail: input3.outputGuardrail ? {
+      ...input3.outputGuardrail,
+      findings: input3.outputGuardrail.findings.map((finding) => ({ ...finding }))
+    } : void 0,
+    spans: input3.spans ? input3.spans.map((span) => ({
+      ...span,
+      attributes: span.attributes ? { ...span.attributes } : void 0
+    })) : void 0,
     stickyHit: input3.stickyHit ?? false,
     alignmentUsed: input3.alignmentUsed ?? false,
     semanticIntent: input3.semanticIntent,
@@ -2549,6 +2565,10 @@ function createGovernanceTrace(input3 = {}) {
     cascadeNextModel: input3.cascadeNextModel,
     shadowChecked: input3.shadowChecked ?? false,
     verificationResult: input3.verificationResult,
+    modelPoolFallbackTriggered: input3.modelPoolFallbackTriggered,
+    modelPoolFallbackFromEndpoint: input3.modelPoolFallbackFromEndpoint,
+    modelPoolFallbackNextEndpoint: input3.modelPoolFallbackNextEndpoint,
+    modelPoolFallbackEvidence: input3.modelPoolFallbackEvidence,
     latencyMs: input3.latencyMs,
     estimatedCost: input3.estimatedCost,
     startedAt: input3.startedAt ?? Date.now(),
@@ -2571,6 +2591,74 @@ function finalizeTrace(trace, overrides = {}) {
     latencyMs: overrides.latencyMs ?? Math.max(0, completedAt - trace.startedAt)
   };
 }
+function summarizeRouteHandoffTrace(trace, pipelineEntries = []) {
+  const finalModel = trace.finalModel ?? trace.routeDecision?.model;
+  const switched = Boolean(trace.initialModel && finalModel && trace.initialModel !== finalModel);
+  const blocked = pipelineEntries.some((entry) => entry.status === "failed") || trace.routeReason.includes("context_window_exceeded") || Boolean(trace.cascadeTriggered);
+  const stages = pipelineEntries.map((entry) => ({
+    stage: entry.stage,
+    status: entry.status
+  }));
+  const completedStages = stages.filter((entry) => entry.status === "completed").map((entry) => entry.stage);
+  const lastStage = stages.at(-1);
+  const stageText = completedStages.length ? completedStages.join(" -> ") : lastStage ? `${lastStage.stage}:${lastStage.status}` : "trace-only";
+  const modelText = trace.initialModel && finalModel ? switched ? `${trace.initialModel} -> ${finalModel}` : `${finalModel}` : finalModel ?? trace.initialModel ?? "unknown model";
+  const headline = blocked ? `Route handoff needs review for ${modelText}; pipeline reached ${stageText}.` : `Route handoff completed for ${modelText}; pipeline reached ${stageText}.`;
+  const action = blocked ? "Review failed pipeline stages, context guard, cascade, or fallback evidence before widening this route." : switched ? "Compare continuity and latency before making this switching path broader." : "No handoff action needed unless this route should intentionally switch models.";
+  return {
+    headline,
+    stages,
+    initialModel: trace.initialModel,
+    finalModel,
+    switched,
+    blocked,
+    action
+  };
+}
+function buildTraceSpansFromPipeline(trace, pipelineEntries = []) {
+  const spans = pipelineEntries.map((entry, index) => {
+    const next = pipelineEntries[index + 1];
+    const startOffsetMs = typeof entry.at === "number" ? Math.max(0, entry.at - trace.startedAt) : void 0;
+    const durationMs = typeof entry.at === "number" && typeof next?.at === "number" ? Math.max(0, next.at - entry.at) : void 0;
+    return {
+      name: entry.stage,
+      status: entry.status,
+      ...startOffsetMs !== void 0 ? { startOffsetMs } : {},
+      ...durationMs !== void 0 ? { durationMs } : {},
+      ...entry.detail ? { attributes: { ...entry.detail } } : {}
+    };
+  });
+  if (trace.modelPoolFallbackTriggered || trace.routeReason.some((reason) => reason.startsWith("model_pool_fallback"))) {
+    spans.push({
+      name: "model_pool_fallback",
+      status: trace.routeReason.includes("model_pool_fallback_failed") ? "failed" : "completed",
+      attributes: {
+        fromEndpoint: trace.modelPoolFallbackFromEndpoint,
+        nextEndpoint: trace.modelPoolFallbackNextEndpoint,
+        evidence: trace.modelPoolFallbackEvidence
+      }
+    });
+  }
+  if (trace.inputGuardrail?.findings.length) {
+    spans.push({
+      name: "input_guardrail",
+      status: trace.inputGuardrail.status,
+      attributes: {
+        findings: trace.inputGuardrail.findings.map((finding) => finding.code)
+      }
+    });
+  }
+  if (trace.outputGuardrail?.findings.length) {
+    spans.push({
+      name: "output_guardrail",
+      status: trace.outputGuardrail.status,
+      attributes: {
+        findings: trace.outputGuardrail.findings.map((finding) => finding.code)
+      }
+    });
+  }
+  return spans;
+}
 function recordGovernanceTrace(trace) {
   governanceTraceStore.add(trace);
   return trace;
@@ -3798,6 +3886,106 @@ If no issue is found, return:
   }
 });
 
+// src/runtime/pipeline.ts
+function isRuntimeModelCallPath(url) {
+  const path = String(url ?? "").split("?")[0];
+  return path === "/v1/messages" || path === "/v1/chat/completions";
+}
+function recordRuntimePipelineStage(req, stage, status, detail) {
+  const entry = {
+    stage,
+    status,
+    at: Date.now(),
+    ...detail ? { detail } : {}
+  };
+  req.runtimePipeline = Array.isArray(req.runtimePipeline) ? req.runtimePipeline : [];
+  req.runtimePipeline.push(entry);
+  return entry;
+}
+function getRuntimePipeline(req) {
+  return Array.isArray(req?.runtimePipeline) ? req.runtimePipeline : [];
+}
+var init_pipeline = __esm({
+  "src/runtime/pipeline.ts"() {
+    "use strict";
+  }
+});
+
+// src/governance/io-guardrail.ts
+function report(findings) {
+  return {
+    status: findings.some((item) => item.severity === "critical") ? "critical" : findings.some((item) => item.severity === "warn") ? "watch" : "ok",
+    findings
+  };
+}
+function extractText2(value) {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map(extractText2).join("\n");
+  }
+  if (value && typeof value === "object") {
+    if (typeof value.text === "string") {
+      return value.text;
+    }
+    if (typeof value.content === "string" || Array.isArray(value.content)) {
+      return extractText2(value.content);
+    }
+  }
+  return "";
+}
+function inspectInputGuardrail(body) {
+  const text = extractText2(body?.messages).toLowerCase();
+  const findings = [];
+  if (/ignore (all )?(previous|prior) (instructions|system)/i.test(text)) {
+    findings.push({
+      code: "prompt_injection_instruction_override",
+      severity: "warn",
+      message: "Input asks the model to ignore prior or system instructions."
+    });
+  }
+  if (/(api key|secret|token).{0,40}(print|show|exfiltrate|reveal|dump)|(print|show|exfiltrate|reveal|dump).{0,40}(api key|secret|token)/i.test(text)) {
+    findings.push({
+      code: "secret_exfiltration_request",
+      severity: "critical",
+      message: "Input appears to request secret or token disclosure."
+    });
+  }
+  return report(findings);
+}
+function inspectOutputGuardrail(payload) {
+  const text = extractText2(payload).toLowerCase();
+  const findings = [];
+  if (/\b(todo|placeholder|\.\.\.rest of code)\b/i.test(text)) {
+    findings.push({
+      code: "placeholder_output",
+      severity: "warn",
+      message: "Output appears to contain placeholder text."
+    });
+  }
+  if (/\banalyzeimage error\b|\btool error\b|\btool execution error\b/i.test(text)) {
+    findings.push({
+      code: "tool_result_error",
+      severity: "warn",
+      message: "Output or tool result indicates a tool execution failure."
+    });
+  }
+  if (/\bi cannot\b|\bi can't\b|\bnot able to\b/i.test(text)) {
+    findings.push({
+      code: "refusal_or_incomplete_output",
+      severity: "info",
+      message: "Output may be a refusal or incomplete response."
+    });
+  }
+  return report(findings);
+}
+var init_io_guardrail = __esm({
+  "src/governance/io-guardrail.ts"() {
+    "use strict";
+  }
+});
+
 // src/governance/response-governance.ts
 function hasUpstreamError(payload) {
   return Boolean(payload && typeof payload === "object" && payload.error);
@@ -4016,6 +4204,19 @@ async function applyResponseGovernance({
     }
   }
   if (req.governanceTrace) {
+    const outputGuardrail = inspectOutputGuardrail(nextPayload);
+    req.governanceTrace.outputGuardrail = outputGuardrail;
+    for (const finding of outputGuardrail.findings) {
+      appendTraceReason(req.governanceTrace, `output_guardrail:${finding.code}`);
+    }
+    req.governanceTrace.handoffSummary = summarizeRouteHandoffTrace(
+      req.governanceTrace,
+      getRuntimePipeline(req)
+    );
+    req.governanceTrace.spans = buildTraceSpansFromPipeline(
+      req.governanceTrace,
+      getRuntimePipeline(req)
+    );
     req.governanceTrace = finalizeTrace(req.governanceTrace, {
       finalModel: req.body?.model ?? req.governanceTrace.finalModel
     });
@@ -4041,6 +4242,8 @@ var init_response_governance = __esm({
     init_compile();
     init_api_keys();
     init_pool_health();
+    init_pipeline();
+    init_io_guardrail();
   }
 });
 
@@ -4234,6 +4437,19 @@ function governStreamingResponse(stream, req, config, servicePort, deps) {
           sessionUsageCache.put(req.sessionId, selected.usage);
         }
         if (req.governanceTrace) {
+          const outputGuardrail = inspectOutputGuardrail(selected.text);
+          req.governanceTrace.outputGuardrail = outputGuardrail;
+          for (const finding of outputGuardrail.findings) {
+            appendTraceReason(req.governanceTrace, `output_guardrail:${finding.code}`);
+          }
+          req.governanceTrace.handoffSummary = summarizeRouteHandoffTrace(
+            req.governanceTrace,
+            getRuntimePipeline(req)
+          );
+          req.governanceTrace.spans = buildTraceSpansFromPipeline(
+            req.governanceTrace,
+            getRuntimePipeline(req)
+          );
           req.governanceTrace = finalizeTrace(req.governanceTrace, {
             finalModel: req.body?.model ?? req.governanceTrace.finalModel
           });
@@ -4253,6 +4469,8 @@ var init_stream_response_governance = __esm({
     init_trace();
     init_cascade_gate();
     init_compile();
+    init_pipeline();
+    init_io_guardrail();
   }
 });
 
@@ -5107,74 +5325,74 @@ function getGovernanceMetricsReport(options = {}) {
     })
   };
 }
-function exportGovernanceMetricsReport(report, format = "json") {
+function exportGovernanceMetricsReport(report2, format = "json") {
   if (format === "json") {
-    return JSON.stringify(report, null, 2);
+    return JSON.stringify(report2, null, 2);
   }
   const lines = [
     "section,key,value",
-    `summary,totalTraces,${report.metrics.totalTraces}`,
-    `summary,stickyHitRate,${report.metrics.stickyHitRate}`,
-    `summary,cascadeTriggeredRate,${report.metrics.cascadeTriggeredRate}`,
-    `summary,shadowCheckedRate,${report.metrics.shadowCheckedRate}`,
-    `summary,alignmentUsedRate,${report.metrics.alignmentUsedRate}`,
-    `summary,averageLatencyMs,${report.metrics.averageLatencyMs}`,
-    `summary,averageEstimatedCost,${report.metrics.averageEstimatedCost}`,
-    `outcome,routedRate,${report.outcome.routedRate}`,
-    `outcome,modelSwitchRate,${report.outcome.modelSwitchRate}`,
-    `outcome,alignmentOnSwitchRate,${report.outcome.alignmentOnSwitchRate}`,
-    `outcome,cascadeAfterSwitchRate,${report.outcome.cascadeAfterSwitchRate}`,
-    `outcome,contextWindowFallbackRate,${report.outcome.contextWindowFallbackRate}`,
-    `outcome,contextWindowExceededRate,${report.outcome.contextWindowExceededRate}`
+    `summary,totalTraces,${report2.metrics.totalTraces}`,
+    `summary,stickyHitRate,${report2.metrics.stickyHitRate}`,
+    `summary,cascadeTriggeredRate,${report2.metrics.cascadeTriggeredRate}`,
+    `summary,shadowCheckedRate,${report2.metrics.shadowCheckedRate}`,
+    `summary,alignmentUsedRate,${report2.metrics.alignmentUsedRate}`,
+    `summary,averageLatencyMs,${report2.metrics.averageLatencyMs}`,
+    `summary,averageEstimatedCost,${report2.metrics.averageEstimatedCost}`,
+    `outcome,routedRate,${report2.outcome.routedRate}`,
+    `outcome,modelSwitchRate,${report2.outcome.modelSwitchRate}`,
+    `outcome,alignmentOnSwitchRate,${report2.outcome.alignmentOnSwitchRate}`,
+    `outcome,cascadeAfterSwitchRate,${report2.outcome.cascadeAfterSwitchRate}`,
+    `outcome,contextWindowFallbackRate,${report2.outcome.contextWindowFallbackRate}`,
+    `outcome,contextWindowExceededRate,${report2.outcome.contextWindowExceededRate}`
   ];
-  if (report.health) {
-    lines.push(`summary,healthStatus,${report.health.status}`);
-    lines.push(`summary,healthMessage,${report.health.message}`);
-    for (const item of report.health.routingTuning ?? []) {
+  if (report2.health) {
+    lines.push(`summary,healthStatus,${report2.health.status}`);
+    lines.push(`summary,healthMessage,${report2.health.message}`);
+    for (const item of report2.health.routingTuning ?? []) {
       lines.push(`routingTuning,${item.code},${item.severity}:${item.evidence}`);
     }
   }
-  if (report.qualityEvidence) {
-    lines.push(`qualityEvidence,totalSamples,${report.qualityEvidence.totalSamples}`);
-    lines.push(`qualityEvidence,failureSamples,${report.qualityEvidence.failureSamples}`);
-    lines.push(`qualityEvidence,improvementSamples,${report.qualityEvidence.improvementSamples}`);
-    lines.push(`qualityEvidence,speedRiskSamples,${report.qualityEvidence.speedRiskSamples}`);
-    for (const item of report.qualityEvidence.samples) {
+  if (report2.qualityEvidence) {
+    lines.push(`qualityEvidence,totalSamples,${report2.qualityEvidence.totalSamples}`);
+    lines.push(`qualityEvidence,failureSamples,${report2.qualityEvidence.failureSamples}`);
+    lines.push(`qualityEvidence,improvementSamples,${report2.qualityEvidence.improvementSamples}`);
+    lines.push(`qualityEvidence,speedRiskSamples,${report2.qualityEvidence.speedRiskSamples}`);
+    for (const item of report2.qualityEvidence.samples) {
       lines.push(`qualityEvidenceSample,${item.type},${item.severity}:${item.requestId}:${compactCsvEvidence(item.evidence)}`);
     }
   }
-  if (report.taskComparison) {
-    lines.push(`taskComparison,totalComparedTasks,${report.taskComparison.totalComparedTasks}`);
-    lines.push(`taskComparison,totalComparedTraces,${report.taskComparison.totalComparedTraces}`);
-    for (const item of report.taskComparison.comparisons) {
+  if (report2.taskComparison) {
+    lines.push(`taskComparison,totalComparedTasks,${report2.taskComparison.totalComparedTasks}`);
+    lines.push(`taskComparison,totalComparedTraces,${report2.taskComparison.totalComparedTraces}`);
+    for (const item of report2.taskComparison.comparisons) {
       lines.push(`taskComparisonSample,${compactCsvEvidence(item.taskKey)},best=${compactCsvEvidence(item.bestModel)}:baseline=${compactCsvEvidence(item.baselineModel)}:failureRateDelta=${item.failureRateDelta}:latencyDeltaMs=${item.latencyDeltaMs}`);
     }
   }
-  for (const anomaly of report.anomalies) {
+  for (const anomaly of report2.anomalies) {
     lines.push(`anomaly,${anomaly.type},${anomaly.severity}:${anomaly.value}`);
   }
-  for (const item of report.topRouteReasons) {
+  for (const item of report2.topRouteReasons) {
     lines.push(`topRouteReason,${item.key},${item.count}:${item.rate}`);
   }
-  for (const item of report.topFinalModels) {
+  for (const item of report2.topFinalModels) {
     lines.push(`topFinalModel,${item.key},${item.count}:${item.rate}`);
   }
-  for (const item of report.topSemanticIntents) {
+  for (const item of report2.topSemanticIntents) {
     lines.push(`topSemanticIntent,${item.key},${item.count}:${item.rate}`);
   }
-  for (const item of report.outcome.topModelSwitches) {
+  for (const item of report2.outcome.topModelSwitches) {
     lines.push(`topModelSwitch,${item.key},${item.count}:${item.rate}`);
   }
-  for (const item of report.outcome.byRouteReason) {
+  for (const item of report2.outcome.byRouteReason) {
     lines.push(`outcomeByRouteReason,${item.key},${item.totalTraces}:${item.modelSwitchRate}:${item.averageLatencyMs}`);
   }
-  for (const item of report.outcome.byFinalModel) {
+  for (const item of report2.outcome.byFinalModel) {
     lines.push(`outcomeByFinalModel,${item.key},${item.totalTraces}:${item.modelSwitchRate}:${item.averageLatencyMs}`);
   }
-  for (const item of report.outcome.bySemanticIntent) {
+  for (const item of report2.outcome.bySemanticIntent) {
     lines.push(`outcomeBySemanticIntent,${item.key},${item.totalTraces}:${item.modelSwitchRate}:${item.averageLatencyMs}`);
   }
-  for (const bucket of report.buckets) {
+  for (const bucket of report2.buckets) {
     lines.push(
       `bucket,${bucket.label},${[
         bucket.metrics.totalTraces,
@@ -5239,8 +5457,8 @@ var init_metrics_export = __esm({
         return Array.from(this.schedules.values()).map((item) => ({ ...item.meta })).sort((left, right) => right.createdAt - left.createdAt);
       }
       createSnapshot(options = {}, format = "json", kind = "manual") {
-        const report = getGovernanceMetricsReport(options);
-        const content = exportGovernanceMetricsReport(report, format);
+        const report2 = getGovernanceMetricsReport(options);
+        const content = exportGovernanceMetricsReport(report2, format);
         const timestamp = Date.now();
         const id = `export-${timestamp}-${Math.random().toString(16).slice(2, 8)}`;
         const filePath = (0, import_path4.join)(this.snapshotDir, `${id}.${format}`);
@@ -5255,11 +5473,11 @@ var init_metrics_export = __esm({
           kind,
           filePath,
           windowMs: options.windowMs,
-          bucketCount: report.bucketCount
+          bucketCount: report2.bucketCount
         };
         this.history = [record, ...this.history].slice(0, this.retainHistory);
         this.persistHistory();
-        return { record, report, content };
+        return { record, report: report2, content };
       }
       startSchedule(intervalMs, options = {}, format = "json") {
         const id = `schedule-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`;
@@ -5381,6 +5599,7 @@ var init_governance = __esm({
     init_stream_response_governance();
     init_metrics();
     init_metrics_export();
+    init_io_guardrail();
   }
 });
 
@@ -5500,8 +5719,8 @@ function formatValidationIssue(issue) {
   const path = issue.path ? `${issue.path}: ` : "";
   return `[${issue.severity}] ${path}${issue.message} Action: ${issue.action}`;
 }
-function formatValidationIssueReport(report) {
-  return report.issues.map((issue) => formatValidationIssue(issue));
+function formatValidationIssueReport(report2) {
+  return report2.issues.map((issue) => formatValidationIssue(issue));
 }
 var init_validation_contract = __esm({
   "src/utils/validation-contract.ts"() {
@@ -5658,13 +5877,28 @@ var init_workbench_document = __esm({
   }
 });
 
-// src/ui/workbench.ts
+// src/ui/workbench-fragments.ts
 function toInlineScriptJson(value) {
   return JSON.stringify(value).replace(/</g, "\\u003c");
 }
 function escapeHtml(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
+function renderSurfaceTabs() {
+  return [
+    '<div class="surface-tabs" role="tablist" aria-label="\u5DE5\u4F5C\u53F0\u5207\u6362">',
+    '<button id="userSurfaceTab" class="surface-tab active" type="button" role="tab" aria-selected="true" data-surface-target="user">\u4F7F\u7528\u8005\u5DE5\u4F5C\u53F0</button>',
+    '<button id="maintainerSurfaceTab" class="surface-tab" type="button" role="tab" aria-selected="false" data-surface-target="maintainer">\u7EF4\u62A4\u8005\u5DE5\u4F5C\u53F0</button>',
+    "</div>"
+  ].join("");
+}
+var init_workbench_fragments = __esm({
+  "src/ui/workbench-fragments.ts"() {
+    "use strict";
+  }
+});
+
+// src/ui/workbench.ts
 function renderWorkbenchHtml(rawInitialConfig, configuredThresholds = {}) {
   const initialConfig = rawInitialConfig ?? {};
   const modelsCount = Array.isArray(initialConfig.Models) ? initialConfig.Models.length : 0;
@@ -5715,7 +5949,7 @@ function renderWorkbenchHtml(rawInitialConfig, configuredThresholds = {}) {
   const escapedCascadeWarnRate = escapeHtml(configuredThresholds.cascade_warn_rate ?? 0.4);
   const escapedShadowWarnRate = escapeHtml(configuredThresholds.shadow_warn_rate ?? 0.5);
   const escapedLatencyWarnMs = escapeHtml(configuredThresholds.latency_warn_ms ?? 1500);
-  return renderWorkbenchDocumentStart() + `body{font-family:ui-sans-serif,system-ui,sans-serif;padding:2rem;max-width:1100px;margin:0 auto;background:#f7f7f5;color:#1f2328}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.muted{color:#6b7280}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:stretch;margin-bottom:1rem}.hero h2{margin:.2rem 0 .5rem;font-size:1.55rem}.hero-copy{display:flex;flex-direction:column;justify-content:center}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.status-tile{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;min-width:0}.status-tile strong{display:block;margin-top:.2rem;word-break:break-word}@media (max-width:760px){.hero{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.85rem}.stat strong{display:block;font-size:1.1rem;margin-top:.25rem}.subpanel{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.bucket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.75rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.mini-list{list-style:none;padding:0;margin:.75rem 0 0}.mini-list li{display:flex;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;align-items:flex-start;padding:.45rem 0;border-bottom:1px dashed #e5e7eb}.mini-list li:last-child{border-bottom:none}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}.management-table{width:100%;margin-top:.75rem}.management-table th,.management-table td{padding:.5rem;border-bottom:1px solid #e5e7eb;font-size:.92rem;vertical-align:top}.scope-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:.75rem}.scope-guide div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.scope-guide strong{display:block;margin-bottom:.35rem}.alert-list{display:grid;gap:.75rem;margin-top:1rem}.alert{border-radius:12px;padding:.85rem 1rem;border:1px solid}.alert.warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}.alert.critical{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.alert.info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.diff-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.diff-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem}.diff-chip strong{display:block;font-size:1rem;margin-top:.2rem}.models-form-grid{display:grid;gap:.75rem;margin-top:.75rem}.model-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fcfcfd}.model-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.75rem}.model-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.model-card-grid textarea{min-height:84px;resize:vertical}.list-editor{display:grid;gap:.75rem;margin-top:.75rem}.list-item{border:1px solid #e5e7eb;border-radius:12px;padding:.85rem;background:#fcfcfd}.list-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.jump-highlight{outline:3px solid #f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.15);transition:box-shadow .25s ease,outline-color .25s ease}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.control-grid label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:.35rem}.trend-table{width:100%;margin-top:.75rem}.trend-table th,.trend-table td{padding:.45rem;border-bottom:1px solid #e5e7eb;font-size:.92rem}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}input,select,button{font:inherit;padding:.55rem .75rem;border-radius:8px;border:1px solid #d1d5db}button{background:#111827;color:#fff;border-color:#111827;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid #e5e7eb;vertical-align:top}code,pre{font-family:ui-monospace,SFMono-Regular,monospace}pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:12px;overflow:auto}.pill{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.8rem}.pill.info{background:#eff6ff;color:#1d4ed8}.pill.warn{background:#fff7ed;color:#9a3412}.pill.critical{background:#fef2f2;color:#991b1b}.surface-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.surface-tab{background:#fff;color:#1f2328;border-color:#d1d5db}.surface-tab.active{background:#111827;color:#fff;border-color:#111827}.surface-panel[hidden]{display:none}.surface-heading{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:.75rem}</style></head><body><div class="hero"><div class="panel hero-copy"><h2>\u914D\u7F6E\u4E0E\u72B6\u6001\u5DE5\u4F5C\u53F0</h2><p class="muted">\u67E5\u770B\u5F53\u524D\u8DEF\u7531\u670D\u52A1\u3001\u6A21\u578B\u914D\u7F6E\u548C\u9ED8\u8BA4\u53BB\u5411\uFF1B\u9700\u8981\u6392\u67E5\u65F6\uFF0C\u4E0B\u65B9\u7EF4\u62A4\u8005\u533A\u57DF\u53EF\u7EE7\u7EED\u67E5\u770B Governance Trace\u3001metrics \u548C\u5F52\u6863\u3002</p><div class="action-row"><button id="loadConfigDraftHeroBtn" type="button">\u8F7D\u5165\u5F53\u524D\u914D\u7F6E</button><button id="previewConfigDraftHeroBtn" type="button">\u9884\u89C8 compiled models</button><button id="refreshStatusHeroBtn" type="button">\u5237\u65B0\u72B6\u6001</button></div></div><div class="panel"><div class="status-grid"><div class="status-tile"><span class="muted">Service</span><strong id="serviceReadyStatus">ready</strong></div><div class="status-tile"><span class="muted">Port</span><strong id="servicePortStatus">${escapedDisplayPort}</strong></div><div class="status-tile"><span class="muted">Mode</span><strong id="serviceModeStatus">${escapedRuntimeMode}</strong></div><div class="status-tile"><span class="muted">Role</span><strong id="serviceRoleStatus">${escapedServiceRole}</strong></div><div class="status-tile"><span class="muted">Listener</span><strong id="listenerStatusSummary">${escapedListenerSummary}</strong></div><div class="status-tile"><span class="muted">Models</span><strong id="modelCountStatus">${escapedModelsCount}</strong></div><div class="status-tile"><span class="muted">Router.default</span><strong id="routerDefaultStatus">${escapedRouterDefault}</strong></div><div class="status-tile"><span class="muted">Remote service</span><strong id="remoteStatusSummary">${escapedRemoteSummary}</strong></div><div class="status-tile"><span class="muted">Remote registration</span><strong id="remoteRegistrationStatusSummary">checking</strong></div><div class="status-tile"><span class="muted">Registration</span><strong id="registrationStatusSummary">${escapedRegistrationSummary}</strong></div><div class="status-tile"><span class="muted">Auth</span><strong id="authStatusSummary">${escapedAuthSummary}</strong></div><div class="status-tile"><span class="muted">Security</span><strong id="securityStatusSummary">${escapedSecuritySummary}</strong></div></div></div></div><div class="surface-tabs" role="tablist" aria-label="\u5DE5\u4F5C\u53F0\u5207\u6362"><button id="userSurfaceTab" class="surface-tab active" type="button" role="tab" aria-selected="true" data-surface-target="user">\u4F7F\u7528\u8005\u5DE5\u4F5C\u53F0</button><button id="maintainerSurfaceTab" class="surface-tab" type="button" role="tab" aria-selected="false" data-surface-target="maintainer">\u7EF4\u62A4\u8005\u5DE5\u4F5C\u53F0</button></div><section id="userSurface" class="surface-panel" data-surface="user"><div class="panel"><div class="surface-heading"><strong>\u4F7F\u7528\u8005\u5DE5\u4F5C\u53F0</strong><span class="muted">\u914D\u7F6E\u3001\u6A21\u578B\u3001\u8DEF\u7531\u3001\u670D\u52A1\u72B6\u6001\u4E0E\u4E0B\u4E00\u6B65\u4FDD\u5B58\u52A8\u4F5C\u3002</span></div><div class="subpanel"><div class="row"><strong>Draft Config Preview</strong><span class="muted">\u7F16\u8F91\u5F53\u524D\u914D\u7F6E\u8349\u7A3F\u5E76\u5373\u65F6\u9884\u89C8 compiled models \u7ED3\u679C\uFF0C\u4E0D\u843D\u76D8</span></div><div class="action-row"><button id="loadConfigDraftBtn" type="button">\u8F7D\u5165\u5F53\u524D\u914D\u7F6E</button><button id="addModelDraftBtn" type="button">\u65B0\u589E Model</button><button id="applyBalancedPresetBtn" type="button">\u5E94\u7528\u5E73\u8861\u9884\u8BBE</button><button id="previewBalancedPresetBtn" type="button">\u9884\u89C8\u5E73\u8861\u9884\u8BBE</button><button id="applyFastPresetBtn" type="button">\u5E94\u7528\u5FEB\u901F\u9884\u8BBE</button><button id="previewFastPresetBtn" type="button">\u9884\u89C8\u5FEB\u901F\u9884\u8BBE</button><button id="applyGovernancePresetBtn" type="button">\u5E94\u7528\u6CBB\u7406\u9884\u8BBE</button><button id="previewGovernancePresetBtn" type="button">\u9884\u89C8\u6CBB\u7406\u9884\u8BBE</button><button id="syncDraftJsonBtn" type="button">\u540C\u6B65 JSON \u8349\u7A3F</button><button id="previewConfigDraftBtn" type="button">\u9884\u89C8 compiled models</button><button id="saveConfigDraftBtn" type="button">\u4FDD\u5B58\u914D\u7F6E</button><span id="draftPreviewStatus" class="muted">\u5C1A\u672A\u9884\u89C8\u914D\u7F6E\u8349\u7A3F</span></div><div class="control-grid"><div><label>Preset mode</label><select id="draftPresetMode"><option value="merge" selected>append / merge</option><option value="replace">overwrite</option></select></div><div><label>Mode guide</label><div id="draftPresetModeHint" class="muted">append / merge \u4F1A\u5C3D\u91CF\u4FDD\u7559\u5F53\u524D\u8349\u7A3F\uFF0C\u4EC5\u8865\u5145\u9884\u8BBE\u76F8\u5173\u5B57\u6BB5</div></div></div><div id="draftPresetList" class="alert-list"><div class="alert info"><strong>Preset guide</strong><div class="muted">\u9009\u62E9\u9884\u8BBE\u524D\u53EF\u5148\u67E5\u770B\u5176\u4F1A\u8986\u76D6\u7684\u533A\u57DF\u4E0E\u63A8\u8350\u7528\u9014</div></div></div><div id="draftPreviewMeta" class="alert-list"><div class="alert info"><strong>Draft preview mode</strong><div class="muted">\u5F53\u524D\u663E\u793A\u4E3A\u8349\u7A3F\u7F16\u8F91\u89C6\u56FE\uFF0C\u9884\u8BBE dry-run \u4F1A\u5728\u8FD9\u91CC\u63D0\u793A\u5F71\u54CD\u8303\u56F4\u3002</div></div></div><div id="draftSummaryGrid" class="stats"><div class="stat"><span class="muted">Models</span><strong>0</strong></div><div class="stat"><span class="muted">Routing rules</span><strong>0</strong></div><div class="stat"><span class="muted">Patterns</span><strong>0</strong></div><div class="stat"><span class="muted">Smart candidates</span><strong>0</strong></div><div class="stat"><span class="muted">Cascade levels</span><strong>0</strong></div><div class="stat"><span class="muted">Model refs</span><strong>0</strong></div></div><div class="subpanel"><div class="row"><strong>Validation Summary</strong><span class="muted">\u96C6\u4E2D\u663E\u793A\u5F53\u524D\u8349\u7A3F\u7684\u9519\u8BEF\u4E0E warning\uFF0C\u5E76\u533A\u5206\u4FEE\u590D\u4F18\u5148\u7EA7</span></div><div id="draftValidationList" class="alert-list"><div class="alert info"><strong>No validation issues</strong><div class="muted">\u9884\u89C8\u524D\u4F1A\u5728\u8FD9\u91CC\u6C47\u603B\u8349\u7A3F\u95EE\u9898</div></div></div></div><div class="subpanel"><div class="row"><strong>Capability Warnings</strong><span class="muted">\u663E\u793A\u6A21\u578B capability hint \u53EF\u80FD\u5E26\u6765\u7684\u8FD0\u884C\u65F6\u964D\u7EA7\u884C\u4E3A</span></div><div id="capabilityWarningsList" class="alert-list"><div class="alert info"><strong>No capability warnings</strong><div class="muted">\u9884\u89C8\u6216\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u663E\u793A\u80FD\u529B\u964D\u7EA7\u63D0\u793A</div></div></div></div><div class="subpanel"><div class="row"><strong>Current Router slots</strong><span class="muted">\u89E3\u91CA\u57FA\u7840\u8DEF\u7531\u69FD\u4F4D\u5F15\u7528\u7684 modelId\u3001\u4E0A\u6E38\u6A21\u578B\u3001\u80FD\u529B\u548C\u6F5C\u5728\u914D\u7F6E\u98CE\u9669</span></div><div id="routerSlotSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Configured slots</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Resolved slots</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Warnings</span><strong>0</strong></div></div><table id="routerSlotTable" class="management-table"><thead><tr><th>Slot</th><th>When used</th><th>Model ref</th><th>Resolved target</th><th>Capabilities</th><th>Warning</th></tr></thead><tbody><tr><td colspan="6" class="muted">Loading router slot explanation...</td></tr></tbody></table><div id="contextWindowGuide" class="alert-list" style="margin-top:.75rem"><div class="alert info"><strong>Context window guide</strong><div class="muted">\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u663E\u793A\u4E0A\u4E0B\u6587\u7A97\u53E3\u4E0E Router.longContext \u5EFA\u8BAE</div></div></div></div><div class="subpanel"><div class="row"><strong>SmartRouter explanation</strong><span class="muted">\u5C55\u793A\u89C4\u5219\u547D\u4E2D\u987A\u5E8F\u3001\u5019\u9009\u6A21\u578B\u3001router_model\u3001semantic/sticky \u5F00\u5173\u4E0E fallback</span></div><div id="smartRouterExplanationSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Enabled</span><strong>-</strong></div><div class="diff-chip"><span class="muted">Rules</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Candidates</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Warnings</span><strong>0</strong></div></div><div id="smartRouterRouteOrder" class="alert-list" style="margin-top:.75rem"><div class="alert info"><strong>Route order</strong><div class="muted">\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u663E\u793A SmartRouter \u51B3\u7B56\u987A\u5E8F\u3002</div></div></div><table id="smartRouterRulesTable" class="management-table"><thead><tr><th>Order</th><th>Rule</th><th>Model</th><th>Patterns</th><th>Semantic</th></tr></thead><tbody><tr><td colspan="5" class="muted">Loading SmartRouter rules...</td></tr></tbody></table><table id="smartRouterCandidatesTable" class="management-table"><thead><tr><th>Order</th><th>Candidate</th><th>Description</th><th>Status</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading SmartRouter candidates...</td></tr></tbody></table><div id="smartCandidateGuide" class="alert-list" style="margin-top:.75rem"><div class="alert info"><strong>Candidate guide</strong><div class="muted">\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u63D0\u793A fast / balanced / deep / long-context \u5019\u9009\u8986\u76D6\u3002</div></div></div></div><div class="control-grid"><div><label>Router default (modelId)</label><input id="draftRouterDefault" placeholder="\u4F8B\u5982 sonnet"></div><div><label>Models count</label><input id="draftModelsCount" value="0" readonly></div></div><div class="subpanel"><div class="row"><strong>Routing Controls</strong><span class="muted">\u56F4\u7ED5 SmartRouter \u7EDF\u4E00\u8DEF\u7531\u5F15\u64CE\u7F16\u8F91\u89C4\u5219\u3001\u5019\u9009\u4E0E\u6CBB\u7406\u589E\u5F3A\u517C\u5BB9\u914D\u7F6E</span></div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>Routing rules</strong><span class="muted">\u663E\u5F0F\u89C4\u5219\u3001\u8BED\u4E49\u63D0\u793A\u4E0E\u517C\u5BB9\u8F93\u5165</span></div><div class="control-grid"><div><label><input id="triggerEnabled" type="checkbox"> Enabled</label></div><div><label><input id="triggerIntentEnabled" type="checkbox"> Intent recognition</label></div><div><label>Analysis scope</label><select id="triggerAnalysisScope"><option value="last_message">last_message</option><option value="full_context">full_context</option></select></div><div><label>Intent model</label><input id="triggerIntentModel" list="topLevelTriggerIntentSuggestions" placeholder="modelId"><datalist id="topLevelTriggerIntentSuggestions"></datalist></div></div><div style="margin-top:.75rem"><div class="action-row"><label>Rules</label><button id="addTriggerRuleBtn" type="button">\u65B0\u589E Rule</button></div><div id="triggerRulesList" class="list-editor"><div class="panel" style="margin-bottom:0"><span class="muted">No routing rules yet</span></div></div></div></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>SmartRouter</strong><span class="muted">\u667A\u80FD\u5019\u9009\u9009\u62E9</span></div><div class="control-grid"><div><label><input id="smartEnabled" type="checkbox"> Enabled</label></div><div><label>Router model</label><input id="smartRouterModel" list="topLevelSmartRouterSuggestions" placeholder="modelId"><datalist id="topLevelSmartRouterSuggestions"></datalist></div><div><label>Fallback</label><select id="smartFallback"><option value="default">default</option><option value="skip">skip</option></select></div><div><label>Cache TTL</label><input id="smartCacheTtl" placeholder="600000"></div><div><label>Max tokens</label><input id="smartMaxTokens" placeholder="256"></div></div><div style="margin-top:.75rem"><div class="action-row"><label>Candidates</label><button id="addSmartCandidateBtn" type="button">\u65B0\u589E Candidate</button></div><div id="smartCandidatesList" class="list-editor"><div class="panel" style="margin-bottom:0"><span class="muted">No smart candidates yet</span></div></div></div></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Governance</strong><span class="muted">\u5F71\u5B50\u6821\u9A8C\u3001\u7EA7\u8054\u4E0E\u89C2\u6D4B\u76F8\u5173\u914D\u7F6E</span></div><div class="control-grid"><div><label><input id="governanceEnabled" type="checkbox"> Enabled</label></div><div><label><input id="governanceAlignmentEnabled" type="checkbox"> Alignment</label></div><div><label>Summarizer model</label><input id="governanceSummarizerModel" list="topLevelGovernanceSummarizerSuggestions" placeholder="modelId"><datalist id="topLevelGovernanceSummarizerSuggestions"></datalist></div><div><label><input id="governanceSemanticEnabled" type="checkbox"> Semantic</label></div><div><label>Classifier model</label><input id="governanceClassifierModel" list="topLevelGovernanceClassifierSuggestions" placeholder="modelId"><datalist id="topLevelGovernanceClassifierSuggestions"></datalist></div><div><label><input id="governanceShadowEnabled" type="checkbox"> Shadow</label></div><div><label>Verifier model</label><input id="governanceVerifierModel" list="topLevelGovernanceVerifierSuggestions" placeholder="modelId"><datalist id="topLevelGovernanceVerifierSuggestions"></datalist></div></div><div style="margin-top:.75rem"><div class="action-row"><label>Cascade levels</label><button id="addCascadeLevelBtn" type="button">\u65B0\u589E Level</button></div><div id="governanceCascadeLevelsList" class="list-editor"><div class="panel" style="margin-bottom:0"><span class="muted">No cascade levels yet</span></div></div></div></div></div></div><div class="alert info"><strong>Models field guide</strong><div class="muted">\u65B0\u914D\u7F6E\u8BF7\u4F7F\u7528\u5165\u53E3\u5B57\u6BB5\uFF1Aid / api / key / interface / model / thinking / metadata\uFF1Bapi_key / api_base_url / protocol \u4EC5\u4F5C\u4E3A\u65E7\u914D\u7F6E\u517C\u5BB9\u8BFB\u53D6\u3002</div></div><div id="modelsFormGrid" class="models-form-grid"><div class="panel" style="margin-bottom:0"><span class="muted">No draft models loaded yet</span></div></div><textarea id="configDraftEditor" aria-label="JSON config draft" style="width:100%;min-height:240px;margin-top:.75rem;padding:.75rem;border-radius:12px;border:1px solid #d1d5db;font:12px/1.5 ui-monospace,SFMono-Regular,monospace" spellcheck="false" placeholder='{"Models":[{"id":"sonnet","api":"https://...","key":"sk-...","interface":"openai","model":"anthropic/claude-sonnet-4","thinking":"auto","metadata":{"vendor_hint":"openrouter"}}],"Router":{"default":"sonnet"}}'></textarea><div class="muted">JSON \u8349\u7A3F\u540C\u6837\u5EFA\u8BAE\u53EA\u5199\u5165\u53E3\u5B57\u6BB5\uFF1B\u4FDD\u5B58\u65F6\u4F1A\u81EA\u52A8\u5F52\u4E00\uFF0C\u65E7\u5B57\u6BB5\u522B\u540D\u65E0\u9700\u624B\u52A8\u8865\u5145\u3002</div><div class="subpanel"><div class="row"><strong>Preview Diff</strong><span class="muted">\u5BF9\u6BD4\u5F53\u524D\u8FD0\u884C\u914D\u7F6E\u4E0E\u8349\u7A3F\u914D\u7F6E\u7684 compiled model \u53D8\u5316</span></div><div id="compiledDiffSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Added providers</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Removed providers</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Changed providers</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Added models</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Removed models</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Changed models</span><strong>0</strong></div></div><table id="compiledDiffTable" class="management-table"><thead><tr><th>Scope</th><th>Type</th><th>Key</th><th>Changed fields</th><th>Target</th></tr></thead><tbody><tr><td colspan="5" class="muted">Preview a draft to inspect compiled registry changes</td></tr></tbody></table></div><div class="subpanel"><div class="row"><strong>Reference Impact</strong><span class="muted">\u5206\u6790 Router / SmartRouter / Governance\uFF08shadow/cascade\uFF09\u7B49 modelId \u5F15\u7528\u662F\u5426\u4ECD\u7136\u6709\u6548</span></div><div id="referenceImpactSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Total refs</span><strong>0</strong></div><div class="diff-chip"><span class="muted">modelId refs</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Legacy refs</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Valid modelIds</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Missing modelIds</span><strong>0</strong></div></div><table id="referenceImpactTable" class="management-table"><thead><tr><th>Path</th><th>Ref</th><th>Type</th><th>Status</th><th>Resolved target</th><th>Suggestions</th></tr></thead><tbody><tr><td colspan="6" class="muted">Preview a draft to inspect model reference impact</td></tr></tbody></table></div></div><div class="subpanel"><div class="row"><strong>Compiled Models</strong><span class="muted">\u67E5\u770B Models \u7F16\u8BD1\u540E\u7684 provider \u4E0E\u8DEF\u7531\u6620\u5C04</span></div><div id="compiledModelsStatus" class="muted" style="margin-top:.75rem">\u52A0\u8F7D compiled models \u4E2D...</div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>Compiled providers</strong><span class="muted">\u5185\u90E8 provider\u3001\u6A21\u578B\u5217\u8868\u4E0E transformer</span></div><table id="compiledProvidersTable" class="management-table"><thead><tr><th>Provider</th><th>Interface</th><th>Models</th><th>Transformer</th><th>API key</th></tr></thead><tbody><tr><td colspan="5" class="muted">Loading compiled providers...</td></tr></tbody></table></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Model map</strong><span class="muted">modelId \u5230\u5185\u90E8 provider/model\u3001thinking \u4E0E capability \u914D\u7F6E</span></div><table id="compiledModelMapTable" class="management-table"><thead><tr><th>Model ID</th><th>Internal target</th><th>Protocol</th><th>Compatibility profile</th><th>Dispatch format</th><th>Thinking</th><th>Capabilities</th><th>Source</th></tr></thead><tbody><tr><td colspan="8" class="muted">Loading model map...</td></tr></tbody></table></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Model pools</strong><span class="muted">Registration.models \u7F16\u8BD1\u51FA\u7684\u540C\u6A21\u578B\u591A\u6E90\u6C60\uFF0C\u5F53\u524D\u652F\u6301 priority / least-latency / round-robin / health-aware / cost-aware active endpoint\u3001\u975E\u6D41\u5F0F\u9519\u8BEF fallback\u3001health/cooldown\u3001\u7194\u65AD\u72B6\u6001\u3001\u5EF6\u8FDF\u7A97\u53E3\u4E0E\u6210\u672C/\u901F\u7387\u5143\u6570\u636E</span></div><table id="compiledModelPoolsTable" class="management-table"><thead><tr><th>Pool</th><th>Strategy</th><th>Active endpoint</th><th>Endpoints</th><th>Warnings</th></tr></thead><tbody><tr><td colspan="5" class="muted">Loading model pools...</td></tr></tbody></table></div></div></div></div></section><section id="maintainerSurface" class="surface-panel" data-surface="maintainer" hidden><div class="panel"><div class="surface-heading"><strong>\u7EF4\u62A4\u8005\u5DE5\u4F5C\u53F0</strong><span class="muted">\u8FD0\u884C\u89C2\u6D4B\u3001Governance Trace\u3001metrics\u3001\u5F52\u6863\u4E0E\u7EF4\u62A4\u64CD\u4F5C\u3002</span></div><div id="securitySummary" class="alert info"><strong>Security pending</strong><div class="muted">\u7B49\u5F85\u670D\u52A1\u5B89\u5168\u72B6\u6001\u52A0\u8F7D</div></div><div class="subpanel" id="roleConnectionGuide"><div class="row"><strong>Role & connection guide</strong><span class="muted">\u6309\u5F53\u524D local / server / cloud \u89D2\u8272\u786E\u8BA4\u76D1\u542C\u5730\u5740\u3001\u7EF4\u62A4\u5165\u53E3\u548C\u8FDC\u7A0B\u5BA2\u6237\u7AEF\u63A5\u5165\u65B9\u5F0F\u3002</span></div><div class="scope-guide"><div><strong>current role</strong><span id="roleConnectionSummary" class="muted">${escapedRuntimeMode} / ${escapedServiceRole}</span></div><div><strong>listener</strong><span id="listenerConnectionSummary" class="muted">${escapedListenerSummary}</span></div><div><strong>remote clients</strong><span id="clientConnectionSummary" class="muted">${escapedClientConnectionSummary}</span></div></div><div class="muted" style="margin-top:.75rem">${escapedLocalUserRoleGuide}</div><div class="muted" style="margin-top:.5rem">${escapedServerMaintainerRoleGuide}</div><div class="muted" style="margin-top:.5rem">${escapedRemoteClientRoleGuide}</div></div><div class="subpanel" id="authScopeGuide"><div class="row"><strong>Auth scope guide</strong><span class="muted">\u6309\u7528\u9014\u53D1\u653E\u6700\u5C0F\u6743\u9650 key\uFF0C\u8FDC\u7A0B\u5BA2\u6237\u7AEF\u4E0D\u8981\u590D\u7528 admin key\u3002</span></div><div class="scope-guide"><div><strong>admin</strong><span class="muted">\u670D\u52A1\u6240\u6709\u8005\u4F7F\u7528\uFF1A/ui\u3001\u914D\u7F6E\u4FDD\u5B58\u3001auth \u7BA1\u7406\uFF0C\u4EE5\u53CA\u6240\u6709\u8FD0\u7EF4\u5199\u64CD\u4F5C\u3002</span></div><div><strong>operator</strong><span class="muted">\u65E5\u5E38\u8FD0\u7EF4\u4F7F\u7528\uFF1A\u91CD\u542F\u3001\u6CBB\u7406\u5FEB\u7167\u3001\u5B9A\u65F6\u5FEB\u7167\u3001\u5F02\u5E38\u9608\u503C\u548C\u5F52\u6863\u5220\u9664\uFF1B\u4E0D\u80FD\u67E5\u770B\u914D\u7F6E\u6216\u7BA1\u7406 auth\u3002</span></div><div><strong>client</strong><span class="muted">\u5BA2\u6237\u7AEF\u6A21\u578B\u8C03\u7528\uFF1A/v1/messages\u3001/v1/chat/completions\uFF1B\u6A21\u578B\u8C03\u7528\u914D\u989D\u53EA\u8BA1\u5165\u8FD9\u91CC\u3002</span></div><div><strong>read-only</strong><span class="muted">\u53EA\u8BFB\u89C2\u6D4B\uFF1Ahealth\u3001service-info\u3001compiled models\u3001model pool health\u3001transformers \u548C governance GET\u3002</span></div><div><strong>client + read-only</strong><span class="muted">\u8FDC\u7A0B token \u540C\u65F6\u9700\u8981 ready/status \u63A2\u6D4B\u4E0E\u6A21\u578B\u8C03\u7528\u65F6\u4F7F\u7528\u8BE5\u7EC4\u5408\u3002</span></div></div><div class="muted" style="margin-top:.75rem">\u7BA1\u7406\u5165\u53E3\uFF1A\u7528 admin key \u8C03\u7528 <code>GET /api/auth/keys</code> \u67E5\u770B\u5217\u8868\uFF0C<code>POST /api/auth/keys</code> \u751F\u6210 key\uFF0C<code>POST /api/auth/keys/:id/rotate</code> \u8F6E\u6362 key\uFF0C<code>POST /api/auth/keys/:id/revoke</code> \u540A\u9500 key\uFF1B\u751F\u6210\u7684 secret \u53EA\u8FD4\u56DE\u4E00\u6B21\uFF0C\u8BF7\u76F4\u63A5\u4EA4\u7ED9\u5BF9\u5E94\u5BA2\u6237\u7AEF\u4FDD\u5B58\u3002</div></div><div class="subpanel"><div class="row"><strong>Auth quota</strong><span class="muted">\u6309 managed key \u67E5\u770B\u6A21\u578B\u8C03\u7528\u914D\u989D\u3001\u5F53\u524D\u7528\u91CF\u4E0E\u7A97\u53E3\u91CD\u7F6E\u65F6\u95F4</span></div><table id="authQuotaTable" class="management-table"><thead><tr><th>Key</th><th>Scope</th><th>Status</th><th>Requests</th><th>Tokens</th><th>Window</th></tr></thead><tbody><tr><td colspan="6" class="muted">Waiting for service status...</td></tr></tbody></table></div><div class="subpanel"><div class="row"><strong>Model pool health</strong><span class="muted">\u67E5\u770B\u540C\u6A21\u578B\u591A\u6E90\u6C60\u7684 active endpoint\u3001\u6301\u4E45\u5316\u72B6\u6001\u3001cooldown\u3001\u7194\u65AD\u4E0E\u5EF6\u8FDF\u7A97\u53E3\u3002</span><button id="probeModelPoolBtn" type="button">\u4E3B\u52A8\u63A2\u6D4B</button></div><div id="modelPoolHealthSummary" class="alert info"><strong>Pool health pending</strong><div class="muted">\u7B49\u5F85\u6A21\u578B\u6C60\u5065\u5EB7\u72B6\u6001\u52A0\u8F7D</div></div><table id="modelPoolHealthTable" class="management-table"><thead><tr><th>Pool</th><th>Endpoint</th><th>Status</th><th>Latency</th><th>Failures</th><th>Last success</th><th>Recovery</th></tr></thead><tbody><tr><td colspan="7" class="muted">Waiting for model pool health...</td></tr></tbody></table></div><div class="row"><strong>\u7EF4\u62A4\u8005\u89C2\u6D4B</strong><span class="muted">\u6309 requestId / sessionKey / routeReason \u8FC7\u6EE4 Governance Trace\uFF0C\u5E76\u67E5\u770B\u8FD1\u671F\u6CBB\u7406\u6307\u6807\u3002</span></div><div class="row"><input id="requestId" placeholder="requestId"><input id="sessionKey" placeholder="sessionKey"><input id="routeReason" placeholder="routeReason"><select id="cascadeTriggered"><option value="">cascadeTriggered</option><option value="true">cascade=true</option><option value="false">cascade=false</option></select><select id="shadowChecked"><option value="">shadowChecked</option><option value="true">shadow=true</option><option value="false">shadow=false</option></select><select id="windowMs"><option value="900000">15m window</option><option value="3600000" selected>1h window</option><option value="21600000">6h window</option><option value="86400000">24h window</option></select><input id="limit" placeholder="limit" value="20"><button id="refreshBtn">\u5237\u65B0</button></div><div class="muted" style="margin-top:.75rem">\u6570\u636E\u6E90\uFF1A<code>/api/models/compiled</code>\u3001<code>/api/models/pool-health</code>\u3001<code>/api/models/compiled/preview</code>\u3001<code>/api/governance/traces</code>\u3001<code>/api/governance/traces/:requestId</code>\u3001<code>/api/governance/archives</code>\u3001<code>/api/governance/metrics</code>\u3001<code>/api/governance/health</code>\u3001<code>/api/governance/metrics/export</code>\u3001<code>/api/governance/metrics/exports</code>\u3001<code>/api/benchmark/history</code></div><div id="metricsGrid" class="stats"><div class="stat"><span class="muted">Health</span><strong>-</strong></div><div class="stat"><span class="muted">Recent traces</span><strong>-</strong></div><div class="stat"><span class="muted">Sticky hit rate</span><strong>-</strong></div><div class="stat"><span class="muted">Cascade rate</span><strong>-</strong></div><div class="stat"><span class="muted">Shadow rate</span><strong>-</strong></div><div class="stat"><span class="muted">Alignment rate</span><strong>-</strong></div><div class="stat"><span class="muted">Model switch rate</span><strong>-</strong></div><div class="stat"><span class="muted">Alignment on switch</span><strong>-</strong></div><div class="stat"><span class="muted">Avg latency</span><strong>-</strong></div></div><div class="subpanel"><div class="row"><strong>Anomaly alerts</strong><span class="muted">\u68C0\u6D4B\u8FD1\u671F\u6CBB\u7406\u5F02\u5E38\u4E0E\u7A81\u589E</span></div><div id="healthSummary" class="alert info"><strong>Health pending</strong><div class="muted">\u7B49\u5F85\u6CBB\u7406\u5065\u5EB7\u6458\u8981\u52A0\u8F7D</div></div><div id="anomalyList" class="alert-list"><div class="alert info"><strong>No alerts yet</strong><div class="muted">\u7B49\u5F85\u6CBB\u7406\u6307\u6807\u52A0\u8F7D</div></div></div></div><div class="subpanel"><div class="row"><strong>Routing tuning</strong><span class="muted">\u57FA\u4E8E outcome \u8BC1\u636E\u7ED9\u51FA SmartRouter \u8C03\u4F18\u5EFA\u8BAE</span></div><ul id="routingTuningList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Quality evidence</strong><span class="muted">\u771F\u5B9E trace \u4E2D\u7684\u5931\u8D25\u3001\u8FDE\u7EED\u6027\u548C\u901F\u5EA6\u98CE\u9669\u6837\u672C</span></div><div id="qualityEvidenceSummary" class="stats"><div class="stat"><span class="muted">Samples</span><strong>-</strong></div><div class="stat"><span class="muted">Risk</span><strong>-</strong></div><div class="stat"><span class="muted">Improvement</span><strong>-</strong></div><div class="stat"><span class="muted">Speed risk</span><strong>-</strong></div></div><ul id="qualityEvidenceList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Task comparison</strong><span class="muted">\u540C\u7C7B\u4EFB\u52A1\u4E0B\u4E0D\u540C\u6700\u7EC8\u6A21\u578B\u7684\u5931\u8D25\u7387\u548C\u901F\u5EA6\u5BF9\u6BD4</span></div><div id="taskComparisonSummary" class="stats"><div class="stat"><span class="muted">Tasks</span><strong>-</strong></div><div class="stat"><span class="muted">Traces</span><strong>-</strong></div></div><ul id="taskComparisonList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Benchmark summary</strong><span class="muted">\u628A\u6CBB\u7406 trace \u4E0E\u56FA\u5B9A\u4EFB\u52A1\u8BC4\u6D4B\u5165\u53E3\u5408\u5E76\u6210\u7EF4\u62A4\u8005 A/B \u95ED\u73AF</span></div><div id="benchmarkSummary" class="stats"><div class="stat"><span class="muted">Comparable tasks</span><strong>-</strong></div><div class="stat"><span class="muted">Evidence samples</span><strong>-</strong></div><div class="stat"><span class="muted">Best quality lift</span><strong>-</strong></div><div class="stat"><span class="muted">Best speed lift</span><strong>-</strong></div></div><ul id="benchmarkActionList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Benchmark history</strong><span id="benchmarkHistoryFile" class="muted">\u7B49\u5F85\u5386\u53F2\u52A0\u8F7D</span></div><div id="benchmarkHistorySummary" class="stats"><div class="stat"><span class="muted">Entries</span><strong>-</strong></div><div class="stat"><span class="muted">Quality</span><strong>-</strong></div><div class="stat"><span class="muted">Trace tasks</span><strong>-</strong></div><div class="stat"><span class="muted">Latency</span><strong>-</strong></div></div><ul id="benchmarkHistoryList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Human calibration</strong><span id="benchmarkCalibrationStatus" class="muted">\u628A\u4EBA\u5DE5\u590D\u6838\u6837\u672C\u8FFD\u52A0\u5230 benchmark history</span></div><div class="control-grid"><div><label>Task ID</label><input id="calibrationTaskId" value="quick_status"></div><div><label>Model</label><input id="calibrationModel" placeholder="sonnet"></div><div><label>Human score</label><input id="calibrationHumanScore" placeholder="0.9"></div><div><label>Latency ms</label><input id="calibrationLatencyMs" placeholder="1200"></div></div><div style="margin-top:.75rem"><label>Output</label><textarea id="calibrationOutput" rows="4" placeholder="Paste the model output to score"></textarea></div><div style="margin-top:.75rem"><label>Calibration notes</label><textarea id="calibrationNotes" rows="2" placeholder="Why did the human score differ from the rubric?"></textarea></div><div class="row" style="margin-top:.75rem"><button id="saveCalibrationBtn" type="button">\u4FDD\u5B58\u6821\u51C6\u6837\u672C</button><span class="muted">\u4FDD\u5B58\u6458\u8981\uFF0C\u4E0D\u6301\u4E45\u5316\u539F\u59CB output</span></div></div><div class="subpanel"><div class="row"><strong>Anomaly tuning</strong><span class="muted">\u6765\u81EA\u914D\u7F6E\u6587\u4EF6\uFF0C\u53EF\u5728\u6B64\u4E34\u65F6\u8986\u76D6\u5F53\u524D\u9875\u9762\u67E5\u8BE2</span></div><div class="control-grid"><div><label>Min sample</label><input id="minSampleSize" value="${escapedMinSampleSize}"></div><div><label>Cascade warn</label><input id="cascadeWarnRate" value="${escapedCascadeWarnRate}"></div><div><label>Shadow warn</label><input id="shadowWarnRate" value="${escapedShadowWarnRate}"></div><div><label>Latency warn ms</label><input id="latencyWarnMs" value="${escapedLatencyWarnMs}"></div></div><div class="row" style="margin-top:.75rem"><button id="saveThresholdsBtn" type="button">\u4FDD\u5B58\u9608\u503C\u5230\u914D\u7F6E</button><span id="saveThresholdsStatus" class="muted">\u5F53\u524D\u4EC5\u4F5C\u4E3A\u9875\u9762\u67E5\u8BE2\u53C2\u6570\uFF1B\u70B9\u51FB\u53EF\u5199\u56DE\u914D\u7F6E\u6587\u4EF6</span></div></div><div class="subpanel"><div class="row"><strong>Window buckets</strong><span id="bucketHint" class="muted">\u6309\u65F6\u95F4\u7A97\u67E5\u770B\u8FD1\u671F\u6CBB\u7406\u8D8B\u52BF</span></div><div id="bucketGrid" class="bucket-grid"><div class="stat"><span class="muted">Loading buckets</span><strong>-</strong></div></div></div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>Route ranking</strong><span class="muted">\u8FD1\u671F\u547D\u4E2D\u539F\u56E0 Top 5</span></div><ul id="routeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Model ranking</strong><span class="muted">\u8FD1\u671F\u6700\u7EC8\u6A21\u578B Top 5</span></div><ul id="modelRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Intent ranking</strong><span class="muted">\u8FD1\u671F\u8BED\u4E49\u610F\u56FE Top 5</span></div><ul id="intentRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Outcome by route</strong><span class="muted">\u5207\u6362\u3001alignment\u3001cascade \u4E0E\u5EF6\u8FDF</span></div><ul id="routeOutcomeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Outcome by model</strong><span class="muted">\u6700\u7EC8\u6A21\u578B\u5207\u6362\u4E0E\u5EF6\u8FDF\u8868\u73B0</span></div><ul id="modelOutcomeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Outcome by intent</strong><span class="muted">\u4EFB\u52A1\u610F\u56FE\u5207\u6362\u4E0E\u5EF6\u8FDF\u8868\u73B0</span></div><ul id="intentOutcomeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Trend detail</strong><span class="muted">\u6BCF\u4E2A bucket \u7684\u8BE6\u7EC6\u547D\u4E2D\u7387</span></div><table id="trendTable" class="trend-table"><thead><tr><th>Bucket</th><th>Traces</th><th>Sticky</th><th>Cascade</th><th>Shadow</th><th>Alignment</th></tr></thead><tbody><tr><td colspan="6" class="muted">Loading...</td></tr></tbody></table></div></div><div class="subpanel"><div class="row"><strong>Recent route decisions</strong><span class="muted">\u628A\u6700\u8FD1\u8BF7\u6C42\u7684 route source\u3001\u89C4\u5219\u3001\u8BED\u4E49\u610F\u56FE\u3001\u7F6E\u4FE1\u5EA6\u548C fallback \u539F\u56E0\u7FFB\u8BD1\u6210\u53EF\u8BFB\u6458\u8981\u3002</span></div><ul id="routeDecisionSummaryList" class="mini-list"><li><span class="muted">Loading route decisions</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Recent switch continuity</strong><span class="muted">\u89E3\u91CA\u6700\u8FD1\u8BF7\u6C42\u662F\u5426\u5207\u6362\u6A21\u578B\u3001\u662F\u5426\u8865\u4E0A\u4E0B\u6587\uFF0C\u4EE5\u53CA\u5207\u6362\u540E\u662F\u5426\u89E6\u53D1 cascade\u3002</span></div><ul id="switchContinuitySummaryList" class="mini-list"><li><span class="muted">Loading switch continuity</span><strong>-</strong></li></ul></div><table id="traceTable"><thead><tr><th>Request</th><th>Session</th><th>Final Model</th><th>Reasons</th><th>Latency</th><th>Inspect</th></tr></thead><tbody><tr><td colspan="6" class="muted">\u52A0\u8F7D\u4E2D...</td></tr></tbody></table></div><div class="panel"><div class="row"><strong>Trace Detail</strong><span id="detailHint" class="muted">\u70B9\u51FB\u4E0A\u8868\u4E2D\u7684 View \u67E5\u770B\u8BE6\u60C5</span></div><pre id="traceDetail">{}</pre></div><div class="panel"><div class="row"><strong>Snapshot Management</strong><span class="muted">\u67E5\u770B\u5BFC\u51FA\u5386\u53F2\u3001\u5B9A\u65F6\u4EFB\u52A1\uFF0C\u5E76\u624B\u52A8\u521B\u5EFA\u5FEB\u7167</span></div><div class="action-row"><select id="snapshotFormat"><option value="json">snapshot json</option><option value="csv">snapshot csv</option></select><button id="createSnapshotBtn" type="button">\u751F\u6210\u5FEB\u7167</button><span id="snapshotStatus" class="muted">\u5C1A\u672A\u521B\u5EFA\u5FEB\u7167</span></div><table id="exportTable" class="management-table"><thead><tr><th>Export</th><th>Kind</th><th>Format</th><th>Created</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading exports...</td></tr></tbody></table><table id="scheduleTable" class="management-table"><thead><tr><th>Schedule</th><th>Interval</th><th>Format</th><th>Last run</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading schedules...</td></tr></tbody></table></div><div class="panel"><div class="row"><strong>Archive Management</strong><span class="muted">\u6D4F\u89C8\u538B\u7F29\u5F52\u6863\u5E76\u67E5\u770B\u5206\u9875\u7ED3\u679C</span></div><div class="action-row"><input id="archiveDate" placeholder="YYYY-MM-DD"><input id="archivePage" placeholder="page" value="1"><input id="archivePageSize" placeholder="pageSize" value="5"><button id="loadArchivesBtn" type="button">\u52A0\u8F7D\u5F52\u6863</button><span id="archiveStatus" class="muted">\u5C1A\u672A\u52A0\u8F7D\u5F52\u6863</span></div><table id="archiveTable" class="management-table"><thead><tr><th>Archive</th><th>Range</th><th>Count</th><th>Compressed</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading archives...</td></tr></tbody></table></div><div class="panel"><p>\u5176\u4ED6\u7BA1\u7406 API\uFF1A</p><ul><li><code>GET /api/config</code> \u2014 \u8BFB\u53D6\u5F53\u524D\u914D\u7F6E</li><li><code>GET /api/models/compiled</code> \u2014 \u67E5\u770B Models \u7F16\u8BD1\u540E\u7684\u5185\u90E8 provider / model \u6620\u5C04</li><li><code>POST /api/models/compiled/preview</code> \u2014 \u7528\u914D\u7F6E\u8349\u7A3F\u9884\u89C8 compiled models \u7ED3\u679C\uFF0C\u4E0D\u5199\u56DE\u6587\u4EF6</li><li><code>POST /api/config</code> \u2014 \u4FDD\u5B58\u914D\u7F6E</li><li><code>GET /api/transformers</code> \u2014 \u67E5\u770B\u5DF2\u52A0\u8F7D transformer</li><li><code>POST /api/restart</code> \u2014 \u91CD\u542F\u670D\u52A1</li><li><code>GET /api/governance/archives</code> \u2014 \u67E5\u770B\u6CBB\u7406\u5F52\u6863\u5217\u8868</li><li><code>GET /api/governance/archives/:file</code> \u2014 \u67E5\u770B\u5F52\u6863\u5185 traces</li><li><code>POST /api/governance/archives/:file/delete</code> \u2014 \u5220\u9664\u6307\u5B9A\u5F52\u6863</li><li><code>GET /api/governance/health</code> \u2014 \u67E5\u770B\u6CBB\u7406\u5065\u5EB7\u6458\u8981</li><li><code>GET /api/auth/audit</code> \u2014 \u67E5\u770B\u9274\u6743\u5BA1\u8BA1\u6458\u8981</li><li><code>POST /api/governance/metrics/snapshots</code> \u2014 \u751F\u6210\u4E00\u6B21\u6CBB\u7406\u6307\u6807\u5FEB\u7167</li><li><code>POST /api/governance/metrics/schedules</code> \u2014 \u6CE8\u518C\u5B9A\u65F6\u5FEB\u7167\u4EFB\u52A1</li></ul></div></section>` + renderWorkbenchScriptStart() + `const tbody=document.querySelector('#traceTable tbody');const detail=document.getElementById('traceDetail');const detailHint=document.getElementById('detailHint');const draftPreviewStatus=document.getElementById('draftPreviewStatus');const draftPresetMode=document.getElementById('draftPresetMode');const draftPresetModeHint=document.getElementById('draftPresetModeHint');const draftPresetList=document.getElementById('draftPresetList');const draftPreviewMeta=document.getElementById('draftPreviewMeta');const draftValidationList=document.getElementById('draftValidationList');const capabilityWarningsList=document.getElementById('capabilityWarningsList');const routerSlotSummary=document.getElementById('routerSlotSummary');const routerSlotTableBody=document.querySelector('#routerSlotTable tbody');const contextWindowGuide=document.getElementById('contextWindowGuide');const smartRouterExplanationSummary=document.getElementById('smartRouterExplanationSummary');const smartRouterRouteOrder=document.getElementById('smartRouterRouteOrder');const smartRouterRulesTableBody=document.querySelector('#smartRouterRulesTable tbody');const smartRouterCandidatesTableBody=document.querySelector('#smartRouterCandidatesTable tbody');const smartCandidateGuide=document.getElementById('smartCandidateGuide');const configDraftEditor=document.getElementById('configDraftEditor');const draftSummaryGrid=document.getElementById('draftSummaryGrid');const modelsFormGrid=document.getElementById('modelsFormGrid');const draftRouterDefault=document.getElementById('draftRouterDefault');const draftModelsCount=document.getElementById('draftModelsCount');const serviceReadyStatus=document.getElementById('serviceReadyStatus');const servicePortStatus=document.getElementById('servicePortStatus');const serviceModeStatus=document.getElementById('serviceModeStatus');const serviceRoleStatus=document.getElementById('serviceRoleStatus');const listenerStatusSummary=document.getElementById('listenerStatusSummary');const roleConnectionSummary=document.getElementById('roleConnectionSummary');const listenerConnectionSummary=document.getElementById('listenerConnectionSummary');const clientConnectionSummary=document.getElementById('clientConnectionSummary');const remoteStatusSummary=document.getElementById('remoteStatusSummary');const registrationStatusSummary=document.getElementById('registrationStatusSummary');const authStatusSummary=document.getElementById('authStatusSummary');const securityStatusSummary=document.getElementById('securityStatusSummary');const modelCountStatus=document.getElementById('modelCountStatus');const routerDefaultStatus=document.getElementById('routerDefaultStatus');const triggerEnabled=document.getElementById('triggerEnabled');const triggerIntentEnabled=document.getElementById('triggerIntentEnabled');const triggerAnalysisScope=document.getElementById('triggerAnalysisScope');const triggerIntentModel=document.getElementById('triggerIntentModel');const triggerRulesList=document.getElementById('triggerRulesList');const smartEnabled=document.getElementById('smartEnabled');const smartRouterModel=document.getElementById('smartRouterModel');const smartFallback=document.getElementById('smartFallback');const smartCacheTtl=document.getElementById('smartCacheTtl');const smartMaxTokens=document.getElementById('smartMaxTokens');const smartCandidatesList=document.getElementById('smartCandidatesList');const governanceEnabled=document.getElementById('governanceEnabled');const governanceAlignmentEnabled=document.getElementById('governanceAlignmentEnabled');const governanceSummarizerModel=document.getElementById('governanceSummarizerModel');const governanceSemanticEnabled=document.getElementById('governanceSemanticEnabled');const governanceClassifierModel=document.getElementById('governanceClassifierModel');const governanceShadowEnabled=document.getElementById('governanceShadowEnabled');const governanceVerifierModel=document.getElementById('governanceVerifierModel');const governanceCascadeLevelsList=document.getElementById('governanceCascadeLevelsList');const topLevelTriggerIntentSuggestions=document.getElementById('topLevelTriggerIntentSuggestions');const topLevelSmartRouterSuggestions=document.getElementById('topLevelSmartRouterSuggestions');const topLevelGovernanceSummarizerSuggestions=document.getElementById('topLevelGovernanceSummarizerSuggestions');const topLevelGovernanceClassifierSuggestions=document.getElementById('topLevelGovernanceClassifierSuggestions');const topLevelGovernanceVerifierSuggestions=document.getElementById('topLevelGovernanceVerifierSuggestions');const compiledModelsStatus=document.getElementById('compiledModelsStatus');const compiledDiffSummary=document.getElementById('compiledDiffSummary');const compiledDiffTableBody=document.querySelector('#compiledDiffTable tbody');const referenceImpactSummary=document.getElementById('referenceImpactSummary');const referenceImpactTableBody=document.querySelector('#referenceImpactTable tbody');const compiledProvidersTableBody=document.querySelector('#compiledProvidersTable tbody');const compiledModelMapTableBody=document.querySelector('#compiledModelMapTable tbody');const compiledModelPoolsTableBody=document.querySelector('#compiledModelPoolsTable tbody');const metricsGrid=document.getElementById('metricsGrid');const bucketGrid=document.getElementById('bucketGrid');const bucketHint=document.getElementById('bucketHint');const routeRanking=document.getElementById('routeRanking');const modelRanking=document.getElementById('modelRanking');const intentRanking=document.getElementById('intentRanking');const routeOutcomeRanking=document.getElementById('routeOutcomeRanking');const modelOutcomeRanking=document.getElementById('modelOutcomeRanking');const intentOutcomeRanking=document.getElementById('intentOutcomeRanking');const healthSummary=document.getElementById('healthSummary');const routingTuningList=document.getElementById('routingTuningList');const routeDecisionSummaryList=document.getElementById('routeDecisionSummaryList');const switchContinuitySummaryList=document.getElementById('switchContinuitySummaryList');const qualityEvidenceSummary=document.getElementById('qualityEvidenceSummary');const qualityEvidenceList=document.getElementById('qualityEvidenceList');const taskComparisonSummary=document.getElementById('taskComparisonSummary');const taskComparisonList=document.getElementById('taskComparisonList');const benchmarkSummary=document.getElementById('benchmarkSummary');const benchmarkActionList=document.getElementById('benchmarkActionList');const benchmarkHistoryFile=document.getElementById('benchmarkHistoryFile');const benchmarkHistorySummary=document.getElementById('benchmarkHistorySummary');const benchmarkHistoryList=document.getElementById('benchmarkHistoryList');const benchmarkCalibrationStatus=document.getElementById('benchmarkCalibrationStatus');const securitySummary=document.getElementById('securitySummary');const authQuotaTableBody=document.querySelector('#authQuotaTable tbody');const modelPoolHealthSummary=document.getElementById('modelPoolHealthSummary');const modelPoolHealthTableBody=document.querySelector('#modelPoolHealthTable tbody');const anomalyList=document.getElementById('anomalyList');const saveThresholdsStatus=document.getElementById('saveThresholdsStatus');const snapshotStatus=document.getElementById('snapshotStatus');const archiveStatus=document.getElementById('archiveStatus');const exportTableBody=document.querySelector('#exportTable tbody');const scheduleTableBody=document.querySelector('#scheduleTable tbody');const archiveTableBody=document.querySelector('#archiveTable tbody');const trendTableBody=document.querySelector('#trendTable tbody');const surfaceTabs=Array.from(document.querySelectorAll('[data-surface-target]'));const surfacePanels=Array.from(document.querySelectorAll('[data-surface]'));let currentDraftConfig={};let knownModelIds=[];let lastCompiledModelsData=null;let activeValidationHighlight=null;function withDraftCompiledData(payload){ return { ...(lastCompiledModelsData || {}), normalizedConfig: payload || currentDraftConfig || {} }; }const draftPresets={  balanced:{ label:'\u5E73\u8861\u9884\u8BBE', description:'\u542F\u7528 SmartRouter\uFF0C\u5E76\u586B\u5145\u5E73\u8861/\u5FEB\u901F\u5019\u9009\u6A21\u578B\u7EC4\u5408\u3002', affects:['Router.default','SmartRouter.enabled','SmartRouter.candidates'], routerDefault:'sonnet', smartEnabled:true, smartCandidates:[{ model:'sonnet', description:'balanced default' },{ model:'haiku', description:'fast lightweight' }] },  fast:{ label:'\u5FEB\u901F\u9884\u8BBE', description:'\u9ED8\u8BA4\u8D70\u8F7B\u91CF\u6A21\u578B\uFF0C\u5E76\u6DFB\u52A0\u4E00\u6761\u5FEB\u901F\u54CD\u5E94\u8DEF\u7531\u89C4\u5219\u3002', affects:['Router.default','SmartRouter.enabled','SmartRouter.rules'], routerDefault:'haiku', triggerEnabled:true, triggerRules:[{ name:'quick-response', enabled:true, priority:20, model:'haiku', patterns:[{ type:'exact', keywords:['\u5FEB\u901F\u5904\u7406','\u5FEB\u901F\u56DE\u7B54'] }] }] },  governance:{ label:'\u6CBB\u7406\u9884\u8BBE', description:'\u6253\u5F00\u6CBB\u7406\u589E\u5F3A\u4E0E\u6821\u9A8C\u80FD\u529B\uFF0C\u5E76\u586B\u5165 summarizer/classifier/verifier \u793A\u4F8B\u6A21\u578B\u3002', affects:['Governance.enabled','SmartRouter.sticky.alignment','SmartRouter.semantic','Governance.shadow'], governanceEnabled:true, governanceAlignmentEnabled:true, governanceSemanticEnabled:true, governanceShadowEnabled:true, governanceSummarizerModel:'sonnet', governanceClassifierModel:'sonnet', governanceVerifierModel:'haiku' }};const modelProviderTemplates=${toInlineScriptJson(getUiProviderTemplates())};const defaultProviderTemplateKey='openrouter';function esc(v){return String(v ?? '').replace(/[&<>"]/g,m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;' }[m]));}function pct(v){return (Number(v || 0) * 100).toFixed(1)+'%';}function fmt(v){return Number(v || 0).toFixed(2);}function shortTime(v){ const d=new Date(v); return d.toISOString().slice(11,16); }function limitText(used,limit){ return Number.isFinite(limit) ? (String(used ?? 0)+' / '+String(limit)) : String(used ?? 0); }function renderAuthQuotaTable(quota){  const keys=Array.isArray(quota?.keys) ? quota.keys : [];  if(!keys.length){ authQuotaTableBody.innerHTML='<tr><td colspan="6" class="muted">No managed keys configured</td></tr>'; return; }  authQuotaTableBody.innerHTML=keys.map(item=>{    const usage=item.usage || {};    const quotaCfg=item.quota || {};    const keyName=esc(item.label || item.id || '-')+'<div class="muted"><code>'+esc(item.id || '-')+'</code></div>';    const statusClass=item.status === 'exhausted' ? 'critical' : (item.status === 'watch' ? 'warn' : 'info');    const windowText=quotaCfg.window_seconds ? (esc(quotaCfg.window_seconds)+'s'+(usage.windowResetAt ? '<div class="muted">reset '+esc(String(usage.windowResetAt).replace('T',' ').replace('.000Z','Z'))+'</div>' : '<div class="muted">not started</div>')) : '-';    return '<tr><td>'+keyName+'</td><td>'+esc((item.scopes || []).join(', ') || '-')+'</td><td><span class="pill '+statusClass+'">'+esc(item.status || '-')+'</span></td><td>'+esc(limitText(usage.requestsUsed,usage.requestLimit))+'</td><td>'+esc(limitText(usage.tokensUsed,usage.tokenLimit))+'</td><td>'+windowText+'</td></tr>';  }).join('');}function renderModelPoolHealth(data){  const summary=data?.summary || {};  const pools=Array.isArray(data?.pools) ? data.pools : [];  const statusClass=summary.open ? 'critical' : (summary.cooldown ? 'warn' : 'info');  const averageLatency=Number.isFinite(summary.averageLatencyMs) ? (Number(summary.averageLatencyMs).toFixed(0)+' ms avg') : 'no latency samples';  modelPoolHealthSummary.className='alert '+statusClass;  modelPoolHealthSummary.innerHTML='<strong>Pool health: '+esc(summary.healthy || 0)+' healthy / '+esc(summary.cooldown || 0)+' cooldown / '+esc(summary.open || 0)+' open</strong><div class="muted">'+esc(summary.pools || 0)+' pools \xB7 '+esc(summary.endpoints || 0)+' endpoints \xB7 '+esc(averageLatency)+' \xB7 persisted endpoints '+esc(data?.persistedState?.endpoints || 0)+'</div>';  const rows=[];  pools.forEach(pool=>{    (pool.endpoints || []).forEach(endpoint=>{      const recovery=endpoint.circuitOpenUntil ? ('circuit opens until '+new Date(endpoint.circuitOpenUntil).toISOString()) : endpoint.cooldownUntil ? ('cooldown until '+new Date(endpoint.cooldownUntil).toISOString()) : '-';      const latency=endpoint.latency ? (Number(endpoint.latency.averageMs || 0).toFixed(0)+' ms avg / '+esc(endpoint.latency.sampleCount || 0)+' samples') : '-';      const cost=endpoint.cost ? ('cost '+esc(endpoint.cost.inputPer1MTokens ?? '-')+'/'+esc(endpoint.cost.outputPer1MTokens ?? '-')+' '+esc(endpoint.cost.currency || 'USD')+'/1M') : 'cost -';      const rate=endpoint.rateLimit ? ('rate '+esc(endpoint.rateLimit.requestsPerMinute ?? '-')+' rpm / '+esc(endpoint.rateLimit.tokensPerMinute ?? '-')+' tpm') : 'rate -';      const endpointLabel='<code>'+esc(endpoint.id || '-')+'</code>'+(endpoint.active ? ' <span class="pill info">active</span>' : '')+'<div class="muted">'+esc(endpoint.providerName || '-')+' / '+esc(endpoint.upstreamServiceId || endpoint.upstreamBaseUrl || 'local')+'</div><div class="muted">'+cost+' \xB7 '+rate+'</div>';      const statusCls=endpoint.status === 'open' ? 'critical' : (endpoint.status === 'cooldown' ? 'warn' : 'info');      rows.push('<tr><td><code>'+esc(pool.modelId || '-')+'</code><div class="muted">'+esc(pool.strategy || '-')+'</div></td><td>'+endpointLabel+'</td><td><span class="pill '+statusCls+'">'+esc(endpoint.status || '-')+'</span></td><td>'+esc(latency)+'</td><td>'+esc(endpoint.failureCount || 0)+'<div class="muted">success '+esc(endpoint.successCount || 0)+'</div></td><td>'+esc(endpoint.lastSuccessAt ? new Date(endpoint.lastSuccessAt).toISOString() : '-')+'</td><td>'+esc(recovery)+'</td></tr>');    });  });  modelPoolHealthTableBody.innerHTML=rows.length ? rows.join('') : '<tr><td colspan="7" class="muted">No registration model pools configured</td></tr>';}async function loadModelPoolHealth(){  const res=await fetch('/api/models/pool-health');  const data=await res.json();  renderModelPoolHealth(data);}async function probeModelPoolHealth(){  modelPoolHealthSummary.className='alert info';  modelPoolHealthSummary.innerHTML='<strong>Probing pool health...</strong><div class="muted">\u6B63\u5728\u8F7B\u91CF\u63A2\u6D4B enabled endpoint</div>';  const res=await fetch('/api/models/pool-health/probe',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({}) });  const data=await res.json();  renderModelPoolHealth(data.health || data);}function renderRoleConnectionGuide(data){  const listener=data.listener || {};  const connection=data.clientConnection || {};  const mode=data.runtimeMode || '-';  const role=data.serviceRole || '-';  const listenerText=listener.host ? (listener.host+':'+(listener.port || '-')+(listener.public ? ' (public)' : ' (local)')) : '-';  const connectionText=connection.baseUrl ? (connection.baseUrl+' \xB7 '+(Array.isArray(connection.recommendedScopes) ? connection.recommendedScopes.join(' + ') : '')) : (connection.guidance || '-');  listenerStatusSummary.textContent=listenerText;  roleConnectionSummary.textContent=mode+' / '+role;  listenerConnectionSummary.textContent=listenerText;  clientConnectionSummary.textContent=connectionText || '-';}function setActiveSurface(surfaceName){  surfacePanels.forEach((panel)=>{ panel.hidden=panel.dataset.surface !== surfaceName; });  surfaceTabs.forEach((tab)=>{ const active=tab.dataset.surfaceTarget === surfaceName; tab.classList.toggle('active',active); tab.setAttribute('aria-selected', active ? 'true' : 'false'); });}function inferProviderTemplateKey(model){  const explicit=String(model?.provider_template || '').trim();  if(explicit && modelProviderTemplates[explicit]){ return explicit; }  const api=String(model?.api || model?.api_base_url || '').trim().toLowerCase();  const modelInterface=String(model?.interface || model?.protocol || '').trim().toLowerCase();  const exactMatch=Object.entries(modelProviderTemplates).find(([,item])=>String(item.api || '').trim().toLowerCase()===api && String(item.interface || '').trim().toLowerCase()===modelInterface);  if(exactMatch){ return exactMatch[0]; }  if(api.includes('api.anthropic.com/v1/messages') || modelInterface === 'anthropic'){ return 'anthropic'; }  if(api.includes('openrouter.ai')){ return 'openrouter'; }  if(api.includes('deepseek.com')){ return 'deepseek'; }  if(api.includes('siliconflow.cn')){ return 'siliconflow'; }  if(api.includes('api.openai.com')){ return 'openai-compatible'; }  return '';}function getProviderTemplateContext(model){  const templateKey=inferProviderTemplateKey(model) || defaultProviderTemplateKey;  return { templateKey, template:modelProviderTemplates[templateKey] || modelProviderTemplates[defaultProviderTemplateKey] || {} };}function createDraftModelFromTemplate(templateKey){  const resolvedKey=(templateKey && modelProviderTemplates[templateKey]) ? templateKey : defaultProviderTemplateKey;  const template=modelProviderTemplates[resolvedKey] || {};  return { provider_template:resolvedKey, id:template.suggested_id || '', api:template.api || '', interface:template.interface || 'openai', model:template.default_model || '', thinking:template.default_thinking || 'auto' };}function getModelIdSuggestionsMarkup(idPrefix){  return '<datalist id="'+idPrefix+'">'+knownModelIds.map(modelId=>'<option value="'+esc(modelId)+'"></option>').join('')+'</datalist>';}function resolvePresetModelId(seed){  const source=String(seed || '').trim().toLowerCase();  if(!source || !knownModelIds.length){ return seed; }  if(knownModelIds.includes(seed)){ return seed; }  const ranked=knownModelIds.map((modelId)=>{    const target=String(modelId || '').toLowerCase();    let score=0;    if(target===source){ score+=100; }    if(target.includes(source) || source.includes(target)){ score+=40; }    source.split(/[^a-z0-9]+/).filter(Boolean).forEach((part)=>{ if(target.includes(part)){ score+=Math.min(part.length * 4, 24); } });    return { modelId, score };  }).filter((item)=>item.score>0).sort((a,b)=>b.score-a.score || a.modelId.localeCompare(b.modelId));  return ranked.length ? ranked[0].modelId : seed;}function getTriggerPatternValidationHint(pattern){  if((pattern?.type || 'exact') === 'regex'){    return pattern?.pattern ? { level:'ok', message:'regex pattern \u5DF2\u914D\u7F6E' } : { level:'warn', message:'regex \u6A21\u5F0F\u9700\u8981\u586B\u5199 pattern' };  }  return Array.isArray(pattern?.keywords) && pattern.keywords.some((keyword)=>String(keyword || '').trim()) ? { level:'ok', message:'exact keywords \u5DF2\u914D\u7F6E' } : { level:'warn', message:'exact \u6A21\u5F0F\u81F3\u5C11\u9700\u8981\u4E00\u4E2A keyword' };}function getDraftSmartRouterConfig(config){  const smart={ ...((config && config.SmartRouter) || {}) };  const smartExplicit=config && Object.prototype.hasOwnProperty.call(config,'SmartRouter');  const legacyIntentEnabled=Boolean(config?.TriggerRouter?.llm_intent_recognition);  const legacyIntentModel=config?.TriggerRouter?.intent_model || '';  if(!smart.analysis_scope && config?.TriggerRouter?.analysis_scope){ smart.analysis_scope=config.TriggerRouter.analysis_scope; }  if((!Array.isArray(smart.rules) || !smart.rules.length) && Array.isArray(config?.TriggerRouter?.rules)){ smart.rules=config.TriggerRouter.rules; }  if(!smart.semantic && (config?.Governance?.semantic || config?.TriggerRouter?.llm_intent_recognition)){ smart.semantic={ ...((config && config.Governance && config.Governance.semantic) || {}) }; if(config?.TriggerRouter?.llm_intent_recognition){ smart.semantic.enabled=true; smart.semantic.mode=smart.semantic.mode || 'classifier'; smart.semantic.classifier_model=smart.semantic.classifier_model || config.TriggerRouter.intent_model || ''; } }  if(!smart.sticky && config?.Governance?.sticky){ smart.sticky={ ...(config.Governance.sticky || {}) }; }  if(!smartExplicit && !smart.enabled && (config?.TriggerRouter?.enabled || smart.rules?.length || smart.router_model || smart.candidates?.length || smart.semantic || smart.sticky)){ smart.enabled=true; }  if(smart.enabled){    smart.analysis_scope=smart.analysis_scope || 'last_message';    smart.semantic={ ...(smart.semantic || {}) };    smart.semantic.enabled=smart.semantic.enabled !== undefined ? smart.semantic.enabled : true;    smart.semantic.threshold=smart.semantic.threshold !== undefined ? smart.semantic.threshold : 0.2;    if(legacyIntentEnabled){ smart.semantic.mode=smart.semantic.mode || 'classifier'; smart.semantic.classifier_model=smart.semantic.classifier_model || legacyIntentModel; }    smart.sticky={ ...(smart.sticky || {}) };    smart.sticky.enabled=smart.sticky.enabled !== undefined ? smart.sticky.enabled : true;    smart.sticky.alignment={ ...((smart.sticky && smart.sticky.alignment) || {}) };    smart.sticky.alignment.enabled=smart.sticky.alignment.enabled !== undefined ? smart.sticky.alignment.enabled : true;    smart.sticky.alignment.summarizer_model=smart.sticky.alignment.summarizer_model || smart.router_model || config?.Router?.default || legacyIntentModel || '';  }  return smart;}function renderDraftSummary(config){  const models=Array.isArray(config?.Models) ? config.Models : [];  const smart=getDraftSmartRouterConfig(config);  const triggerRules=Array.isArray(smart?.rules) ? smart.rules : [];  const patternCount=triggerRules.reduce((sum,rule)=>sum + (Array.isArray(rule.patterns) ? rule.patterns.length : 0),0);  const smartCandidates=Array.isArray(smart?.candidates) ? smart.candidates : [];  const cascadeLevels=Array.isArray(config?.Governance?.cascade?.levels) ? config.Governance.cascade.levels : [];  const modelRefCount=[config?.Router?.default, smart?.router_model, smart?.sticky?.alignment?.summarizer_model, smart?.semantic?.classifier_model, config?.Governance?.shadow?.verifier_model].filter(v=>typeof v === 'string' && v.trim()).length + triggerRules.filter(rule=>rule?.model).length + smartCandidates.filter(item=>item?.model).length + cascadeLevels.reduce((sum,level)=>sum + (level?.from ? 1 : 0) + (level?.to ? 1 : 0), 0);  draftSummaryGrid.innerHTML=[    ['Models', models.length],    ['Routing rules', triggerRules.length],    ['Patterns', patternCount],    ['Smart candidates', smartCandidates.length],    ['Cascade levels', cascadeLevels.length],    ['Model refs', modelRefCount]  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');}function updateStatusSummary(config){  const models=Array.isArray(config?.Models) ? config.Models : [];  modelCountStatus.textContent=String(models.length);  routerDefaultStatus.textContent=config?.Router?.default || '-';}function renderDraftValidation(errors,warnings,issueReport){  const errorList=Array.isArray(errors) ? errors.filter(Boolean) : [];  const warningList=Array.isArray(warnings) ? warnings.filter(Boolean) : [];  const contractIssues=Array.isArray(issueReport?.issues) ? issueReport.issues : [];  if(!errorList.length && !warningList.length && !contractIssues.length){ draftValidationList.innerHTML='<div class="alert info"><strong>No validation issues</strong><div class="muted">\u5F53\u524D\u8349\u7A3F\u672A\u53D1\u73B0\u96C6\u4E2D\u5C55\u793A\u7684\u95EE\u9898</div></div>'; return; }  const extractPath=(text)=>{ const match=String(text).match(/^(Models(?:\\[[0-9]+\\])?(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|Router(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|TriggerRouter(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|SmartRouter(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|Governance(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?)/); return match ? match[1] : ''; };  const sourceItems=contractIssues.length ? contractIssues.map(item=>({ text:String(item.message || ''), severity:item.severity==='error' ? 'error' : 'warning', path:item.path || '', action:item.action || '' })) : [...errorList.map(item=>({ text:String(item), severity:'error', path:'', action:'' })), ...warningList.map(item=>({ text:String(item), severity:'warning', path:'', action:'' }))];  const grouped=sourceItems.reduce((acc,item)=>{    const text=item.text;    const path=item.path || extractPath(text);    const bucket=path.startsWith('Models') || text.startsWith('Models') ? 'Models' : path.startsWith('Router') || text.startsWith('Router') ? 'Router' : path.startsWith('TriggerRouter') || text.startsWith('TriggerRouter') ? 'SmartRouter' : path.startsWith('SmartRouter') || text.startsWith('SmartRouter') ? 'SmartRouter' : (path.startsWith('Governance.sticky') || path.startsWith('Governance.semantic') || text.startsWith('Governance.sticky') || text.startsWith('Governance.semantic')) ? 'SmartRouter' : path.startsWith('Governance') || text.startsWith('Governance') ? 'Governance' : text.startsWith('JSON parse error') ? 'Draft JSON' : 'Other';    acc[bucket]=acc[bucket] || [];    acc[bucket].push({ text, path, severity:item.severity, action:item.action || '' });    return acc;  }, {});  const errorCount=contractIssues.length ? contractIssues.filter(item=>item.severity==='error').length : errorList.length;  const warningCount=contractIssues.length ? contractIssues.filter(item=>item.severity!=='error').length : warningList.length;  const summary='<div class="alert info"><div class="row"><strong>Validation summary</strong><span class="pill">'+esc(errorCount)+' errors / '+esc(warningCount)+' warnings</span></div><div class="muted">'+(errorCount ? '\u8BF7\u4F18\u5148\u4FEE\u590D errors\uFF0C\u518D\u51B3\u5B9A\u662F\u5426\u63A5\u53D7 warnings\u3002' : '\u5F53\u524D\u65E0\u963B\u65AD\u9519\u8BEF\uFF0C\u53EF\u6309\u9700\u5904\u7406 warnings\u3002')+'</div></div>';  draftValidationList.innerHTML=summary + Object.entries(grouped).map(([bucket,items])=>{ const hasError=items.some(item=>item.severity==='error'); const levelClass=hasError ? 'warn' : 'info'; const actionLabel=hasError ? 'repair first' : 'review before save'; return '<div class="alert '+levelClass+'"><div class="row"><strong>'+esc(bucket)+'</strong><span class="pill">'+esc(items.length)+' issues</span></div><div class="muted">'+esc(actionLabel)+'</div><div>'+items.slice(0,4).map(item=>'<div>'+(item.path ? ('<button type="button" class="pill" data-validation-path="'+esc(item.path)+'">'+esc(item.path)+'</button> ') : '')+'<span class="pill">'+esc(item.severity==='error' ? 'error' : 'warning')+'</span> '+esc(item.text)+(item.action ? ('<div class="muted">Action: '+esc(item.action)+'</div>') : '')+'</div>').join('')+'</div></div>'; }).join('');}function getCapabilityWarningActionLabel(code){  if(code==='thinking_ignored'){ return '\u79FB\u9664 thinking'; }  if(code==='tools_text_fallback' || code==='images_text_fallback'){ return '\u6062\u590D\u9ED8\u8BA4 capability'; }  return '';}function renderCapabilityWarnings(report){  const entries=Array.isArray(report?.entries) ? report.entries : [];  if(!entries.length){ capabilityWarningsList.innerHTML='<div class="alert info"><strong>No capability warnings</strong><div class="muted">\u5F53\u524D compiled models \u672A\u53D1\u73B0\u9700\u8981\u989D\u5916\u63D0\u793A\u7684\u80FD\u529B\u964D\u7EA7</div></div>'; return; }  const summary=report?.summary || {};  capabilityWarningsList.innerHTML='<div class="alert info"><strong>Capability warning summary</strong><div class="muted">warn '+esc(summary.warn ?? 0)+' / info '+esc(summary.info ?? 0)+' / total '+esc(summary.total ?? entries.length)+'</div></div>' + entries.map(item=>{ const actionLabel=getCapabilityWarningActionLabel(item.code); return '<div class="alert '+esc(item.level === 'warn' ? 'warn' : 'info')+'"><div class="row"><strong>'+esc(item.code || item.level || 'warning')+'</strong><span class="pill">'+esc(item.modelId || '-').trim()+'</span></div><div>'+(item.path ? ('<button type="button" class="pill" data-validation-path="'+esc(item.path)+'">'+esc(item.path)+'</button> ') : '')+esc(item.message || '')+'</div>'+(actionLabel ? ('<div class="row" style="margin-top:.5rem"><button type="button" data-apply-warning-path="'+esc(item.path || '')+'" data-apply-warning-code="'+esc(item.code || '')+'">'+esc(actionLabel)+'</button></div>') : '')+'</div>'; }).join('');}function findValidationTarget(path){  if(!path){ return null; }  if(path.startsWith('Models')){ return modelsFormGrid; }  if(path === 'Router.default'){ return draftRouterDefault; }  if(path.startsWith('TriggerRouter.intent_model')){ return triggerIntentModel; }  if(path.startsWith('TriggerRouter.rules[')){ return triggerRulesList; }  if(path.startsWith('SmartRouter.router_model')){ return smartRouterModel; }  if(path.startsWith('SmartRouter.candidates[')){ return smartCandidatesList; }  if(path.startsWith('Governance.cascade.levels[')){ return governanceCascadeLevelsList; }  if(path.startsWith('Governance.sticky.alignment')){ return governanceSummarizerModel; }  if(path.startsWith('Governance.semantic')){ return governanceClassifierModel; }  if(path.startsWith('Governance.shadow')){ return governanceVerifierModel; }  if(path.startsWith('Governance')){ return governanceEnabled; }  return null;}function jumpToValidationPath(path){  const target=findValidationTarget(path);  if(!target || typeof target.scrollIntoView !== 'function'){ return; }  if(activeValidationHighlight && activeValidationHighlight.classList){ activeValidationHighlight.classList.remove('jump-highlight'); }  target.scrollIntoView({ behavior:'smooth', block:'center' });  if(target.classList){ target.classList.add('jump-highlight'); activeValidationHighlight=target; setTimeout(()=>{ if(target.classList){ target.classList.remove('jump-highlight'); if(activeValidationHighlight===target){ activeValidationHighlight=null; } } }, 1800); }  if(typeof target.focus === 'function'){ target.focus({ preventScroll:true }); }}function renderDraftPresetModeHint(){  const overwriteMode=draftPresetMode.value === 'replace';  draftPresetModeHint.textContent=overwriteMode ? 'overwrite \u4F1A\u91CD\u7F6E SmartRouter / Governance \u76F8\u5173\u8868\u5355\uFF0C\u518D\u5E94\u7528\u9884\u8BBE' : 'append / merge \u4F1A\u5C3D\u91CF\u4FDD\u7559\u5F53\u524D\u8349\u7A3F\uFF0C\u4EC5\u8865\u5145 SmartRouter / Governance \u76F8\u5173\u5B57\u6BB5';}function deriveActualAffectedAreas(preview){  const areas=new Set();  const diff=preview?.diff || {};  const impact=preview?.referenceImpact || {};  if((diff.providerChanges || []).length || (diff.modelChanges || []).length){ areas.add('Models'); }  (impact.entries || []).forEach((entry)=>{    const path=String(entry.path || '');    if(path.startsWith('Router.')){ areas.add('Router'); }    else if(path.startsWith('TriggerRouter.')){ areas.add('SmartRouter'); }    else if(path.startsWith('SmartRouter.')){ areas.add('SmartRouter'); }    else if(path.startsWith('Governance.sticky') || path.startsWith('Governance.semantic')){ areas.add('SmartRouter'); }    else if(path.startsWith('Governance.')){ areas.add('Governance'); }  });  return Array.from(areas);}function renderDraftPreviewMeta(meta){  if(!meta){ draftPreviewMeta.innerHTML='<div class="alert info"><strong>Draft preview mode</strong><div class="muted">\u5F53\u524D\u663E\u793A\u4E3A\u8349\u7A3F\u7F16\u8F91\u89C6\u56FE\uFF0C\u9884\u8BBE dry-run \u4F1A\u5728\u8FD9\u91CC\u63D0\u793A\u5F71\u54CD\u8303\u56F4\u3002</div></div>'; return; }  draftPreviewMeta.innerHTML='<div class="alert info"><strong>'+esc(meta.title || 'Preset dry-run')+'</strong><div>'+esc(meta.description || '')+'</div><div class="muted">\u6A21\u5F0F\uFF1A'+esc(meta.mode || '-')+' \xB7 \u9884\u8BBE\u58F0\u660E\u5F71\u54CD\u8303\u56F4\uFF1A'+esc((meta.affects || []).join(' / ') || '-')+'</div><div class="muted">\u5B9E\u9645\u9884\u89C8\u547D\u4E2D\u533A\u57DF\uFF1A'+esc((meta.actualAffects || []).join(' / ') || '-')+'</div></div>';}function renderDraftPresetGuide(){  draftPresetList.innerHTML=Object.entries(draftPresets).map(([key,preset])=>'<div class="alert info"><strong>'+esc(preset.label || key)+'</strong><div>'+esc(preset.description || '')+'</div><div class="muted">\u5F71\u54CD\u8303\u56F4\uFF1A'+esc((preset.affects || []).join(' / '))+'</div></div>').join('');}function updateTopLevelModelSuggestionLists(){  const markup=knownModelIds.map(modelId=>'<option value="'+esc(modelId)+'"></option>').join('');  [topLevelTriggerIntentSuggestions,topLevelSmartRouterSuggestions,topLevelGovernanceSummarizerSuggestions,topLevelGovernanceClassifierSuggestions,topLevelGovernanceVerifierSuggestions].forEach(node=>{ if(node){ node.innerHTML=markup; } });}function renderModelsForm(models){  const list=Array.isArray(models) ? models : [];  draftModelsCount.value=String(list.length);  if(!list.length){ modelsFormGrid.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No draft models loaded yet</span></div>'; return; }  modelsFormGrid.innerHTML=list.map((model,index)=>{ const templateContext=getProviderTemplateContext(model); const template=templateContext.template; return '<div class="model-card" data-model-card="'+index+'">' +    '<div class="model-card-header"><strong>Model #'+(index+1)+'</strong><button type="button" data-remove-model="'+index+'">\u5220\u9664</button></div>' +    '<div class="model-card-grid">' +      '<div><label>Provider template</label><div class="row"><select data-field="provider_template" data-index="'+index+'"><option value="">custom</option>'+Object.entries(modelProviderTemplates).map(([key,item])=>'<option value="'+esc(key)+'"'+(model.provider_template === key ? ' selected' : '')+'>'+esc(item.label)+'</option>').join('')+'</select><button type="button" data-apply-template="'+index+'">\u5E94\u7528</button></div></div>' +      '<div><label>ID</label><input data-field="id" data-index="'+index+'" value="'+esc(model.id || '')+'" placeholder="'+esc(template.suggested_id || 'sonnet')+'"><div class="muted">Router.default \u548C\u8DEF\u7531\u89C4\u5219\u5F15\u7528\u8FD9\u4E2A model id\uFF1B\u5EFA\u8BAE\u6A21\u677F\uFF1A'+esc(template.label || templateContext.templateKey || 'custom')+'</div></div>' +      '<div><label>Interface</label><select data-field="interface" data-index="'+index+'"><option value="openai"'+(((model.interface || model.protocol || 'openai') === 'openai') ? ' selected' : '')+'>openai</option><option value="anthropic"'+(((model.interface || model.protocol) === 'anthropic') ? ' selected' : '')+'>anthropic</option></select><div class="muted">\u65B0\u914D\u7F6E\u4F7F\u7528 interface\uFF1B\u65E7 protocol \u4F1A\u81EA\u52A8\u8BFB\u53D6\u4E3A\u517C\u5BB9\u503C\u3002</div></div>' +      '<div><label>Model</label><input data-field="model" data-index="'+index+'" list="modelSuggestions'+index+'" value="'+esc(model.model || '')+'" placeholder="'+esc(template.default_model || 'anthropic/claude-sonnet-4')+'"><datalist id="modelSuggestions'+index+'">'+((template.model_examples || []).map(item=>'<option value="'+esc(item)+'"></option>').join(''))+'</datalist><div class="muted">\u4E0A\u6E38\u771F\u5B9E\u6A21\u578B\u540D\uFF0C\u4F8B\u5982\uFF1A'+esc((template.model_examples || ['anthropic/claude-sonnet-4']).join(' / '))+'</div></div>' +      '<div><label>API</label><input data-field="api" data-index="'+index+'" value="'+esc(model.api || model.api_base_url || '')+'" placeholder="'+esc(template.api || 'https://...')+'"><div class="muted">\u65B0\u914D\u7F6E\u4F7F\u7528 api\uFF1B\u65E7 api_base_url \u4EC5\u7528\u4E8E\u517C\u5BB9\u8BFB\u53D6\u3002</div></div>' +      '<div><label>Key</label><input data-field="key" data-index="'+index+'" value="'+esc(model.key || model.api_key || '')+'" placeholder="'+esc(template.key_placeholder || 'sk-...')+'"><div class="muted">\u65B0\u914D\u7F6E\u4F7F\u7528 key\uFF1B\u65E7 api_key \u4EC5\u7528\u4E8E\u517C\u5BB9\u8BFB\u53D6\u3002</div></div>' +      '<div><label>Thinking</label><select data-field="thinking_profile" data-index="'+index+'"><option value="">default</option><option value="off"'+(((model.thinking === 'off') || model.thinking?.mode === 'off') ? ' selected' : '')+'>off</option><option value="auto"'+(((model.thinking === 'auto') || model.thinking?.mode === 'auto') ? ' selected' : '')+'>auto</option><option value="on"'+(((model.thinking === 'on') || (model.thinking?.mode === 'on' && !model.thinking?.effort)) ? ' selected' : '')+'>on</option><option value="low"'+(((model.thinking === 'low') || (model.thinking?.mode === 'on' && model.thinking?.effort === 'low' && !model.thinking?.budget_tokens)) ? ' selected' : '')+'>low</option><option value="medium"'+(((model.thinking === 'medium') || (model.thinking?.mode === 'on' && model.thinking?.effort === 'medium' && !model.thinking?.budget_tokens)) ? ' selected' : '')+'>medium</option><option value="high"'+(((model.thinking === 'high') || (model.thinking?.mode === 'on' && model.thinking?.effort === 'high' && !model.thinking?.budget_tokens)) ? ' selected' : '')+'>high</option><option value="custom"'+(((typeof model.thinking === 'object') && model.thinking && model.thinking.budget_tokens) ? ' selected' : '')+'>custom</option></select></div>' +      '<div><label>Thinking mode</label><select data-field="thinking_mode" data-index="'+index+'"><option value="">default</option><option value="off"'+(model.thinking?.mode === 'off' ? ' selected' : '')+'>off</option><option value="auto"'+(model.thinking?.mode === 'auto' ? ' selected' : '')+'>auto</option><option value="on"'+(model.thinking?.mode === 'on' ? ' selected' : '')+'>on</option></select></div>' +      '<div><label>Thinking effort</label><select data-field="thinking_effort" data-index="'+index+'"><option value="">default</option><option value="low"'+(model.thinking?.effort === 'low' ? ' selected' : '')+'>low</option><option value="medium"'+(model.thinking?.effort === 'medium' ? ' selected' : '')+'>medium</option><option value="high"'+(model.thinking?.effort === 'high' ? ' selected' : '')+'>high</option></select></div>' +      '<div><label>Thinking budget</label><input data-field="thinking_budget_tokens" data-index="'+index+'" value="'+esc(model.thinking?.budget_tokens || '')+'" placeholder="1024"></div>' +      '<div><label>Vendor hint</label><input data-field="vendor_hint" data-index="'+index+'" value="'+esc(model.metadata?.vendor_hint || '')+'" placeholder="'+esc(template.vendor_hint || 'openrouter')+'"></div>' +      '<div><label>Context window</label><input data-field="context_window_tokens" data-index="'+index+'" value="'+esc(model.metadata?.context_window_tokens || '')+'" placeholder="200000"></div>' +      '<div><label>Safe input</label><input data-field="safe_input_tokens" data-index="'+index+'" value="'+esc(model.metadata?.safe_input_tokens || '')+'" placeholder="180000"></div>' +      '<div><label>Reasoning support</label><select data-field="supports_reasoning" data-index="'+index+'"><option value="">default</option><option value="true"'+(model.metadata?.supports_reasoning === true ? ' selected' : '')+'>supported</option><option value="false"'+(model.metadata?.supports_reasoning === false ? ' selected' : '')+'>disabled</option></select></div>' +      '<div><label>Tool support</label><select data-field="supports_tools" data-index="'+index+'"><option value="">default</option><option value="true"'+(model.metadata?.supports_tools === true ? ' selected' : '')+'>supported</option><option value="false"'+(model.metadata?.supports_tools === false ? ' selected' : '')+'>disabled</option></select></div>' +      '<div><label>Image support</label><select data-field="supports_images" data-index="'+index+'"><option value="">default</option><option value="true"'+(model.metadata?.supports_images === true ? ' selected' : '')+'>supported</option><option value="false"'+(model.metadata?.supports_images === false ? ' selected' : '')+'>disabled</option></select></div>' +      '<div style="grid-column:1/-1"><label>Metadata (advanced JSON)</label><textarea data-field="metadata" data-index="'+index+'" placeholder="{\\"label\\":\\"Balanced profile\\"}">'+esc(model.metadata ? JSON.stringify(model.metadata, null, 2) : '')+'</textarea><div class="muted">\u666E\u901A capability \u5EFA\u8BAE\u4F18\u5148\u4F7F\u7528\u4E0A\u9762\u7684\u663E\u5F0F\u5B57\u6BB5\uFF1B\u8FD9\u91CC\u4FDD\u7559\u7ED9\u9AD8\u7EA7\u6269\u5C55\u5143\u6570\u636E\u3002</div></div>' +    '</div>' +  '</div>'; }).join('');}function extractModelsFromForm(){  const cards=Array.from(modelsFormGrid.querySelectorAll('[data-model-card]'));  return cards.map((card,index)=>{    const read=(field)=>card.querySelector('[data-field="'+field+'"][data-index="'+index+'"]');    const providerTemplate=(read('provider_template')?.value || '').trim();    const metadataRaw=(read('metadata')?.value || '').trim();    let metadata;    if(metadataRaw){ metadata=JSON.parse(metadataRaw); } else { metadata={}; }    const thinkingProfile=(read('thinking_profile')?.value || '').trim();    const vendorHint=(read('vendor_hint')?.value || '').trim();    const contextWindowTokens=(read('context_window_tokens')?.value || '').trim();    const safeInputTokens=(read('safe_input_tokens')?.value || '').trim();    const supportsReasoning=(read('supports_reasoning')?.value || '').trim();    const supportsTools=(read('supports_tools')?.value || '').trim();    const supportsImages=(read('supports_images')?.value || '').trim();    const thinking={};    const mode=(read('thinking_mode')?.value || '').trim();    const effort=(read('thinking_effort')?.value || '').trim();    const budget=(read('thinking_budget_tokens')?.value || '').trim();    if(mode) thinking.mode=mode;    if(effort) thinking.effort=effort;    if(budget) thinking.budget_tokens=Number(budget);    const model={      id:(read('id')?.value || '').trim(),      api:(read('api')?.value || '').trim(),      key:(read('key')?.value || '').trim(),      interface:(read('interface')?.value || '').trim(),      model:(read('model')?.value || '').trim(),    };    if(vendorHint){ metadata.vendor_hint=vendorHint; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'vendor_hint')){ delete metadata.vendor_hint; }    if(contextWindowTokens){ metadata.context_window_tokens=Number(contextWindowTokens); } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'context_window_tokens')){ delete metadata.context_window_tokens; }    if(safeInputTokens){ metadata.safe_input_tokens=Number(safeInputTokens); } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'safe_input_tokens')){ delete metadata.safe_input_tokens; }    if(supportsReasoning){ metadata.supports_reasoning=supportsReasoning === 'true'; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'supports_reasoning')){ delete metadata.supports_reasoning; }    if(supportsTools){ metadata.supports_tools=supportsTools === 'true'; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'supports_tools')){ delete metadata.supports_tools; }    if(supportsImages){ metadata.supports_images=supportsImages === 'true'; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'supports_images')){ delete metadata.supports_images; }    if(providerTemplate){ model.provider_template=providerTemplate; }    if(thinkingProfile && thinkingProfile !== 'custom'){ model.thinking=thinkingProfile; } else if(Object.keys(thinking).length){ model.thinking=thinking; }    if(metadata !== undefined && Object.keys(metadata).length){ model.metadata=metadata; }    return model;  });}function applyProviderTemplate(index){  const card=modelsFormGrid.querySelector('[data-model-card="'+index+'"]');  if(!card){ return; }  const templateKey=(card.querySelector('[data-field="provider_template"][data-index="'+index+'"]')?.value || '').trim();  const template=modelProviderTemplates[templateKey];  if(!template){ return; }  const modelInterface=card.querySelector('[data-field="interface"][data-index="'+index+'"]');  const apiBaseUrl=card.querySelector('[data-field="api"][data-index="'+index+'"]');  const modelInput=card.querySelector('[data-field="model"][data-index="'+index+'"]');  if(modelInterface){ modelInterface.value=template.interface || template.protocol; }  if(apiBaseUrl && !apiBaseUrl.value.trim()){ apiBaseUrl.value=template.api || template.api_base_url; } else if(apiBaseUrl){ apiBaseUrl.value=template.api || template.api_base_url; }  if(modelInput){ modelInput.placeholder=template.default_model || modelInput.placeholder; if(!modelInput.value.trim() && template.default_model){ modelInput.value=template.default_model; } }  const modelIdInput=card.querySelector('[data-field="id"][data-index="'+index+'"]');  if(modelIdInput){ modelIdInput.placeholder=template.suggested_id || modelIdInput.placeholder; if(!modelIdInput.value.trim() && template.suggested_id){ modelIdInput.value=template.suggested_id; } }  const keyInput=card.querySelector('[data-field="key"][data-index="'+index+'"]');  if(keyInput && template.key_placeholder){ keyInput.placeholder=template.key_placeholder; }  const vendorHintInput=card.querySelector('[data-field="vendor_hint"][data-index="'+index+'"]');  if(vendorHintInput && template.vendor_hint){ vendorHintInput.placeholder=template.vendor_hint; }  const thinkingProfile=card.querySelector('[data-field="thinking_profile"][data-index="'+index+'"]');  if(thinkingProfile && !thinkingProfile.value && template.default_thinking){ thinkingProfile.value=template.default_thinking; }  const nextModels=extractModelsFromForm();  if(nextModels[index]){ nextModels[index]={ ...nextModels[index], provider_template: templateKey }; }  renderModelsForm(nextModels);}function renderTriggerRulesList(rules){  const list=Array.isArray(rules) ? rules : [];  if(!list.length){ triggerRulesList.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No routing rules yet</span></div>'; return; }  triggerRulesList.innerHTML=list.map((rule,index)=>'<div class="list-item" data-trigger-rule="'+index+'">' +    '<div class="action-row"><strong>Rule #'+(index+1)+'</strong><button type="button" data-remove-trigger-rule="'+index+'">\u5220\u9664</button></div>' +    '<div class="list-item-grid">' +      '<div><label>Name</label><input data-trigger-field="name" data-index="'+index+'" value="'+esc(rule.name || '')+'"></div>' +      '<div><label>Model</label><input data-trigger-field="model" data-index="'+index+'" list="triggerModelSuggestions'+index+'" value="'+esc(rule.model || '')+'">'+getModelIdSuggestionsMarkup('triggerModelSuggestions'+index)+'</div>' +      '<div><label>Priority</label><input data-trigger-field="priority" data-index="'+index+'" value="'+esc(rule.priority ?? 10)+'"></div>' +      '<div><label><input type="checkbox" data-trigger-field="enabled" data-index="'+index+'"'+(rule.enabled === false ? '' : ' checked')+'> Enabled</label></div>' +      '<div style="grid-column:1/-1"><label>Description</label><input data-trigger-field="description" data-index="'+index+'" value="'+esc(rule.description || '')+'"></div>' +    '</div>' +    '<div class="action-row" style="margin-top:.75rem"><strong>Patterns</strong><button type="button" data-add-trigger-pattern="'+index+'">\u65B0\u589E Pattern</button></div>' +    '<div class="list-editor">'+(((rule.patterns || []).length ? rule.patterns : [{ type:'exact', keywords:[] }]).map((pattern,patternIndex)=>'<div class="list-item" data-trigger-pattern="'+index+'-'+patternIndex+'">' +      '<div class="action-row"><span class="muted">Pattern #'+(patternIndex+1)+'</span><span class="pill">'+esc(pattern.type || 'exact')+'</span><span class="muted">'+esc(getTriggerPatternValidationHint(pattern).message)+'</span><button type="button" data-remove-trigger-pattern="'+index+'" data-pattern-index="'+patternIndex+'">\u5220\u9664</button></div>' +      '<div class="list-item-grid">' +        '<div><label>Type</label><select data-trigger-pattern-field="type" data-index="'+index+'" data-pattern-index="'+patternIndex+'"><option value="exact"'+(pattern.type !== 'regex' ? ' selected' : '')+'>exact</option><option value="regex"'+(pattern.type === 'regex' ? ' selected' : '')+'>regex</option></select></div>' +        '<div><label><input type="checkbox" data-trigger-pattern-field="caseSensitive" data-index="'+index+'" data-pattern-index="'+patternIndex+'"'+(pattern.caseSensitive ? ' checked' : '')+'> Case sensitive</label></div>' +        '<div style="grid-column:1/-1"><div class="action-row"><label>Keywords</label><button type="button" data-add-trigger-keyword="'+index+'" data-pattern-index="'+patternIndex+'"'+(pattern.type === 'regex' ? ' disabled' : '')+'>\u65B0\u589E Keyword</button></div><div class="list-editor">'+((((pattern.keywords || []).length ? pattern.keywords : ['']).map((keyword,keywordIndex)=>'<div class="list-item" data-trigger-keyword="'+index+'-'+patternIndex+'-'+keywordIndex+'"><div class="action-row"><span class="muted">Keyword #'+(keywordIndex+1)+'</span><button type="button" data-remove-trigger-keyword="'+index+'" data-pattern-index="'+patternIndex+'" data-keyword-index="'+keywordIndex+'"'+(pattern.type === 'regex' ? ' disabled' : '')+'>\u5220\u9664</button></div><input data-trigger-pattern-field="keyword_item" data-index="'+index+'" data-pattern-index="'+patternIndex+'" data-keyword-index="'+keywordIndex+'" value="'+esc(keyword || '')+'" placeholder="keyword"'+(pattern.type === 'regex' ? ' disabled' : '')+'></div>')).join(''))+'</div><div class="muted">'+(pattern.type === 'regex' ? 'regex \u6A21\u5F0F\u4E0B\u5FFD\u7565 keywords' : 'exact \u6A21\u5F0F\u4E0B\u6309\u5173\u952E\u8BCD\u5217\u8868\u5339\u914D')+'</div></div>' +        '<div style="grid-column:1/-1"><label>Regex pattern</label><input data-trigger-pattern-field="pattern" data-index="'+index+'" data-pattern-index="'+patternIndex+'" value="'+esc(pattern.pattern || '')+'" placeholder="error|exception"'+(pattern.type === 'regex' ? '' : ' disabled')+'><div class="muted">'+(pattern.type === 'regex' ? 'regex \u6A21\u5F0F\u4E0B\u4F7F\u7528\u6B63\u5219\u8868\u8FBE\u5F0F\u5339\u914D' : 'exact \u6A21\u5F0F\u4E0B\u5FFD\u7565 regex pattern')+'</div></div>' +      '</div>' +    '</div>').join(''))+'</div>' +  '</div>').join('');}function extractTriggerRulesFromForm(){  return Array.from(triggerRulesList.querySelectorAll('[data-trigger-rule]')).map((card,index)=>{    const read=(field)=>card.querySelector('[data-trigger-field="'+field+'"][data-index="'+index+'"]');    const patterns=Array.from(card.querySelectorAll('[data-trigger-pattern]')).map((patternCard,patternIndex)=>{      const patternRead=(field)=>patternCard.querySelector('[data-trigger-pattern-field="'+field+'"][data-index="'+index+'"][data-pattern-index="'+patternIndex+'"]');      const type=(patternRead('type')?.value || 'exact').trim();      const pattern={ type, caseSensitive:Boolean(patternRead('caseSensitive')?.checked) };      const keywords=Array.from(patternCard.querySelectorAll('[data-trigger-pattern-field="keyword_item"][data-index="'+index+'"][data-pattern-index="'+patternIndex+'"]')).map((node)=>node.value.trim()).filter(Boolean);      const regexPattern=(patternRead('pattern')?.value || '').trim();      if(type === 'regex'){ if(regexPattern){ pattern.pattern=regexPattern; } } else if(keywords.length){ pattern.keywords=keywords; }      return pattern;    });    const rule={ name:(read('name')?.value || '').trim(), model:(read('model')?.value || '').trim(), priority:Number(read('priority')?.value || 10), enabled:Boolean(read('enabled')?.checked), patterns };    const description=(read('description')?.value || '').trim(); if(description){ rule.description=description; } return rule;  });}function renderSmartCandidatesList(candidates){  const list=Array.isArray(candidates) ? candidates : [];  if(!list.length){ smartCandidatesList.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No smart candidates yet</span></div>'; return; }  smartCandidatesList.innerHTML=list.map((candidate,index)=>'<div class="list-item" data-smart-candidate="'+index+'">' +    '<div class="action-row"><strong>Candidate #'+(index+1)+'</strong><button type="button" data-remove-smart-candidate="'+index+'">\u5220\u9664</button></div>' +    '<div class="list-item-grid">' +      '<div><label>Model</label><input data-smart-field="model" data-index="'+index+'" list="smartModelSuggestions'+index+'" value="'+esc(candidate.model || '')+'">'+getModelIdSuggestionsMarkup('smartModelSuggestions'+index)+'</div>' +      '<div style="grid-column:1/-1"><label>Description</label><input data-smart-field="description" data-index="'+index+'" value="'+esc(candidate.description || '')+'"></div>' +    '</div>' +  '</div>').join('');}function extractSmartCandidatesFromForm(){  return Array.from(smartCandidatesList.querySelectorAll('[data-smart-candidate]')).map((card,index)=>{    const read=(field)=>card.querySelector('[data-smart-field="'+field+'"][data-index="'+index+'"]');    return { model:(read('model')?.value || '').trim(), description:(read('description')?.value || '').trim() };  });}function renderCascadeLevelsList(levels){  const list=Array.isArray(levels) ? levels : [];  if(!list.length){ governanceCascadeLevelsList.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No cascade levels yet</span></div>'; return; }  governanceCascadeLevelsList.innerHTML=list.map((level,index)=>'<div class="list-item" data-cascade-level="'+index+'">' +    '<div class="action-row"><strong>Level #'+(index+1)+'</strong><button type="button" data-remove-cascade-level="'+index+'">\u5220\u9664</button></div>' +    '<div class="list-item-grid">' +      '<div><label>From</label><input data-cascade-field="from" data-index="'+index+'" list="cascadeFromSuggestions'+index+'" value="'+esc(level.from || '')+'">'+getModelIdSuggestionsMarkup('cascadeFromSuggestions'+index)+'</div>' +      '<div><label>To</label><input data-cascade-field="to" data-index="'+index+'" list="cascadeToSuggestions'+index+'" value="'+esc(level.to || '')+'">'+getModelIdSuggestionsMarkup('cascadeToSuggestions'+index)+'</div>' +      '<div style="grid-column:1/-1"><label>Reason</label><input data-cascade-field="reason" data-index="'+index+'" value="'+esc(level.reason || '')+'"></div>' +    '</div>' +  '</div>').join('');}function extractCascadeLevelsFromForm(){  return Array.from(governanceCascadeLevelsList.querySelectorAll('[data-cascade-level]')).map((card,index)=>{    const read=(field)=>card.querySelector('[data-cascade-field="'+field+'"][data-index="'+index+'"]');    const level={ from:(read('from')?.value || '').trim(), to:(read('to')?.value || '').trim() };    const reason=(read('reason')?.value || '').trim(); if(reason){ level.reason=reason; } return level;  });}function buildDraftPayloadFromForm(){  const payload=JSON.parse(JSON.stringify(currentDraftConfig || {}));  payload.Models=extractModelsFromForm();  const routerDefault=(draftRouterDefault.value || '').trim();  if(routerDefault){ payload.Router={ ...(payload.Router || {}), default: routerDefault }; }  else if(payload.Router){ delete payload.Router.default; if(!Object.keys(payload.Router).length){ delete payload.Router; } }  const triggerRules=extractTriggerRulesFromForm();  const smartCandidates=extractSmartCandidatesFromForm();  const smartRouterEnabled=Boolean(smartEnabled.checked || triggerEnabled.checked || triggerIntentEnabled.checked || triggerIntentModel.value.trim() || triggerRules.length || smartRouterModel.value.trim() || smartCandidates.length || smartCacheTtl.value.trim() || smartMaxTokens.value.trim() || governanceAlignmentEnabled.checked || governanceSummarizerModel.value.trim() || governanceSemanticEnabled.checked || governanceClassifierModel.value.trim());  if(smartRouterEnabled){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: true, analysis_scope: triggerAnalysisScope.value || payload.SmartRouter?.analysis_scope || 'last_message', router_model: smartRouterModel.value.trim(), fallback: smartFallback.value || 'default', candidates: smartCandidates, cache_ttl: smartCacheTtl.value.trim() ? Number(smartCacheTtl.value.trim()) : undefined, max_tokens: smartMaxTokens.value.trim() ? Number(smartMaxTokens.value.trim()) : undefined, rules: triggerRules, semantic:(governanceSemanticEnabled.checked || triggerIntentEnabled.checked || governanceClassifierModel.value.trim() || triggerIntentModel.value.trim()) ? { ...(((payload.SmartRouter || {}).semantic) || {}), enabled:Boolean(governanceSemanticEnabled.checked || triggerIntentEnabled.checked), mode:'classifier', classifier_model: governanceClassifierModel.value.trim() || triggerIntentModel.value.trim() } : undefined, sticky:(governanceAlignmentEnabled.checked || governanceSummarizerModel.value.trim()) ? { ...(((payload.SmartRouter || {}).sticky) || {}), enabled:true, alignment:{ ...((((payload.SmartRouter || {}).sticky || {}).alignment) || {}), enabled:Boolean(governanceAlignmentEnabled.checked), summarizer_model: governanceSummarizerModel.value.trim() } } : undefined }; } else { delete payload.SmartRouter; }  delete payload.TriggerRouter;  const cascadeLevels=extractCascadeLevelsFromForm();  if(governanceEnabled.checked || governanceShadowEnabled.checked || governanceVerifierModel.value.trim() || cascadeLevels.length){ payload.Governance={ ...(payload.Governance || {}), enabled: governanceEnabled.checked, shadow:{ ...((payload.Governance && payload.Governance.shadow) || {}), enabled: governanceShadowEnabled.checked, verifier_model: governanceVerifierModel.value.trim() }, cascade:{ ...((payload.Governance && payload.Governance.cascade) || {}), enabled: Boolean(cascadeLevels.length), levels: cascadeLevels } }; } else { delete payload.Governance; }  return payload;}function renderConfigControlForms(config){  const smart=getDraftSmartRouterConfig(config);  const trigger=config?.TriggerRouter || {};  triggerEnabled.checked=Boolean(smart.enabled);  triggerIntentEnabled.checked=Boolean(smart.semantic?.enabled && smart.semantic?.mode === 'classifier');  triggerAnalysisScope.value=smart.analysis_scope || 'last_message';  triggerIntentModel.value=smart.semantic?.classifier_model || trigger.intent_model || '';  renderTriggerRulesList(smart.rules || trigger.rules || []);  smartEnabled.checked=Boolean(smart.enabled);  smartRouterModel.value=smart.router_model || '';  smartFallback.value=smart.fallback || 'default';  smartCacheTtl.value=smart.cache_ttl ?? '';  smartMaxTokens.value=smart.max_tokens ?? '';  renderSmartCandidatesList(smart.candidates || []);  const governance=config?.Governance || {};  governanceEnabled.checked=Boolean(governance.enabled);  governanceAlignmentEnabled.checked=Boolean(smart.sticky?.alignment?.enabled);  governanceSummarizerModel.value=smart.sticky?.alignment?.summarizer_model || '';  governanceSemanticEnabled.checked=Boolean(smart.semantic?.enabled);  governanceClassifierModel.value=smart.semantic?.classifier_model || '';  governanceShadowEnabled.checked=Boolean(governance.shadow?.enabled);  governanceVerifierModel.value=governance.shadow?.verifier_model || '';  renderCascadeLevelsList(governance.cascade?.levels || []);}function syncDraftEditorFromForm(){  try {    const payload=buildDraftPayloadFromForm();    currentDraftConfig=payload;    configDraftEditor.value=JSON.stringify(payload,null,2);    renderDraftSummary(payload);    renderDraftValidation([],[]);    renderCapabilityWarnings();    renderRouterSlotExplanation(withDraftCompiledData(payload));    renderContextWindowGuide(withDraftCompiledData(payload));    renderDraftPreviewMeta();    draftPreviewStatus.textContent='\u5DF2\u540C\u6B65 Models \u8868\u5355\u5230 JSON \u8349\u7A3F';  } catch (error) {    draftPreviewStatus.textContent='\u540C\u6B65\u5931\u8D25\uFF1A'+error.message;  }}function applyReferenceSuggestion(path,modelId){  if(!modelId){ return; }  if(path==='Router.default'){ draftRouterDefault.value=modelId; syncDraftEditorFromForm(); draftPreviewStatus.textContent='\u5DF2\u5C06\u5EFA\u8BAE\u6A21\u578B\u5E94\u7528\u5230 Router.default'; return; }  const payload=JSON.parse(JSON.stringify(currentDraftConfig || {}));  const pathMatch=path.match(/^([^.[]+)(?:.(.+))?$/);  if(!pathMatch){ draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u81EA\u52A8\u4FEE\u590D\uFF1A'+path; return; }  const tokens=path.replace(/[(d+)]/g,'.$1').split('.');  let cursor=payload;  for(let i=0;i<tokens.length-1;i++){    const token=tokens[i];    const nextToken=tokens[i+1];    if(cursor[token] === undefined){ cursor[token]=String(Number(nextToken))===nextToken ? [] : {}; }    cursor=cursor[token];  }  cursor[tokens[tokens.length-1]]=modelId;  currentDraftConfig=payload;  if(payload.Router?.default){ draftRouterDefault.value=payload.Router.default; }  renderConfigControlForms(payload);  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5C06\u5EFA\u8BAE\u6A21\u578B\u5E94\u7528\u5230 '+path+'\uFF0C\u53EF\u91CD\u65B0\u9884\u89C8\u9A8C\u8BC1';}function applyContextWindowAction(action,modelId){  if(action!=='set-long-context' || !modelId){ draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u8BE5\u4E0A\u4E0B\u6587\u7A97\u53E3\u64CD\u4F5C'; return; }  const payload=buildDraftPayloadFromForm();  payload.Router={ ...(payload.Router || {}), longContext:modelId };  currentDraftConfig=payload;  renderConfigControlForms(payload);  draftRouterDefault.value=payload.Router?.default || '';  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5C06 Router.longContext \u8BBE\u7F6E\u4E3A '+modelId+'\uFF0C\u53EF\u91CD\u65B0\u9884\u89C8\u9A8C\u8BC1';}function applyCapabilityWarningSuggestion(path,code){  const payload=JSON.parse(JSON.stringify(currentDraftConfig || {}));  const tokens=String(path || '').replace(/[(d+)]/g,'.$1').split('.').filter(Boolean);  if(!tokens.length){ draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u81EA\u52A8\u4FEE\u590D\u8BE5 warning'; return; }  let cursor=payload;  for(let i=0;i<tokens.length-1;i++){ if(cursor == null){ break; } cursor=cursor[tokens[i]]; }  const lastToken=tokens[tokens.length-1];  if(code==='thinking_ignored'){    if(cursor && Object.prototype.hasOwnProperty.call(cursor,lastToken)){ delete cursor[lastToken]; }  } else if(code==='tools_text_fallback' || code==='images_text_fallback'){    if(cursor && Object.prototype.hasOwnProperty.call(cursor,lastToken)){ delete cursor[lastToken]; }    if(cursor && !Object.keys(cursor).length){      const parentTokens=tokens.slice(0,-1);      const maybeMetadataKey=parentTokens[parentTokens.length-1];      if(maybeMetadataKey==='metadata'){        let parentCursor=payload;        for(let i=0;i<parentTokens.length-1;i++){ if(parentCursor == null){ break; } parentCursor=parentCursor[parentTokens[i]]; }        if(parentCursor && Object.prototype.hasOwnProperty.call(parentCursor,'metadata')){ delete parentCursor.metadata; }      }    }  } else {    draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u81EA\u52A8\u4FEE\u590D\u8BE5 warning';    return;  }  currentDraftConfig=payload;  renderModelsForm(payload.Models || []);  renderConfigControlForms(payload);  draftRouterDefault.value=payload.Router?.default || '';  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5E94\u7528 warning \u4FEE\u6B63\uFF1A'+code+'\uFF0C\u53EF\u91CD\u65B0\u9884\u89C8\u9A8C\u8BC1';}function renderCompiledDiff(diff){  const summary=diff?.summary || {};  compiledDiffSummary.innerHTML=[    ['Added providers', summary.addedProviders ?? 0],    ['Removed providers', summary.removedProviders ?? 0],    ['Changed providers', summary.changedProviders ?? 0],    ['Added models', summary.addedModels ?? 0],    ['Removed models', summary.removedModels ?? 0],    ['Changed models', summary.changedModels ?? 0]  ].map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const rows=[    ...((diff?.providerChanges || []).map(item=>({ scope:'provider', key:item.name, type:item.type, fields:item.fields || [], target:item.after || item.before || {} }))),    ...((diff?.modelChanges || []).map(item=>({ scope:'model', key:item.modelId, type:item.type, fields:item.fields || [], target:item.after || item.before || {} }))),  ];  compiledDiffTableBody.innerHTML=rows.length ? rows.map(item=>'<tr>' +    '<td>'+esc(item.scope)+'</td>' +    '<td>'+esc(item.type)+'</td>' +    '<td><code>'+esc(item.key)+'</code></td>' +    '<td>'+esc(item.fields.join(', ') || '-')+'</td>' +    '<td><code>'+esc(item.target.providerName || item.target.name || '-')+'</code><div class="muted">'+esc(item.target.modelName || (item.target.models || []).join(', ') || '-')+'</div></td>' +  '</tr>').join('') : '<tr><td colspan="5" class="muted">No compiled registry changes</td></tr>';}function renderReferenceImpact(impact){  const summary=impact?.summary || {};  referenceImpactSummary.innerHTML=[    ['Total refs', summary.total ?? 0],    ['modelId refs', summary.modelIdRefs ?? 0],    ['Legacy refs', summary.legacyRefs ?? 0],    ['Valid modelIds', summary.validModelIds ?? 0],    ['Missing modelIds', summary.missingModelIds ?? 0]  ].map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const entries=impact?.entries || [];  referenceImpactTableBody.innerHTML=entries.length ? entries.map(item=>'<tr>' +    '<td><code>'+esc(item.path)+'</code></td>' +    '<td><code>'+esc(item.value)+'</code></td>' +    '<td>'+esc(item.referenceType)+'</td>' +    '<td>'+esc(item.status)+'</td>' +    '<td><code>'+esc(item.resolvedTarget?.providerName || '-')+'</code><div class="muted">'+esc(item.resolvedTarget?.modelName || '-')+'</div></td>' +    '<td>'+((item.suggestions || []).length ? item.suggestions.map(s=>'<div><code>'+esc(s.modelId)+'</code><div class="muted">'+esc(s.modelName || '-')+'</div><button type="button" data-apply-reference-path="'+esc(item.path)+'" data-apply-reference-model="'+esc(s.modelId)+'">\u5E94\u7528\u5EFA\u8BAE</button></div>').join('') : '<span class="muted">-</span>')+'</td>' +  '</tr>').join('') : '<tr><td colspan="6" class="muted">No model references found</td></tr>';}function getRouterSlotDefinitions(){  return [    { key:'default', label:'Default', when:'\u666E\u901A\u8BF7\u6C42\u3001\u89C4\u5219\u672A\u547D\u4E2D\u6216\u5176\u4ED6\u69FD\u4F4D\u672A\u914D\u7F6E\u65F6\u4F7F\u7528', required:true },    { key:'think', label:'Thinking', when:'\u8BF7\u6C42\u5305\u542B thinking \u65F6\u4F18\u5148\u4F7F\u7528', required:false },    { key:'longContext', label:'Long context', when:'\u8F93\u5165\u8D85\u8FC7\u9608\u503C\uFF0C\u6216\u5F53\u524D\u6A21\u578B safe_input_tokens \u4E0D\u591F\u65F6\u4F7F\u7528', required:false },    { key:'background', label:'Background', when:'Claude Code \u8F7B\u91CF\u540E\u53F0\u6A21\u578B\u8BF7\u6C42\u65F6\u4F7F\u7528', required:false },    { key:'webSearch', label:'Web search', when:'\u8BF7\u6C42\u5305\u542B web_search \u5DE5\u5177\u65F6\u4F7F\u7528', required:false },  ];}function renderRouterSlotExplanation(data){  const config=data?.normalizedConfig || { Router:(currentDraftConfig.Router && Object.keys(currentDraftConfig.Router).length ? currentDraftConfig.Router : (data?.router || {})) };  const router=config.Router || {};  const modelMap=data?.modelMap || {};  const slots=getRouterSlotDefinitions();  let configured=0;  let resolved=0;  let warnings=0;  const defaultRef=String(router.default || '').trim();  const defaultModel=defaultRef ? modelMap[defaultRef] : null;  const rows=slots.map(slot=>{    const ref=String(router[slot.key] || '').trim();    const model=ref ? modelMap[ref] : null;    const caps=model?.capabilities || {};    const slotWarnings=[];    if(ref){ configured+=1; }    if(ref && model){ resolved+=1; }    if(slot.required && !ref){ slotWarnings.push('\u5FC5\u586B\u69FD\u4F4D\u672A\u914D\u7F6E'); }    if(ref && !model){ slotWarnings.push('\u5F15\u7528\u672A\u89E3\u6790\u5230 Models[].id'); }    if(slot.key==='think' && model && caps.thinking?.supported === false){ slotWarnings.push('\u76EE\u6807\u6A21\u578B\u58F0\u660E\u4E0D\u652F\u6301 reasoning'); }    if(slot.key==='longContext' && model){      if(!caps.contextWindowTokens){ slotWarnings.push('\u7F3A\u5C11 context_window_tokens'); }      if(!caps.safeInputTokens){ slotWarnings.push('\u7F3A\u5C11 safe_input_tokens'); }      if(defaultModel?.capabilities?.contextWindowTokens && caps.contextWindowTokens && caps.contextWindowTokens <= defaultModel.capabilities.contextWindowTokens){ slotWarnings.push('\u7A97\u53E3\u4E0D\u9AD8\u4E8E default'); }    }    if(model && slot.key!=='longContext' && (!caps.contextWindowTokens || !caps.safeInputTokens)){ slotWarnings.push('\u7F3A\u5C11\u4E0A\u4E0B\u6587\u7A97\u53E3\u5143\u6570\u636E'); }    warnings+=slotWarnings.length;    const target=model ? ('<code>'+esc(model.providerName || '-')+'</code><div class="muted">'+esc(model.modelName || '-')+'</div>') : '<span class="muted">-</span>';    const capabilityParts=model ? [      'thinking '+(caps.thinking?.supported === false ? 'off' : 'on'),      'tools '+(caps.tools === false ? 'off' : 'on'),      'images '+(caps.images === false ? 'off' : 'on'),      caps.contextWindowTokens ? ('ctx '+caps.contextWindowTokens) : 'ctx ?',      caps.safeInputTokens ? ('safe '+caps.safeInputTokens) : 'safe ?',    ] : [];    const warningText=slotWarnings.length ? slotWarnings.join('\uFF1B') : (ref ? 'ok' : '\u672A\u914D\u7F6E\u65F6\u56DE\u5230 default');    const warningClass=slotWarnings.length ? 'warn' : 'info';    return '<tr>' +      '<td><strong>'+esc(slot.label)+'</strong><div class="muted">Router.'+esc(slot.key)+'</div></td>' +      '<td>'+esc(slot.when)+'</td>' +      '<td>'+(ref ? '<code>'+esc(ref)+'</code>' : '<span class="muted">not configured</span>')+'</td>' +      '<td>'+target+'</td>' +      '<td>'+(capabilityParts.length ? capabilityParts.map(item=>'<span class="pill">'+esc(item)+'</span>').join(' ') : '<span class="muted">-</span>')+'</td>' +      '<td><span class="pill '+warningClass+'">'+esc(warningText)+'</span></td>' +    '</tr>';  });  routerSlotSummary.innerHTML=[['Configured slots',configured],['Resolved slots',resolved],['Warnings',warnings]].map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  routerSlotTableBody.innerHTML=rows.join('');}function readModelMetadataNumber(model,key){  const value=model?.metadata?.[key];  return Number.isFinite(Number(value)) && Number(value)>0 ? Number(value) : undefined;}function getContextWindowEntries(data,config){  const modelMap=data?.modelMap || {};  const draftModels=Array.isArray(config?.Models) ? config.Models : [];  if(draftModels.length){    return draftModels.map(model=>{ const id=String(model?.id || '').trim(); const compiled=id ? modelMap[id] : null; const caps=compiled?.capabilities || {}; return { id, modelName:model?.model || compiled?.modelName || '-', contextWindowTokens:readModelMetadataNumber(model,'context_window_tokens') || caps.contextWindowTokens, safeInputTokens:readModelMetadataNumber(model,'safe_input_tokens') || caps.safeInputTokens }; }).filter(item=>item.id);  }  return Object.entries(modelMap).map(([id,model])=>({ id, modelName:model?.modelName || '-', contextWindowTokens:model?.capabilities?.contextWindowTokens, safeInputTokens:model?.capabilities?.safeInputTokens }));}function renderContextWindowGuide(data){  const config=data?.normalizedConfig || currentDraftConfig || {};  const router=config.Router || {};  const entries=getContextWindowEntries(data,config);  if(!entries.length){ contextWindowGuide.innerHTML='<div class="alert info"><strong>Context window guide</strong><div class="muted">\u5F53\u524D\u8349\u7A3F\u8FD8\u6CA1\u6709\u53EF\u89E3\u6790\u7684 Models\u3002</div></div>'; return; }  const defaultRef=String(router.default || '').trim();  const longRef=String(router.longContext || '').trim();  const defaultEntry=entries.find(item=>item.id===defaultRef);  const longEntry=entries.find(item=>item.id===longRef);  const ranked=entries.filter(item=>item.contextWindowTokens).sort((a,b)=>(b.contextWindowTokens || 0)-(a.contextWindowTokens || 0));  const best=ranked[0];  const missingCount=entries.filter(item=>!item.contextWindowTokens || !item.safeInputTokens).length;  const messages=[];  let level='info';  if(missingCount){ level='warn'; messages.push('\u6709 '+missingCount+' \u4E2A\u6A21\u578B\u7F3A\u5C11 context_window_tokens \u6216 safe_input_tokens\uFF0C\u8D85\u5927\u8BF7\u6C42\u53EF\u80FD\u65E0\u6CD5\u63D0\u524D\u964D\u7EA7/\u5207\u6362\u3002'); }  if(entries.length>1 && !longRef){ level='warn'; messages.push('\u591A\u6A21\u578B\u914D\u7F6E\u672A\u8BBE\u7F6E Router.longContext\uFF0C\u5927\u4E0A\u4E0B\u6587\u8BF7\u6C42\u4F1A\u7EE7\u7EED\u4F7F\u7528\u5DF2\u9009\u6A21\u578B\u3002'); }  if(longRef && !longEntry){ level='warn'; messages.push('Router.longContext \u5F15\u7528\u672A\u89E3\u6790\u5230 Models[].id\u3002'); }  if(longEntry && (!longEntry.contextWindowTokens || !longEntry.safeInputTokens)){ level='warn'; messages.push('Router.longContext \u7F3A\u5C11\u4E0A\u4E0B\u6587\u7A97\u53E3\u6216\u5B89\u5168\u8F93\u5165\u5143\u6570\u636E\u3002'); }  if(defaultEntry?.contextWindowTokens && longEntry?.contextWindowTokens && longEntry.contextWindowTokens <= defaultEntry.contextWindowTokens){ level='warn'; messages.push('Router.longContext \u7684\u7A97\u53E3\u4E0D\u9AD8\u4E8E Router.default\uFF0C\u53EF\u80FD\u65E0\u6CD5\u63D0\u5347\u5927\u4E0A\u4E0B\u6587\u4F53\u9A8C\u3002'); }  if(!messages.length){ messages.push('\u5F53\u524D\u4E0A\u4E0B\u6587\u7A97\u53E3\u5143\u6570\u636E\u548C Router.longContext \u914D\u7F6E\u53EF\u7528\u4E8E\u5927\u4E0A\u4E0B\u6587 fallback\u3002'); }  const canApplyBest=best?.id && best.id!==longRef && (!defaultEntry?.contextWindowTokens || (best.contextWindowTokens || 0)>defaultEntry.contextWindowTokens);  const summaryRows=[['Default', defaultRef || '-'],['Default ctx', defaultEntry?.contextWindowTokens || '?'],['Long context', longRef || '-'],['Long ctx', longEntry?.contextWindowTokens || '?'],['Largest ctx', best ? (best.id+' / '+best.contextWindowTokens) : '-'],['Missing metadata', missingCount]];  contextWindowGuide.innerHTML='<div class="alert '+level+'"><div class="row"><strong>Context window guide</strong>'+(best ? '<span class="pill">largest '+esc(best.id)+'</span>' : '')+'</div><div class="diff-summary">'+summaryRows.map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('')+'</div><ul>'+messages.map(message=>'<li>'+esc(message)+'</li>').join('')+'</ul>'+(canApplyBest ? '<div class="row" style="margin-top:.5rem"><button type="button" data-context-action="set-long-context" data-model-id="'+esc(best.id)+'">\u8BBE\u4E3A Router.longContext</button><span class="muted">'+esc(best.modelName || '')+'</span></div>' : '')+'</div>';}function getSmartCandidateGuideEntries(data,config){  const modelMap=data?.modelMap || {};  const draftModels=Array.isArray(config?.Models) ? config.Models : [];  if(draftModels.length){ return draftModels.map(model=>{ const id=String(model?.id || '').trim(); const compiled=id ? modelMap[id] : null; const caps=compiled?.capabilities || {}; return { id, modelName:model?.model || compiled?.modelName || '-', contextWindowTokens:readModelMetadataNumber(model,'context_window_tokens') || caps.contextWindowTokens || 0, thinkingSupported:caps.thinking?.supported !== false }; }).filter(item=>item.id); }  return Object.entries(modelMap).map(([id,model])=>({ id, modelName:model?.modelName || '-', contextWindowTokens:model?.capabilities?.contextWindowTokens || 0, thinkingSupported:model?.capabilities?.thinking?.supported !== false }));}function pickSmartCandidate(entries,role){  const list=[...entries];  const score=(item)=>{ const text=(item.id+' '+item.modelName).toLowerCase(); let value=0; if(role==='fast'){ if(/haiku|mini|flash|fast|lite|small/.test(text)){ value+=80; } value+=Math.max(0,50-Math.log10((item.contextWindowTokens || 1))*10); } else if(role==='deep'){ if(/opus|reasoner|thinking|o1|o3|gpt-5|sonnet/.test(text)){ value+=80; } if(item.thinkingSupported){ value+=20; } value+=Math.log10((item.contextWindowTokens || 1))*5; } else if(role==='long_context'){ value+=item.contextWindowTokens || 0; } else { if(/sonnet|gpt-4|gpt-5|default|balanced/.test(text)){ value+=80; } value+=Math.log10((item.contextWindowTokens || 1))*8; } return value; };  return list.sort((a,b)=>score(b)-score(a) || a.id.localeCompare(b.id))[0];}function renderSmartCandidateGuide(data,summary){  const config=data?.normalizedConfig || currentDraftConfig || {};  const entries=getSmartCandidateGuideEntries(data,config);  const candidates=Array.isArray(summary?.candidates) ? summary.candidates : [];  const configured=new Set(candidates.map(candidate=>candidate.model?.ref).filter(Boolean));  if(!entries.length){ smartCandidateGuide.innerHTML='<div class="alert info"><strong>Candidate guide</strong><div class="muted">\u5F53\u524D\u8349\u7A3F\u8FD8\u6CA1\u6709\u53EF\u89E3\u6790\u7684 Models\uFF0C\u5148\u6DFB\u52A0\u6A21\u578B\u540E\u518D\u914D\u7F6E\u5019\u9009\u3002</div></div>'; return; }  const roles=[    { key:'fast', label:'Fast', description:'\u9AD8\u9891\u8F7B\u91CF\u4EFB\u52A1\u3001\u540E\u53F0\u8BF7\u6C42\u548C\u4F4E\u5EF6\u8FDF\u5019\u9009' },    { key:'balanced', label:'Balanced', description:'\u9ED8\u8BA4\u65E5\u5E38\u7F16\u7801\u3001\u89E3\u91CA\u548C\u4E2D\u7B49\u590D\u6742\u5EA6\u4EFB\u52A1' },    { key:'deep', label:'Deep', description:'\u590D\u6742\u63A8\u7406\u3001\u67B6\u6784\u8BBE\u8BA1\u548C\u9700\u8981\u66F4\u5F3A\u6A21\u578B\u7684\u4EFB\u52A1' },    { key:'long_context', label:'Long context', description:'\u5927\u4E0A\u4E0B\u6587\u3001\u957F\u6587\u4EF6\u548C\u8D85\u957F\u4F1A\u8BDD\u515C\u5E95\u5019\u9009' },  ];  const rows=roles.map(role=>{ const picked=pickSmartCandidate(entries,role.key); const configuredRole=picked && configured.has(picked.id); const cls=configuredRole ? 'info' : 'warn'; const button=(!configuredRole && picked) ? '<button type="button" data-add-smart-candidate-suggestion="'+esc(picked.id)+'" data-description="'+esc(role.key+' candidate')+'">Add candidate</button>' : ''; return '<div class="alert '+cls+'"><div class="row"><strong>'+esc(role.label)+'</strong><span class="pill '+cls+'">'+esc(configuredRole ? 'configured' : 'suggested')+'</span></div><div>'+esc(role.description)+'</div><div class="muted">'+(picked ? ('<code>'+esc(picked.id)+'</code> \xB7 '+esc(picked.modelName || '-')+' \xB7 ctx '+esc(picked.contextWindowTokens || '?')) : 'no model suggestion')+'</div>'+(button ? '<div class="row" style="margin-top:.5rem">'+button+'</div>' : '')+'</div>'; });  smartCandidateGuide.innerHTML='<div class="alert info"><strong>Candidate guide</strong><div class="muted">\u5EFA\u8BAE\u81F3\u5C11\u8986\u76D6 fast / balanced / deep\uFF0C\u9700\u8981\u5927\u4E0A\u4E0B\u6587\u65F6\u518D\u52A0\u5165 long-context \u5019\u9009\u3002</div></div>'+rows.join('');}function renderSmartRouterExplanation(data){  const summary=data?.smartRouterExplanation || {};  const rules=Array.isArray(summary.rules) ? summary.rules : [];  const candidates=Array.isArray(summary.candidates) ? summary.candidates : [];  const warnings=Array.isArray(summary.warnings) ? summary.warnings : [];  const refLabel=(model)=>model?.ref ? ('<code>'+esc(model.ref)+'</code><div class="muted">'+esc(model.target?.providerName || model.status || '-')+' / '+esc(model.target?.modelName || '-')+'</div>') : '<span class="muted">-</span>';  const switchRows=[['Enabled', summary.enabled ? 'true' : 'false'],['Rules', rules.length],['Candidates', candidates.length],['Router model', summary.routerModel?.ref || '-'],['Semantic', (summary.semantic?.enabled ? 'on' : 'off')+' / '+(summary.semantic?.mode || '-')],['Sticky', summary.sticky?.enabled ? 'on' : 'off'],['Alignment', summary.sticky?.alignment?.enabled ? 'on' : 'off'],['Fallback', summary.fallback || 'default'],['Warnings', warnings.length]];  smartRouterExplanationSummary.innerHTML=switchRows.map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const order=Array.isArray(summary.routeOrder) ? summary.routeOrder : [];  smartRouterRouteOrder.innerHTML='<div class="alert '+(warnings.length ? 'warn' : 'info')+'"><strong>Route order</strong><ol>'+order.map(item=>'<li>'+esc(item)+'</li>').join('')+'</ol>'+(warnings.length ? '<ul>'+warnings.map(item=>'<li>'+esc(item)+'</li>').join('')+'</ul>' : '<div class="muted">SmartRouter \u914D\u7F6E\u5F15\u7528\u5DF2\u89E3\u6790\u3002</div>')+'</div>';  smartRouterRulesTableBody.innerHTML=rules.length ? rules.map(rule=>{    const patternText=(rule.patterns || []).map(pattern=>pattern.type==='exact' ? ('exact: '+(pattern.keywords || []).join(', ')) : ('regex: '+(pattern.pattern || '-'))).join('; ');    const statusClass=rule.model?.status === 'resolved' ? 'info' : (rule.model?.status === 'legacy' ? 'warn' : 'critical');    return '<tr>' +      '<td>'+esc(rule.order || '-')+'<div class="muted">priority '+esc(rule.priority ?? 0)+'</div></td>' +      '<td><strong>'+esc(rule.name || '-')+'</strong><div class="muted">'+esc(rule.description || '-')+'</div><span class="pill '+(rule.enabled ? 'info' : 'warn')+'">'+esc(rule.enabled ? 'enabled' : 'disabled')+'</span></td>' +      '<td>'+refLabel(rule.model)+'<span class="pill '+statusClass+'">'+esc(rule.model?.status || '-')+'</span></td>' +      '<td>'+esc(patternText || '-')+'</td>' +      '<td>'+esc(rule.semantic?.enabled ? 'on' : 'off')+'<div class="muted">'+esc(rule.semantic?.prototype || '-')+'</div></td>' +    '</tr>';  }).join('') : '<tr><td colspan="5" class="muted">No SmartRouter rules configured</td></tr>';  smartRouterCandidatesTableBody.innerHTML=candidates.length ? candidates.map(candidate=>{    const statusClass=candidate.model?.status === 'resolved' ? 'info' : (candidate.model?.status === 'legacy' ? 'warn' : 'critical');    return '<tr><td>'+esc(candidate.order || '-')+'</td><td>'+refLabel(candidate.model)+'</td><td>'+esc(candidate.description || '-')+'</td><td><span class="pill '+statusClass+'">'+esc(candidate.model?.status || '-')+'</span></td></tr>';  }).join('') : '<tr><td colspan="4" class="muted">No SmartRouter candidates configured</td></tr>';  renderSmartCandidateGuide(data,summary);}function renderCompiledModels(data){  lastCompiledModelsData=data || null;  const providers=Array.isArray(data.providers) ? data.providers : [];  const modelMapEntries=Object.entries(data.modelMap || {});  const modelPoolEntries=Object.entries(data.modelPools || {});  const modelPoolEndpointCount=modelPoolEntries.reduce((sum,[_modelId,pool])=>sum+((pool.endpoints || []).length),0);  knownModelIds=modelMapEntries.map(([modelId])=>modelId).sort();  updateTopLevelModelSuggestionLists();  renderCapabilityWarnings(data.capabilityWarnings);  renderRouterSlotExplanation(data);  renderContextWindowGuide(data);  renderSmartRouterExplanation(data);  compiledModelsStatus.textContent='\u5DF2\u52A0\u8F7D '+providers.length+' \u4E2A compiled provider / '+modelMapEntries.length+' \u4E2A modelId \u6620\u5C04 / '+modelPoolEntries.length+' \u4E2A model pool / '+modelPoolEndpointCount+' \u4E2A pool endpoint';  compiledProvidersTableBody.innerHTML=providers.length ? providers.map(provider=>'<tr>' +    '<td><code>'+esc(provider.name)+'</code><div class="muted">'+esc(provider.api_base_url || '-')+'</div></td>' +    '<td>'+esc(provider.transformer?.use?.[0] || '-')+'</td>' +    '<td>'+esc((provider.models || []).join(', ') || '-')+'</td>' +    '<td>'+esc(JSON.stringify(provider.transformer || {}))+'</td>' +    '<td>'+esc(provider.has_api_key ? 'configured' : 'missing')+'</td>' +  '</tr>').join('') : '<tr><td colspan="5" class="muted">No compiled providers</td></tr>';  compiledModelMapTableBody.innerHTML=modelMapEntries.length ? modelMapEntries.map(([modelId,item])=>'<tr>' +    '<td><code>'+esc(modelId)+'</code></td>' +    '<td><code>'+esc(item.providerName || '-')+'</code><div class="muted">'+esc(item.modelName || '-')+'</div></td>' +    '<td>'+esc(item.protocol || '-')+'</td>' +    '<td>'+esc(item.compatibilityProfile || '-')+'</td>' +    '<td>'+esc(item.dispatchFormat || '-')+'</td>' +    '<td><code>'+esc(JSON.stringify(item.thinking || { mode: 'off' }))+'</code></td>' +    '<td><code>'+esc(JSON.stringify(item.capabilities || {}))+'</code></td>' +    '<td>'+esc(item.source || '-')+'</td>' +  '</tr>').join('') : '<tr><td colspan="8" class="muted">No compiled model map</td></tr>';  compiledModelPoolsTableBody.innerHTML=modelPoolEntries.length ? modelPoolEntries.map(([modelId,pool])=>{    const endpoints=pool.endpoints || [];    return '<tr>' +      '<td><code>'+esc(modelId)+'</code></td>' +      '<td>'+esc(pool.strategy || '-')+'</td>' +      '<td><code>'+esc(pool.activeEndpointId || '-')+'</code></td>' +      '<td>'+endpoints.map(endpoint=>{ const latency=endpoint.health?.latency; return '<div><code>'+esc(endpoint.id)+'</code><span class="muted"> priority '+esc(endpoint.priority)+' / '+esc(endpoint.enabled ? 'enabled' : 'disabled')+' / '+esc(endpoint.health?.status || 'healthy')+(latency ? ' / avg '+esc(Math.round(latency.averageMs))+'ms' : '')+'</span><div class="muted">'+esc(endpoint.upstreamServiceId || endpoint.api || '-')+'</div></div>'; }).join('')+'</td>' +      '<td>'+((pool.warnings || []).length ? pool.warnings.map(w=>'<div class="warning-text">'+esc(w)+'</div>').join('') : '<span class="muted">-</span>')+'</td>' +    '</tr>';  }).join('') : '<tr><td colspan="5" class="muted">No compiled model pools</td></tr>';  if(data.diff){ renderCompiledDiff(data.diff); }  if(data.referenceImpact){ renderReferenceImpact(data.referenceImpact); }  renderConfigControlForms(currentDraftConfig);}async function loadConfigDraft(){  draftPreviewStatus.textContent='\u52A0\u8F7D\u5F53\u524D\u914D\u7F6E\u4E2D...';  const res=await fetch('/api/config');  const data=await res.json();  currentDraftConfig=data || {};  renderModelsForm(currentDraftConfig.Models || []);  renderConfigControlForms(currentDraftConfig);  draftRouterDefault.value=currentDraftConfig.Router?.default || '';  configDraftEditor.value=JSON.stringify(data,null,2);  renderDraftSummary(currentDraftConfig);  updateStatusSummary(currentDraftConfig);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(currentDraftConfig));  renderContextWindowGuide(withDraftCompiledData(currentDraftConfig));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u8F7D\u5165\u5F53\u524D\u914D\u7F6E\uFF0C\u53EF\u901A\u8FC7 Models \u8868\u5355\u6216 JSON \u8349\u7A3F\u7F16\u8F91';}async function previewConfigDraft(){  let payload;  try {    payload=buildDraftPayloadFromForm();    configDraftEditor.value=JSON.stringify(payload,null,2);  } catch (error) {    renderDraftValidation(['JSON parse error: '+error.message],[]);    renderCapabilityWarnings();    renderContextWindowGuide(lastCompiledModelsData);    renderDraftPreviewMeta();    draftPreviewStatus.textContent='\u8349\u7A3F\u89E3\u6790\u5931\u8D25\uFF1A'+error.message;    return;  }  draftPreviewStatus.textContent='\u9884\u89C8\u7F16\u8BD1\u7ED3\u679C\u4E2D...';  const res=await fetch('/api/models/compiled/preview',{    method:'POST',    headers:{'Content-Type':'application/json'},    body:JSON.stringify(payload)  });  const data=await res.json();  if(!res.ok){    draftPreviewStatus.textContent='\u9884\u89C8\u5931\u8D25\uFF1A'+((data.errors || []).join('; ') || data.message || 'unknown error');    renderDraftValidation(data.errors || [data.message || 'unknown error'], data.warnings || [], data.issueReport);    renderCapabilityWarnings(data.capabilityWarnings);    renderContextWindowGuide(withDraftCompiledData(payload));    renderCompiledDiff();    renderReferenceImpact(data.referenceImpact);    renderDraftPreviewMeta();    return;  }  renderDraftValidation([], data.warnings || [], data.issueReport);  renderCompiledModels(data);  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u9884\u89C8\u5B8C\u6210\uFF1A\u5DF2\u6309\u8349\u7A3F\u914D\u7F6E\u5237\u65B0 compiled models';}async function loadServiceStatus(){  serviceReadyStatus.textContent='checking';  try {    const [serviceRes,remoteRes]=await Promise.all([fetch('/api/service-info'),fetch('/api/remote-status')]);    const data=await serviceRes.json();    const remoteData=await remoteRes.json();    serviceReadyStatus.textContent=data.ready ? 'ready' : 'not ready';    servicePortStatus.textContent=data.port || '-';    serviceModeStatus.textContent=data.runtimeMode || '-';    serviceRoleStatus.textContent=data.serviceRole || '-';    renderRoleConnectionGuide(data);    const auth=data.auth || {};    const managed=auth.managedKeys || {};    const quota=auth.quota || {};    const quotaText=Number.isFinite(quota.requestsUsed) ? (' \xB7 quota '+quota.requestsUsed+' req'+(quota.windowResetAt ? ' \xB7 reset '+String(quota.windowResetAt).replace('T',' ').replace('.000Z','Z') : '')) : '';    authStatusSummary.textContent=auth.required ? ((auth.bootstrapConfigured ? 'bootstrap' : 'managed')+' \xB7 '+(managed.active ?? 0)+' active'+quotaText) : 'not configured';    renderAuthQuotaTable(quota);    const security=data.security || {};    const issues=Array.isArray(security.issues) ? security.issues : [];    securityStatusSummary.textContent=security.status || '-';    securitySummary.className='alert '+((security.status === 'critical') ? 'critical' : (security.status === 'warning' ? 'warn' : 'info'));    securitySummary.innerHTML='<strong>Security: '+esc(security.status || '-')+'</strong><div>'+esc(issues[0]?.message || '\u5F53\u524D\u670D\u52A1\u672A\u53D1\u73B0\u660E\u663E\u9274\u6743\u66B4\u9732\u98CE\u9669')+'</div>'+ (issues.length ? '<ul class="mini-list">'+issues.map(issue=>'<li>'+esc(issue.action || issue.code)+'</li>').join('')+'</ul>' : '');    const registration=data.registration || {};    registrationStatusSummary.textContent=registration.enabled ? ((registration.models ?? 0)+' models / '+(registration.upstreamServices ?? 0)+' upstream') : 'disabled';    const remote=remoteData.remote || {};    remoteStatusSummary.textContent=remote.enabled ? ((remote.ready ? 'ready' : (remote.reachable ? 'reachable' : 'unreachable'))+' \xB7 '+(remote.baseUrl || '-')) : 'disabled';    const remoteRegistration=remoteData.remoteRegistration || {};    const remoteRegistrationSummary=remoteRegistration.summary || {};    remoteRegistrationStatusSummary.textContent=remoteRegistration.enabled ? (remoteRegistration.available ? (remoteRegistration.registrationEnabled ? ((remoteRegistrationSummary.models ?? 0)+' remote models / '+(remoteRegistrationSummary.upstreamServices ?? 0)+' upstream') : 'remote registration disabled') : ('unavailable \xB7 '+(remoteRegistration.error || remoteRegistration.baseUrl || '-'))) : 'disabled';    if(remoteData.compiledModels){ modelCountStatus.textContent=remoteData.compiledModels.modelCount ?? modelCountStatus.textContent; }    try { await loadModelPoolHealth(); } catch (_poolError) { modelPoolHealthSummary.className='alert warn'; modelPoolHealthSummary.innerHTML='<strong>Pool health unavailable</strong><div class="muted">\u65E0\u6CD5\u52A0\u8F7D\u6A21\u578B\u6C60\u5065\u5EB7\u72B6\u6001</div>'; }  } catch (_error) {    serviceReadyStatus.textContent='unreachable';    remoteStatusSummary.textContent='unknown';    securityStatusSummary.textContent='unknown';    modelPoolHealthSummary.className='alert warn';    modelPoolHealthSummary.innerHTML='<strong>Pool health unavailable</strong><div class="muted">\u65E0\u6CD5\u52A0\u8F7D\u6A21\u578B\u6C60\u5065\u5EB7\u72B6\u6001</div>';  }}async function saveConfigDraft(){  let payload;  try {    payload=buildDraftPayloadFromForm();    configDraftEditor.value=JSON.stringify(payload,null,2);  } catch (error) {    renderDraftValidation(['JSON parse error: '+error.message],[]);    renderCapabilityWarnings();    renderContextWindowGuide(lastCompiledModelsData);    draftPreviewStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+error.message;    return;  }  draftPreviewStatus.textContent='\u4FDD\u5B58\u914D\u7F6E\u4E2D...';  const res=await fetch('/api/config',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });  const data=await res.json();  renderDraftValidation(data.errors || [], data.warnings || [], data.issueReport);  if(!res.ok){    draftPreviewStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+((data.errors || []).join('; ') || data.message || 'unknown error');    return;  }  currentDraftConfig=payload;  await loadCompiledModels();  draftPreviewStatus.textContent='\u5DF2\u4FDD\u5B58\u914D\u7F6E'+((data.warnings || []).length ? ('\uFF08\u542B '+data.warnings.length+' \u6761 warning\uFF09') : '');}function addDraftModel(){  const nextModels=extractModelsFromForm();  nextModels.push(createDraftModelFromTemplate(defaultProviderTemplateKey));  renderModelsForm(nextModels);  syncDraftEditorFromForm();}function addTriggerRule(){ const next=extractTriggerRulesFromForm(); next.push({ name:'', enabled:true, priority:10, model:'', patterns:[{ type:'exact', keywords:[] }] }); renderTriggerRulesList(next); syncDraftEditorFromForm(); }function addTriggerPattern(ruleIndex){ const next=extractTriggerRulesFromForm(); if(!next[ruleIndex]){ return; } next[ruleIndex].patterns = Array.isArray(next[ruleIndex].patterns) ? next[ruleIndex].patterns : []; next[ruleIndex].patterns.push({ type:'exact', keywords:[] }); renderTriggerRulesList(next); syncDraftEditorFromForm(); }function addTriggerKeyword(ruleIndex,patternIndex){ const next=extractTriggerRulesFromForm(); if(!next[ruleIndex] || !next[ruleIndex].patterns || !next[ruleIndex].patterns[patternIndex]){ return; } const pattern=next[ruleIndex].patterns[patternIndex]; pattern.keywords=Array.isArray(pattern.keywords) ? pattern.keywords : []; pattern.keywords.push(''); renderTriggerRulesList(next); syncDraftEditorFromForm(); }function addSmartCandidate(){ const next=extractSmartCandidatesFromForm(); next.push({ model:'', description:'' }); renderSmartCandidatesList(next); syncDraftEditorFromForm(); }function addSmartCandidateSuggestion(modelId,description){ const id=String(modelId || '').trim(); if(!id){ return; } const next=extractSmartCandidatesFromForm(); if(!next.some(item=>item.model===id)){ next.push({ model:id, description:description || 'guided candidate' }); } renderSmartCandidatesList(next); syncDraftEditorFromForm(); renderSmartCandidateGuide(withDraftCompiledData(currentDraftConfig), { candidates: next.map((item,index)=>({ order:index+1, description:item.description, model:{ ref:item.model, status:'resolved' } })) }); }function addCascadeLevel(){ const next=extractCascadeLevelsFromForm(); next.push({ from:'', to:'' }); renderCascadeLevelsList(next); syncDraftEditorFromForm(); }modelsFormGrid.addEventListener('input',()=>syncDraftEditorFromForm());modelsFormGrid.addEventListener('change',()=>syncDraftEditorFromForm());modelsFormGrid.addEventListener('click',(e)=>{ const applyBtn=e.target.closest('button[data-apply-template]'); if(applyBtn){ const applyIndex=Number(applyBtn.dataset.applyTemplate); applyProviderTemplate(applyIndex); syncDraftEditorFromForm(); return; } const btn=e.target.closest('button[data-remove-model]'); if(!btn){ return; } const removeIndex=Number(btn.dataset.removeModel); const nextModels=extractModelsFromForm().filter((_,index)=>index!==removeIndex); renderModelsForm(nextModels); syncDraftEditorFromForm(); });triggerRulesList.addEventListener('input',()=>syncDraftEditorFromForm());triggerRulesList.addEventListener('change',()=>syncDraftEditorFromForm());triggerRulesList.addEventListener('click',(e)=>{ const addKeywordBtn=e.target.closest('button[data-add-trigger-keyword]'); if(addKeywordBtn){ addTriggerKeyword(Number(addKeywordBtn.dataset.addTriggerKeyword), Number(addKeywordBtn.dataset.patternIndex)); return; } const removeKeywordBtn=e.target.closest('button[data-remove-trigger-keyword]'); if(removeKeywordBtn){ const ruleIndex=Number(removeKeywordBtn.dataset.removeTriggerKeyword); const patternIndex=Number(removeKeywordBtn.dataset.patternIndex); const keywordIndex=Number(removeKeywordBtn.dataset.keywordIndex); const next=extractTriggerRulesFromForm(); if(next[ruleIndex] && next[ruleIndex].patterns && next[ruleIndex].patterns[patternIndex]){ const pattern=next[ruleIndex].patterns[patternIndex]; pattern.keywords=(pattern.keywords || []).filter((_,index)=>index!==keywordIndex); if(!pattern.keywords.length){ pattern.keywords=['']; } renderTriggerRulesList(next); syncDraftEditorFromForm(); } return; } const addBtn=e.target.closest('button[data-add-trigger-pattern]'); if(addBtn){ addTriggerPattern(Number(addBtn.dataset.addTriggerPattern)); return; } const removePatternBtn=e.target.closest('button[data-remove-trigger-pattern]'); if(removePatternBtn){ const ruleIndex=Number(removePatternBtn.dataset.removeTriggerPattern); const patternIndex=Number(removePatternBtn.dataset.patternIndex); const next=extractTriggerRulesFromForm(); if(next[ruleIndex]){ next[ruleIndex].patterns=(next[ruleIndex].patterns || []).filter((_,index)=>index!==patternIndex); if(!next[ruleIndex].patterns.length){ next[ruleIndex].patterns=[{ type:'exact', keywords:[] }]; } renderTriggerRulesList(next); syncDraftEditorFromForm(); } return; } const btn=e.target.closest('button[data-remove-trigger-rule]'); if(!btn){ return; } const next=extractTriggerRulesFromForm().filter((_,index)=>index!==Number(btn.dataset.removeTriggerRule)); renderTriggerRulesList(next); syncDraftEditorFromForm(); });smartCandidatesList.addEventListener('input',()=>syncDraftEditorFromForm());smartCandidatesList.addEventListener('change',()=>syncDraftEditorFromForm());smartCandidatesList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-remove-smart-candidate]'); if(!btn){ return; } const next=extractSmartCandidatesFromForm().filter((_,index)=>index!==Number(btn.dataset.removeSmartCandidate)); renderSmartCandidatesList(next); syncDraftEditorFromForm(); });smartCandidateGuide.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-add-smart-candidate-suggestion]'); if(!btn){ return; } addSmartCandidateSuggestion(btn.dataset.addSmartCandidateSuggestion, btn.dataset.description); });governanceCascadeLevelsList.addEventListener('input',()=>syncDraftEditorFromForm());governanceCascadeLevelsList.addEventListener('change',()=>syncDraftEditorFromForm());governanceCascadeLevelsList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-remove-cascade-level]'); if(!btn){ return; } const next=extractCascadeLevelsFromForm().filter((_,index)=>index!==Number(btn.dataset.removeCascadeLevel)); renderCascadeLevelsList(next); syncDraftEditorFromForm(); });referenceImpactTableBody.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-apply-reference-path]'); if(!btn){ return; } applyReferenceSuggestion(btn.dataset.applyReferencePath, btn.dataset.applyReferenceModel); });draftValidationList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-validation-path]'); if(!btn){ return; } jumpToValidationPath(btn.dataset.validationPath); });capabilityWarningsList.addEventListener('click',(e)=>{ const applyBtn=e.target.closest('button[data-apply-warning-path]'); if(applyBtn){ applyCapabilityWarningSuggestion(applyBtn.dataset.applyWarningPath, applyBtn.dataset.applyWarningCode); return; } const btn=e.target.closest('button[data-validation-path]'); if(!btn){ return; } jumpToValidationPath(btn.dataset.validationPath); });contextWindowGuide.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-context-action]'); if(!btn){ return; } applyContextWindowAction(btn.dataset.contextAction, btn.dataset.modelId); });healthSummary.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-health-action]'); if(btn){ applyHealthAction(btn.dataset.healthAction); } });draftRouterDefault.addEventListener('input',syncDraftEditorFromForm);[triggerEnabled,triggerIntentEnabled,triggerAnalysisScope,triggerIntentModel,smartEnabled,smartRouterModel,smartFallback,smartCacheTtl,smartMaxTokens,governanceEnabled,governanceAlignmentEnabled,governanceSummarizerModel,governanceSemanticEnabled,governanceClassifierModel,governanceShadowEnabled,governanceVerifierModel].forEach(el=>{ el.addEventListener('input',syncDraftEditorFromForm); el.addEventListener('change',syncDraftEditorFromForm); });surfaceTabs.forEach((tab)=>tab.addEventListener('click',()=>setActiveSurface(tab.dataset.surfaceTarget || 'user')));setActiveSurface('user');function renderMetrics(metrics,health,outcome){  metricsGrid.innerHTML=[    ['Health', health?.status || 'idle'],     ['Recent traces', metrics.totalTraces ?? 0],    ['Sticky hit rate', pct(metrics.stickyHitRate)],    ['Cascade rate', pct(metrics.cascadeTriggeredRate)],    ['Shadow rate', pct(metrics.shadowCheckedRate)],    ['Alignment rate', pct(metrics.alignmentUsedRate)],    ['Model switch rate', pct(outcome?.modelSwitchRate)],    ['Alignment on switch', pct(outcome?.alignmentOnSwitchRate)],    ['Context fallback', pct(outcome?.contextWindowFallbackRate)],    ['Context exceeded', pct(outcome?.contextWindowExceededRate)],    ['Avg latency', fmt(metrics.averageLatencyMs)+' ms']  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');}function buildPresetPayload(presetName){  const preset=draftPresets[presetName];  if(!preset){ return null; }  const overwriteMode=draftPresetMode.value === 'replace';  const payload=buildDraftPayloadFromForm();  if(overwriteMode){ delete payload.TriggerRouter; delete payload.SmartRouter; delete payload.Governance; }  if(preset.routerDefault){ payload.Router={ ...(payload.Router || {}), default: resolvePresetModelId(preset.routerDefault) }; }  if(preset.triggerEnabled !== undefined || preset.triggerRules){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: preset.triggerEnabled !== undefined ? Boolean(preset.triggerEnabled) : Boolean(payload.SmartRouter?.enabled), analysis_scope: payload.SmartRouter?.analysis_scope || 'last_message', router_model: payload.SmartRouter?.router_model || '', fallback: payload.SmartRouter?.fallback || 'default', candidates: payload.SmartRouter?.candidates || [], cache_ttl: payload.SmartRouter?.cache_ttl, max_tokens: payload.SmartRouter?.max_tokens, rules: preset.triggerRules ? preset.triggerRules.map(rule=>({ ...rule, model: resolvePresetModelId(rule.model) })) : (payload.SmartRouter?.rules || []) }; delete payload.TriggerRouter; }  if(preset.smartEnabled !== undefined || preset.smartCandidates){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: preset.smartEnabled !== undefined ? Boolean(preset.smartEnabled) : Boolean(payload.SmartRouter?.enabled), router_model: payload.SmartRouter?.router_model || '', fallback: payload.SmartRouter?.fallback || 'default', candidates: preset.smartCandidates ? preset.smartCandidates.map(item=>({ ...item, model: resolvePresetModelId(item.model) })) : (payload.SmartRouter?.candidates || []), cache_ttl: payload.SmartRouter?.cache_ttl, max_tokens: payload.SmartRouter?.max_tokens, rules: payload.SmartRouter?.rules || [] }; }  if(preset.governanceEnabled !== undefined || preset.governanceAlignmentEnabled !== undefined || preset.governanceSemanticEnabled !== undefined || preset.governanceShadowEnabled !== undefined || preset.governanceSummarizerModel !== undefined || preset.governanceClassifierModel !== undefined || preset.governanceVerifierModel !== undefined){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: payload.SmartRouter?.enabled !== undefined ? Boolean(payload.SmartRouter?.enabled) : Boolean(preset.governanceEnabled), sticky:{ ...((payload.SmartRouter && payload.SmartRouter.sticky) || {}), enabled: preset.governanceAlignmentEnabled !== undefined ? Boolean(preset.governanceAlignmentEnabled) : Boolean(payload.SmartRouter?.sticky?.enabled), alignment:{ ...(((payload.SmartRouter && payload.SmartRouter.sticky && payload.SmartRouter.sticky.alignment) || {})), enabled: preset.governanceAlignmentEnabled !== undefined ? Boolean(preset.governanceAlignmentEnabled) : Boolean(payload.SmartRouter?.sticky?.alignment?.enabled), summarizer_model: preset.governanceSummarizerModel !== undefined ? resolvePresetModelId(preset.governanceSummarizerModel) : (payload.SmartRouter?.sticky?.alignment?.summarizer_model || '') } }, semantic:{ ...((payload.SmartRouter && payload.SmartRouter.semantic) || {}), enabled: preset.governanceSemanticEnabled !== undefined ? Boolean(preset.governanceSemanticEnabled) : Boolean(payload.SmartRouter?.semantic?.enabled), mode:(payload.SmartRouter?.semantic?.mode || 'classifier'), classifier_model: preset.governanceClassifierModel !== undefined ? resolvePresetModelId(preset.governanceClassifierModel) : (payload.SmartRouter?.semantic?.classifier_model || '') } }; payload.Governance={ ...(payload.Governance || {}), enabled: preset.governanceEnabled !== undefined ? Boolean(preset.governanceEnabled) : Boolean(payload.Governance?.enabled), shadow:{ ...((payload.Governance && payload.Governance.shadow) || {}), enabled: preset.governanceShadowEnabled !== undefined ? Boolean(preset.governanceShadowEnabled) : Boolean(payload.Governance?.shadow?.enabled), verifier_model: preset.governanceVerifierModel !== undefined ? resolvePresetModelId(preset.governanceVerifierModel) : (payload.Governance?.shadow?.verifier_model || '') } }; }  return payload;}function applyDraftPreset(presetName){  const payload=buildPresetPayload(presetName);  if(!payload){ return; }  currentDraftConfig=payload;  renderModelsForm(payload.Models || []);  renderConfigControlForms(payload);  draftRouterDefault.value=payload.Router?.default || '';  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5E94\u7528\u9884\u8BBE\uFF1A'+presetName+'\uFF08'+(draftPresetMode.value === 'replace' ? 'overwrite' : 'append / merge')+'\uFF09';}async function previewDraftPreset(presetName){  const payload=buildPresetPayload(presetName);  if(!payload){ return; }  const preset=draftPresets[presetName];  const modeLabel=draftPresetMode.value === 'replace' ? 'overwrite' : 'append / merge';  renderDraftPreviewMeta({ title:'Preset dry-run', description:(preset?.label || presetName)+' \u4EC5\u9884\u89C8\uFF0C\u4E0D\u4F1A\u5199\u56DE\u5F53\u524D\u8349\u7A3F\u3002', affects:preset?.affects || [], actualAffects:[], mode:modeLabel });  draftPreviewStatus.textContent='\u9884\u89C8\u9884\u8BBE\u4E2D\uFF1A'+presetName;  const res=await fetch('/api/models/compiled/preview',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });  const data=await res.json();  if(!res.ok){ renderDraftValidation(data.errors || [data.message || 'unknown error'], data.warnings || [], data.issueReport); renderCapabilityWarnings(data.capabilityWarnings); renderCompiledDiff(); renderReferenceImpact(data.referenceImpact); renderDraftPreviewMeta({ title:'Preset dry-run', description:(preset?.label || presetName)+' \u9884\u89C8\u5931\u8D25\uFF0C\u4EE5\u4E0B\u4E3A\u5F53\u524D\u9884\u89C8\u5C1D\u8BD5\u547D\u4E2D\u7684\u533A\u57DF\u3002', affects:preset?.affects || [], actualAffects:deriveActualAffectedAreas(data), mode:modeLabel }); draftPreviewStatus.textContent='\u9884\u8BBE\u9884\u89C8\u5931\u8D25\uFF1A'+((data.errors || []).join('; ') || data.message || 'unknown error'); return; }  renderDraftValidation([], data.warnings || [], data.issueReport);  renderCompiledModels(data);  renderDraftPreviewMeta({ title:'Preset dry-run', description:(preset?.label || presetName)+' \u4EC5\u9884\u89C8\uFF0C\u4E0D\u4F1A\u5199\u56DE\u5F53\u524D\u8349\u7A3F\u3002', affects:preset?.affects || [], actualAffects:deriveActualAffectedAreas(data), mode:modeLabel });  draftPreviewStatus.textContent='\u5DF2\u9884\u89C8\u9884\u8BBE\uFF1A'+presetName+'\uFF08\u672A\u5199\u56DE\u8349\u7A3F\uFF09';}function renderRanking(target,entries,emptyLabel){  if(!entries || !entries.length){ target.innerHTML='<li><span class="muted">'+esc(emptyLabel)+'</span><strong>0</strong></li>'; return; }  target.innerHTML=entries.map(item=>'<li><span><code>'+esc(item.key)+'</code></span><strong>'+esc(item.count)+' \xB7 '+esc(pct(item.rate))+'</strong></li>').join('');}function renderOutcomeGroups(target,entries,emptyLabel){  if(!entries || !entries.length){ target.innerHTML='<li><span class="muted">'+esc(emptyLabel)+'</span><strong>0</strong></li>'; return; }  target.innerHTML=entries.map(item=>'<li><span><code>'+esc(item.key)+'</code><span class="muted"> \xB7 '+esc(item.totalTraces)+' traces</span></span><strong>switch '+esc(pct(item.modelSwitchRate))+' \xB7 align '+esc(pct(item.alignmentOnSwitchRate))+' \xB7 cascade '+esc(pct(item.cascadeAfterSwitchRate))+' \xB7 '+esc(fmt(item.averageLatencyMs))+' ms</strong></li>').join('');}function renderRoutingTuning(items){  if(!items || !items.length){ routingTuningList.innerHTML='<li><span class="muted">No routing tuning recommendations</span><strong>healthy</strong></li>'; return; }  routingTuningList.innerHTML=items.map(item=>{    const suggestions=Array.isArray(item.configSuggestions) ? item.configSuggestions : [];    const suggestionHtml=suggestions.length ? '<div class="muted">config: '+suggestions.map(s=>'<code>'+esc(s.path || '-')+'</code>'+(s.suggestedValue !== undefined ? ' = '+esc(s.suggestedValue) : '')+' \u2014 '+esc(s.reason || '')).join('<br>')+'</div>' : '';    return '<li><span><span class="pill '+esc(item.severity === 'critical' ? 'critical' : (item.severity === 'warn' ? 'warn' : 'info'))+'">'+esc(item.severity || 'info')+'</span> <strong>'+esc(item.code || '-')+'</strong><div class="muted">'+esc(item.message || '')+'</div><div class="muted">'+esc(item.evidence || '')+'</div>'+suggestionHtml+'</span><strong>'+esc(item.action || '')+'</strong></li>';  }).join('');}function renderQualityEvidence(summary){  const items=summary?.samples || [];  qualityEvidenceSummary.innerHTML=[['Samples',summary?.totalSamples || 0],['Risk',summary?.failureSamples || 0],['Improvement',summary?.improvementSamples || 0],['Speed risk',summary?.speedRiskSamples || 0]].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  if(!items.length){ qualityEvidenceList.innerHTML='<li><span class="muted">No quality evidence samples</span><strong>0</strong></li>'; return; }  qualityEvidenceList.innerHTML=items.map(item=>'<li><span><span class="pill '+esc(item.severity === 'critical' ? 'critical' : (item.severity === 'warn' ? 'warn' : 'info'))+'">'+esc(item.severity || 'info')+'</span> <strong>'+esc(item.type || '-')+'</strong><div class="muted">'+esc(item.requestId || '')+' \xB7 '+esc((item.routeReason || []).join(' / '))+'</div><div class="muted">'+esc(item.evidence || '')+'</div></span><strong>'+esc(item.action || '')+'</strong></li>').join('');}function renderTaskComparison(summary){  const items=summary?.comparisons || [];  taskComparisonSummary.innerHTML=[['Tasks',summary?.totalComparedTasks || 0],['Traces',summary?.totalComparedTraces || 0]].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  if(!items.length){ taskComparisonList.innerHTML='<li><span class="muted">No comparable task samples</span><strong>0</strong></li>'; return; }  taskComparisonList.innerHTML=items.map(item=>'<li><span><strong>'+esc(item.taskKey || '-')+'</strong><div class="muted">best '+esc(item.bestModel || '-')+' \xB7 baseline '+esc(item.baselineModel || '-')+' \xB7 fastest '+esc(item.fastestModel || '-')+'</div><div class="muted">failure lift '+esc(pct(item.failureRateDelta || 0))+' \xB7 latency lift '+esc(fmt(item.latencyDeltaMs || 0))+' ms \xB7 models '+esc(item.modelCount || 0)+'</div></span><strong>'+esc(item.totalTraces || 0)+' traces</strong></li>').join('');}function renderBenchmarkSummary(taskComparison,qualityEvidence){  const bestQuality=taskComparison?.bestQualityLiftTask;  const bestSpeed=taskComparison?.bestSpeedLiftTask;  benchmarkSummary.innerHTML=[    ['Comparable tasks',taskComparison?.totalComparedTasks || 0],    ['Evidence samples',qualityEvidence?.totalSamples || 0],    ['Best quality lift',bestQuality ? pct(bestQuality.failureRateDelta || 0) : '-'],    ['Best speed lift',bestSpeed ? (fmt(bestSpeed.latencyDeltaMs || 0)+' ms') : '-']  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const actions=[];  if((taskComparison?.totalComparedTasks || 0)===0){ actions.push(['Collect comparable traces','Send the same task class through at least two final models, then refresh metrics.']); }  if((qualityEvidence?.totalSamples || 0)===0){ actions.push(['Collect quality evidence','Enable cascade, shadow, context-window or model-pool signals so routing wins and risks become visible.']); }  actions.push(['Run fixed benchmark','ctr eval --tasks && ctr eval --run --models "sonnet;haiku" --json']);  actions.push(['Add calibration','Attach humanScore or judgeScore to ctr eval input results before treating rubric scores as release evidence.']);  benchmarkActionList.innerHTML=actions.map(([title,detail])=>'<li><span><strong>'+esc(title)+'</strong><div class="muted">'+esc(detail)+'</div></span><strong>benchmark</strong></li>').join('');}function signed(v,digits){ const n=Number(v || 0); return (n>0?'+':'')+n.toFixed(digits ?? 2); }function renderBenchmarkHistory(data){  const summary=data?.summary || {};  const latest=summary.latest || null;  const trends=summary.trends || {};  const alignment=data?.traceAlignment || {};  const traceTasks=alignment.taskComparison?.totalComparedTasks || 0;  benchmarkHistoryFile.textContent=data?.historyFile || 'benchmark-history.json';  benchmarkHistorySummary.innerHTML=[    ['Entries',summary.totalEntries || 0],    ['Quality',latest ? fmt(latest.averageQualityScore) : '-'],    ['Trace tasks',traceTasks],    ['Latency',latest ? (fmt(latest.averageLatencyMs)+' ms') : '-']  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  if(!latest){ benchmarkHistoryList.innerHTML='<li><span class="muted">No saved benchmark history</span><strong>0</strong></li>'; return; }  const entries=Array.isArray(summary.entries) ? summary.entries.slice(-5).reverse() : [];  const rows=entries.map(entry=>'<li><span><strong>'+esc(entry.label || entry.id || '-')+'</strong><div class="muted">'+esc(entry.createdAt || '-')+' \xB7 '+esc(entry.source || '-')+' \xB7 runs '+esc(entry.evaluatedRuns || 0)+'/'+esc(entry.totalRuns || entry.evaluatedRuns || 0)+'</div><div class="muted">pass '+esc(pct(entry.passRate || 0))+' \xB7 quality '+esc(fmt(entry.averageQualityScore || 0))+' \xB7 calibration '+esc(fmt(entry.averageCalibrationScore || 0))+'</div></span><strong>'+esc(fmt(entry.averageLatencyMs || 0))+' ms</strong></li>');  const modelRows=(summary.topModels || []).map(model=>'<li><span><strong>'+esc(model.model || '-')+'</strong><div class="muted">quality '+esc(fmt(model.averageQualityScore || 0))+' \xB7 pass '+esc(pct(model.passRate || 0))+' \xB7 latency '+esc(fmt(model.averageLatencyMs || 0))+' ms</div></span><strong>top</strong></li>');  const alignmentRows=[ '<li><span><strong>Trace alignment</strong><div class="muted">task comparison '+esc(traceTasks)+' \xB7 quality evidence '+esc(alignment.qualityEvidence?.totalSamples || 0)+' \xB7 quality trend '+esc(summary.previous ? signed(trends.qualityDelta || 0,2) : 'waiting')+'</div></span><strong>trace</strong></li>' ];  benchmarkHistoryList.innerHTML=[...rows,...modelRows,...alignmentRows].join('') || '<li><span class="muted">No saved benchmark history</span><strong>0</strong></li>';}async function loadBenchmarkHistory(){  const res=await fetch('/api/benchmark/history');  renderBenchmarkHistory(await res.json());}async function saveBenchmarkCalibration(){  benchmarkCalibrationStatus.textContent='\u4FDD\u5B58\u6821\u51C6\u4E2D...';  const payload={    taskId:document.getElementById('calibrationTaskId').value.trim(),    model:document.getElementById('calibrationModel').value.trim(),    humanScore:document.getElementById('calibrationHumanScore').value.trim() ? Number(document.getElementById('calibrationHumanScore').value.trim()) : undefined,    latencyMs:document.getElementById('calibrationLatencyMs').value.trim() ? Number(document.getElementById('calibrationLatencyMs').value.trim()) : undefined,    output:document.getElementById('calibrationOutput').value,    calibrationNotes:document.getElementById('calibrationNotes').value,    label:'ui-calibration'  };  const res=await fetch('/api/benchmark/calibration',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });  const data=await res.json();  if(!res.ok){ benchmarkCalibrationStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+(data.message || 'unknown error'); return; }  benchmarkCalibrationStatus.textContent='\u5DF2\u4FDD\u5B58\u6821\u51C6\uFF1A'+(data.entry?.id || 'benchmark history');  renderBenchmarkHistory({ historyFile:data.historyFile, summary:data.summary });}function renderRouteDecisionSummaries(items){  const decisions=Array.isArray(items) ? items.slice(0,5) : [];  if(!decisions.length){ routeDecisionSummaryList.innerHTML='<li><span class="muted">No recent route decisions</span><strong>0</strong></li>'; return; }  routeDecisionSummaryList.innerHTML=decisions.map(item=>{    const meta=[item.sourceLabel || item.source || '-', item.ruleName ? ('rule '+item.ruleName) : '', item.semanticIntent ? ('intent '+item.semanticIntent) : '', item.confidenceLabel || '', item.latencyMs !== undefined ? (fmt(item.latencyMs)+' ms') : ''].filter(Boolean).join(' \xB7 ');    const fallback=item.fallbackReason ? '<div class="muted">fallback: '+esc(item.fallbackReason)+'</div>' : '';    return '<li><span><strong>'+esc(item.headline || item.requestId || '-')+'</strong><div class="muted">'+esc(meta)+'</div>'+fallback+'</span><button type="button" data-request="'+esc(item.requestId || '')+'">View</button></li>';  }).join('');}function renderSwitchContinuitySummaries(items){  const summaries=Array.isArray(items) ? items.slice(0,5) : [];  if(!summaries.length){ switchContinuitySummaryList.innerHTML='<li><span class="muted">No recent switch continuity</span><strong>0</strong></li>'; return; }  switchContinuitySummaryList.innerHTML=summaries.map(item=>{    const cls=item.status === 'critical' ? 'critical' : (item.status === 'watch' ? 'warn' : 'info');    const meta=[item.transition || (item.finalModel || '-'), item.sourceLabel || item.source || '-', item.alignmentUsed ? 'aligned' : '', item.cascadeTriggered ? 'cascade' : '', item.latencyMs !== undefined ? (fmt(item.latencyMs)+' ms') : ''].filter(Boolean).join(' \xB7 ');    const action=item.action ? '<div class="muted">'+esc(item.action)+'</div>' : '';    return '<li><span><span class="pill '+esc(cls)+'">'+esc(item.status || 'unknown')+'</span> <strong>'+esc(item.headline || item.requestId || '-')+'</strong><div class="muted">'+esc(meta)+'</div>'+action+'</span><button type="button" data-request="'+esc(item.requestId || '')+'">View</button></li>';  }).join('');}function renderAnomalies(anomalies,health){  const status=health?.status || 'idle';  const message=health?.message || 'No governance traces yet.';  const actions=Array.isArray(health?.actions) ? health.actions : [];  healthSummary.className='alert '+esc(status === 'critical' ? 'critical' : (status === 'watch' ? 'warn' : 'info'));  healthSummary.innerHTML='<strong>Health: '+esc(status)+'</strong><div>'+esc(message)+'</div>'+ (actions.length ? '<ul class="mini-list">'+actions.map(action=>'<li><button type="button" data-health-action="'+esc(action)+'">'+esc(action)+'</button></li>').join('')+'</ul>' : '');  if(!anomalies || !anomalies.length){ anomalyList.innerHTML='<div class="alert info"><strong>No active alerts</strong><div class="muted">\u5F53\u524D\u7A97\u53E3\u672A\u53D1\u73B0\u660E\u663E\u6CBB\u7406\u5F02\u5E38</div></div>'; return; }  anomalyList.innerHTML=anomalies.map(item=>'<div class="alert '+esc(item.severity || 'info')+'"><strong>'+esc(item.type)+'</strong><div>'+esc(item.message)+'</div></div>').join('');}function applyHealthAction(action){  const text=String(action || '').toLowerCase();  const routeReasonInput=document.getElementById('routeReason');  const cascadeSelect=document.getElementById('cascadeTriggered');  const shadowSelect=document.getElementById('shadowChecked');  if(text.includes('cascade')){ cascadeSelect.value='true'; shadowSelect.value=''; routeReasonInput.value=''; detailHint.textContent='Health action: filtered cascade traces'; }  else if(text.includes('shadow')){ shadowSelect.value='true'; cascadeSelect.value=''; routeReasonInput.value=''; detailHint.textContent='Health action: filtered shadow traces'; }  else { cascadeSelect.value=''; shadowSelect.value=''; routeReasonInput.value=''; detailHint.textContent='Health action: showing recent traces'; }  loadTraces();  document.getElementById('traceTable').scrollIntoView({ behavior:'smooth', block:'start' });}function renderBuckets(report){  const buckets=report.buckets || [];  const windowMs=Number(report.windowMs || 0);  bucketHint.textContent=windowMs ? ('\u6700\u8FD1 '+Math.round(windowMs / 60000)+' \u5206\u949F\uFF0C\u5171 '+(report.bucketCount || buckets.length || 0)+' \u6876') : '\u5F53\u524D\u672A\u542F\u7528\u65F6\u95F4\u7A97';  if(!buckets.length){ bucketGrid.innerHTML='<div class="stat"><span class="muted">No bucket data</span><strong>0</strong></div>'; return; }  bucketGrid.innerHTML=buckets.map(bucket=>    '<div class="stat">'+'<span class="muted">'+esc(shortTime(bucket.bucketStart))+' - '+esc(shortTime(bucket.bucketEnd))+'</span>'+'<strong>'+esc(bucket.metrics.totalTraces)+'</strong>'+'<div class="muted">sticky '+esc(pct(bucket.metrics.stickyHitRate))+' / cascade '+esc(pct(bucket.metrics.cascadeTriggeredRate))+'</div>'+'</div>').join('');}function renderTrendTable(report){  const buckets=report.buckets || [];  if(!buckets.length){ trendTableBody.innerHTML='<tr><td colspan="6" class="muted">No trend data</td></tr>'; return; }  trendTableBody.innerHTML=buckets.map(bucket=>'<tr>' +    '<td>'+esc(shortTime(bucket.bucketStart))+' - '+esc(shortTime(bucket.bucketEnd))+'</td>' +    '<td>'+esc(bucket.metrics.totalTraces)+'</td>' +    '<td>'+esc(pct(bucket.metrics.stickyHitRate))+'</td>' +    '<td>'+esc(pct(bucket.metrics.cascadeTriggeredRate))+'</td>' +    '<td>'+esc(pct(bucket.metrics.shadowCheckedRate))+'</td>' +    '<td>'+esc(pct(bucket.metrics.alignmentUsedRate))+'</td>' +  '</tr>').join('');}function renderExportHistory(data){  const exports=(data.exports || []);  const schedules=(data.schedules || []);  exportTableBody.innerHTML=exports.length ? exports.map(item=>'<tr><td><code>'+esc(item.id)+'</code></td><td>'+esc(item.kind)+'</td><td>'+esc(item.format)+'</td><td>'+esc(new Date(item.createdAt).toISOString())+'</td></tr>').join('') : '<tr><td colspan="4" class="muted">No exports yet</td></tr>';  scheduleTableBody.innerHTML=schedules.length ? schedules.map(item=>'<tr><td><code>'+esc(item.id)+'</code></td><td>'+esc(item.intervalMs)+' ms</td><td>'+esc(item.format)+'</td><td>'+esc(item.lastRunAt ? new Date(item.lastRunAt).toISOString() : '-')+'</td></tr>').join('') : '<tr><td colspan="4" class="muted">No schedules yet</td></tr>';}function renderArchives(data){  const archives=(data.archives || []);  archiveTableBody.innerHTML=archives.length ? archives.map(item=>'<tr><td><code>'+esc(item.file)+'</code></td><td>'+esc(item.startedAt ? new Date(item.startedAt).toISOString().slice(0,10) : '-')+' ~ '+esc(item.endedAt ? new Date(item.endedAt).toISOString().slice(0,10) : '-')+'</td><td>'+esc(item.traceCount)+'</td><td>'+esc(item.compressed ? 'yes' : 'no')+'</td></tr>').join('') : '<tr><td colspan="4" class="muted">No archives found</td></tr>';}async function loadCompiledModels(){  compiledModelsStatus.textContent='\u52A0\u8F7D compiled models \u4E2D...';  const res=await fetch('/api/models/compiled');  const data=await res.json();  renderDraftValidation([], data.warnings || [], data.issueReport);  renderCompiledModels(data);  renderCompiledDiff();  renderReferenceImpact();}async function loadTraces(){  const requestId=document.getElementById('requestId').value.trim();  const sessionKey=document.getElementById('sessionKey').value.trim();  const routeReason=document.getElementById('routeReason').value.trim();  const cascadeTriggered=document.getElementById('cascadeTriggered').value;  const shadowChecked=document.getElementById('shadowChecked').value;  const windowMs=document.getElementById('windowMs').value;  const minSampleSize=document.getElementById('minSampleSize').value.trim();  const cascadeWarnRate=document.getElementById('cascadeWarnRate').value.trim();  const shadowWarnRate=document.getElementById('shadowWarnRate').value.trim();  const latencyWarnMs=document.getElementById('latencyWarnMs').value.trim();  const limit=document.getElementById('limit').value.trim();  const params=new URLSearchParams();  if(requestId) params.set('requestId',requestId);  if(sessionKey) params.set('sessionKey',sessionKey);  if(routeReason) params.set('routeReason',routeReason);  if(cascadeTriggered) params.set('cascadeTriggered',cascadeTriggered);  if(shadowChecked) params.set('shadowChecked',shadowChecked);  if(windowMs) params.set('windowMs',windowMs);  if(minSampleSize) params.set('minSampleSize',minSampleSize);  if(cascadeWarnRate) params.set('cascadeWarnRate',cascadeWarnRate);  if(shadowWarnRate) params.set('shadowWarnRate',shadowWarnRate);  if(latencyWarnMs) params.set('latencyWarnMs',latencyWarnMs);  params.set('bucketCount','6');  if(limit) params.set('limit',limit);  tbody.innerHTML='<tr><td colspan="6" class="muted">\u52A0\u8F7D\u4E2D...</td></tr>';  const query=params.toString()?('?'+params.toString()):'';  const [traceRes,metricsRes,healthRes]=await Promise.all([    fetch('/api/governance/traces'+query),    fetch('/api/governance/metrics'+query),    fetch('/api/governance/health'+query)  ]);  const data=await traceRes.json();  const metricsData=await metricsRes.json();  const healthData=await healthRes.json();  const health=healthData.health || metricsData.health;  renderMetrics(metricsData.metrics || {},health,metricsData.outcome || {});  renderBuckets(metricsData || {});  renderAnomalies(metricsData.anomalies || [],health);  renderRoutingTuning(health?.routingTuning || []);  renderQualityEvidence(metricsData.qualityEvidence || {});  renderTaskComparison(metricsData.taskComparison || {});  renderBenchmarkSummary(metricsData.taskComparison || {},metricsData.qualityEvidence || {});  renderRanking(routeRanking,metricsData.topRouteReasons || [],'No routes');  renderRanking(modelRanking,metricsData.topFinalModels || [],'No models');  renderRanking(intentRanking,metricsData.topSemanticIntents || [],'No intents');  renderOutcomeGroups(routeOutcomeRanking,metricsData.outcome?.byRouteReason || [],'No route outcomes');  renderOutcomeGroups(modelOutcomeRanking,metricsData.outcome?.byFinalModel || [],'No model outcomes');  renderOutcomeGroups(intentOutcomeRanking,metricsData.outcome?.bySemanticIntent || [],'No intent outcomes');  renderTrendTable(metricsData || {});  const traces=data.traces || [];  renderRouteDecisionSummaries(data.routeDecisions || traces.map(t=>t.decisionSummary).filter(Boolean));  renderSwitchContinuitySummaries(data.switchContinuity || traces.map(t=>t.switchSummary).filter(Boolean));  if(!traces.length){ tbody.innerHTML='<tr><td colspan="6" class="muted">\u6682\u65E0 trace</td></tr>'; return; }  tbody.innerHTML=traces.map(t=>    \`<tr>\`+      \`<td><code>\${esc(t.requestId)}</code></td>\`+      \`<td>\${t.sessionKey ? \`<span class="pill">\${esc(t.sessionKey)}</span>\` : '<span class="muted">-</span>'}</td>\`+      \`<td><code>\${esc(t.finalModel || '')}</code></td>\`+      \`<td>\${(t.routeReason || []).map(r=>\`<span class="pill">\${esc(r)}</span>\`).join(' ')}</td>\`+      \`<td>\${esc(t.latencyMs ?? '')}</td>\`+      \`<td><button data-request="\${esc(t.requestId)}">View</button></td>\`+    \`</tr>\`  ).join('');}async function loadDetail(requestId){  const res=await fetch('/api/governance/traces/'+encodeURIComponent(requestId));  const data=await res.json();  detailHint.textContent='\u5F53\u524D\u67E5\u770B\uFF1A'+requestId;  detail.textContent=JSON.stringify(data,null,2);}async function loadExports(){  const res=await fetch('/api/governance/metrics/exports');  renderExportHistory(await res.json());}async function createSnapshot(){  snapshotStatus.textContent='\u521B\u5EFA\u5FEB\u7167\u4E2D...';  const res=await fetch('/api/governance/metrics/snapshots',{    method:'POST',    headers:{'Content-Type':'application/json'},    body:JSON.stringify({ format: document.getElementById('snapshotFormat').value, windowMs: Number(document.getElementById('windowMs').value || 0) || undefined })  });  const data=await res.json();  snapshotStatus.textContent=res.ok ? ('\u5DF2\u521B\u5EFA\uFF1A'+data.export.id) : ('\u521B\u5EFA\u5931\u8D25\uFF1A'+(data.message || 'unknown error'));  if(res.ok) await loadExports();}async function loadArchives(){  archiveStatus.textContent='\u52A0\u8F7D\u5F52\u6863\u4E2D...';  const params=new URLSearchParams();  const archiveDate=document.getElementById('archiveDate').value.trim();  const archivePage=document.getElementById('archivePage').value.trim();  const archivePageSize=document.getElementById('archivePageSize').value.trim();  if(archiveDate) params.set('date',archiveDate);  if(archivePage) params.set('page',archivePage);  if(archivePageSize) params.set('pageSize',archivePageSize);  const res=await fetch('/api/governance/archives'+(params.toString()?('?'+params.toString()):''));  const data=await res.json();  renderArchives(data);  archiveStatus.textContent='\u5F52\u6863\u52A0\u8F7D\u5B8C\u6210';}async function saveThresholds(){  const payload={    min_sample_size:Number(document.getElementById('minSampleSize').value || 0),    cascade_warn_rate:Number(document.getElementById('cascadeWarnRate').value || 0),    shadow_warn_rate:Number(document.getElementById('shadowWarnRate').value || 0),    latency_warn_ms:Number(document.getElementById('latencyWarnMs').value || 0)  };  saveThresholdsStatus.textContent='\u4FDD\u5B58\u4E2D...';  const res=await fetch('/api/governance/observability/anomaly-thresholds',{    method:'POST',    headers:{'Content-Type':'application/json'},    body:JSON.stringify(payload)  });  const data=await res.json();  if(!res.ok){ saveThresholdsStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+(data.message || 'unknown error'); return; }  saveThresholdsStatus.textContent='\u5DF2\u4FDD\u5B58\u5230\u914D\u7F6E\u6587\u4EF6';}document.getElementById('refreshBtn').addEventListener('click',loadTraces);document.getElementById('loadConfigDraftHeroBtn').addEventListener('click',loadConfigDraft);document.getElementById('previewConfigDraftHeroBtn').addEventListener('click',previewConfigDraft);document.getElementById('refreshStatusHeroBtn').addEventListener('click',loadServiceStatus);document.getElementById('loadConfigDraftBtn').addEventListener('click',loadConfigDraft);document.getElementById('addModelDraftBtn').addEventListener('click',addDraftModel);document.getElementById('applyBalancedPresetBtn').addEventListener('click',()=>applyDraftPreset('balanced'));document.getElementById('previewBalancedPresetBtn').addEventListener('click',()=>previewDraftPreset('balanced'));document.getElementById('applyFastPresetBtn').addEventListener('click',()=>applyDraftPreset('fast'));document.getElementById('previewFastPresetBtn').addEventListener('click',()=>previewDraftPreset('fast'));document.getElementById('applyGovernancePresetBtn').addEventListener('click',()=>applyDraftPreset('governance'));document.getElementById('previewGovernancePresetBtn').addEventListener('click',()=>previewDraftPreset('governance'));document.getElementById('addTriggerRuleBtn').addEventListener('click',addTriggerRule);document.getElementById('addSmartCandidateBtn').addEventListener('click',addSmartCandidate);document.getElementById('addCascadeLevelBtn').addEventListener('click',addCascadeLevel);document.getElementById('syncDraftJsonBtn').addEventListener('click',syncDraftEditorFromForm);document.getElementById('previewConfigDraftBtn').addEventListener('click',previewConfigDraft);document.getElementById('saveConfigDraftBtn').addEventListener('click',saveConfigDraft);draftPresetMode.addEventListener('change',renderDraftPresetModeHint);document.getElementById('createSnapshotBtn').addEventListener('click',createSnapshot);document.getElementById('loadArchivesBtn').addEventListener('click',loadArchives);document.getElementById('saveThresholdsBtn').addEventListener('click',saveThresholds);document.getElementById('saveCalibrationBtn').addEventListener('click',saveBenchmarkCalibration);document.getElementById('probeModelPoolBtn').addEventListener('click',probeModelPoolHealth);routeDecisionSummaryList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn && btn.dataset.request){ loadDetail(btn.dataset.request); } });switchContinuitySummaryList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn && btn.dataset.request){ loadDetail(btn.dataset.request); } });tbody.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn){ loadDetail(btn.dataset.request); } });renderDraftPresetGuide();renderDraftPresetModeHint();renderDraftPreviewMeta();loadServiceStatus();loadConfigDraft();loadCompiledModels();loadBenchmarkHistory();loadExports();loadArchives();loadTraces();</script>` + renderWorkbenchDocumentEnd();
+  return renderWorkbenchDocumentStart() + `body{font-family:ui-sans-serif,system-ui,sans-serif;padding:2rem;max-width:1100px;margin:0 auto;background:#f7f7f5;color:#1f2328}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.muted{color:#6b7280}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:stretch;margin-bottom:1rem}.hero h2{margin:.2rem 0 .5rem;font-size:1.55rem}.hero-copy{display:flex;flex-direction:column;justify-content:center}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.status-tile{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;min-width:0}.status-tile strong{display:block;margin-top:.2rem;word-break:break-word}@media (max-width:760px){.hero{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.85rem}.stat strong{display:block;font-size:1.1rem;margin-top:.25rem}.subpanel{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.bucket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.75rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.mini-list{list-style:none;padding:0;margin:.75rem 0 0}.mini-list li{display:flex;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;align-items:flex-start;padding:.45rem 0;border-bottom:1px dashed #e5e7eb}.mini-list li:last-child{border-bottom:none}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}.management-table{width:100%;margin-top:.75rem}.management-table th,.management-table td{padding:.5rem;border-bottom:1px solid #e5e7eb;font-size:.92rem;vertical-align:top}.scope-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:.75rem}.scope-guide div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.scope-guide strong{display:block;margin-bottom:.35rem}.alert-list{display:grid;gap:.75rem;margin-top:1rem}.alert{border-radius:12px;padding:.85rem 1rem;border:1px solid}.alert.warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}.alert.critical{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.alert.info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.diff-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.diff-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem}.diff-chip strong{display:block;font-size:1rem;margin-top:.2rem}.models-form-grid{display:grid;gap:.75rem;margin-top:.75rem}.model-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fcfcfd}.model-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.75rem}.model-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.model-card-grid textarea{min-height:84px;resize:vertical}.list-editor{display:grid;gap:.75rem;margin-top:.75rem}.list-item{border:1px solid #e5e7eb;border-radius:12px;padding:.85rem;background:#fcfcfd}.list-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.jump-highlight{outline:3px solid #f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.15);transition:box-shadow .25s ease,outline-color .25s ease}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.control-grid label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:.35rem}.trend-table{width:100%;margin-top:.75rem}.trend-table th,.trend-table td{padding:.45rem;border-bottom:1px solid #e5e7eb;font-size:.92rem}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}input,select,button{font:inherit;padding:.55rem .75rem;border-radius:8px;border:1px solid #d1d5db}button{background:#111827;color:#fff;border-color:#111827;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid #e5e7eb;vertical-align:top}code,pre{font-family:ui-monospace,SFMono-Regular,monospace}pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:12px;overflow:auto}.pill{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.8rem}.pill.info{background:#eff6ff;color:#1d4ed8}.pill.warn{background:#fff7ed;color:#9a3412}.pill.critical{background:#fef2f2;color:#991b1b}.surface-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.surface-tab{background:#fff;color:#1f2328;border-color:#d1d5db}.surface-tab.active{background:#111827;color:#fff;border-color:#111827}.surface-panel[hidden]{display:none}.surface-heading{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:.75rem}</style></head><body><div class="hero"><div class="panel hero-copy"><h2>\u914D\u7F6E\u4E0E\u72B6\u6001\u5DE5\u4F5C\u53F0</h2><p class="muted">\u67E5\u770B\u5F53\u524D\u8DEF\u7531\u670D\u52A1\u3001\u6A21\u578B\u914D\u7F6E\u548C\u9ED8\u8BA4\u53BB\u5411\uFF1B\u9700\u8981\u6392\u67E5\u65F6\uFF0C\u4E0B\u65B9\u7EF4\u62A4\u8005\u533A\u57DF\u53EF\u7EE7\u7EED\u67E5\u770B Governance Trace\u3001metrics \u548C\u5F52\u6863\u3002</p><div class="action-row"><button id="loadConfigDraftHeroBtn" type="button">\u8F7D\u5165\u5F53\u524D\u914D\u7F6E</button><button id="previewConfigDraftHeroBtn" type="button">\u9884\u89C8 compiled models</button><button id="refreshStatusHeroBtn" type="button">\u5237\u65B0\u72B6\u6001</button></div></div><div class="panel"><div class="status-grid"><div class="status-tile"><span class="muted">Service</span><strong id="serviceReadyStatus">ready</strong></div><div class="status-tile"><span class="muted">Port</span><strong id="servicePortStatus">${escapedDisplayPort}</strong></div><div class="status-tile"><span class="muted">Mode</span><strong id="serviceModeStatus">${escapedRuntimeMode}</strong></div><div class="status-tile"><span class="muted">Role</span><strong id="serviceRoleStatus">${escapedServiceRole}</strong></div><div class="status-tile"><span class="muted">Listener</span><strong id="listenerStatusSummary">${escapedListenerSummary}</strong></div><div class="status-tile"><span class="muted">Models</span><strong id="modelCountStatus">${escapedModelsCount}</strong></div><div class="status-tile"><span class="muted">Router.default</span><strong id="routerDefaultStatus">${escapedRouterDefault}</strong></div><div class="status-tile"><span class="muted">Remote service</span><strong id="remoteStatusSummary">${escapedRemoteSummary}</strong></div><div class="status-tile"><span class="muted">Remote registration</span><strong id="remoteRegistrationStatusSummary">checking</strong></div><div class="status-tile"><span class="muted">Registration</span><strong id="registrationStatusSummary">${escapedRegistrationSummary}</strong></div><div class="status-tile"><span class="muted">Auth</span><strong id="authStatusSummary">${escapedAuthSummary}</strong></div><div class="status-tile"><span class="muted">Security</span><strong id="securityStatusSummary">${escapedSecuritySummary}</strong></div></div></div></div>` + renderSurfaceTabs() + `<section id="userSurface" class="surface-panel" data-surface="user"><div class="panel"><div class="surface-heading"><strong>\u4F7F\u7528\u8005\u5DE5\u4F5C\u53F0</strong><span class="muted">\u914D\u7F6E\u3001\u6A21\u578B\u3001\u8DEF\u7531\u3001\u670D\u52A1\u72B6\u6001\u4E0E\u4E0B\u4E00\u6B65\u4FDD\u5B58\u52A8\u4F5C\u3002</span></div><div class="subpanel"><div class="row"><strong>Draft Config Preview</strong><span class="muted">\u7F16\u8F91\u5F53\u524D\u914D\u7F6E\u8349\u7A3F\u5E76\u5373\u65F6\u9884\u89C8 compiled models \u7ED3\u679C\uFF0C\u4E0D\u843D\u76D8</span></div><div class="action-row"><button id="loadConfigDraftBtn" type="button">\u8F7D\u5165\u5F53\u524D\u914D\u7F6E</button><button id="addModelDraftBtn" type="button">\u65B0\u589E Model</button><button id="applyBalancedPresetBtn" type="button">\u5E94\u7528\u5E73\u8861\u9884\u8BBE</button><button id="previewBalancedPresetBtn" type="button">\u9884\u89C8\u5E73\u8861\u9884\u8BBE</button><button id="applyFastPresetBtn" type="button">\u5E94\u7528\u5FEB\u901F\u9884\u8BBE</button><button id="previewFastPresetBtn" type="button">\u9884\u89C8\u5FEB\u901F\u9884\u8BBE</button><button id="applyGovernancePresetBtn" type="button">\u5E94\u7528\u6CBB\u7406\u9884\u8BBE</button><button id="previewGovernancePresetBtn" type="button">\u9884\u89C8\u6CBB\u7406\u9884\u8BBE</button><button id="syncDraftJsonBtn" type="button">\u540C\u6B65 JSON \u8349\u7A3F</button><button id="previewConfigDraftBtn" type="button">\u9884\u89C8 compiled models</button><button id="saveConfigDraftBtn" type="button">\u4FDD\u5B58\u914D\u7F6E</button><span id="draftPreviewStatus" class="muted">\u5C1A\u672A\u9884\u89C8\u914D\u7F6E\u8349\u7A3F</span></div><div class="control-grid"><div><label>Preset mode</label><select id="draftPresetMode"><option value="merge" selected>append / merge</option><option value="replace">overwrite</option></select></div><div><label>Mode guide</label><div id="draftPresetModeHint" class="muted">append / merge \u4F1A\u5C3D\u91CF\u4FDD\u7559\u5F53\u524D\u8349\u7A3F\uFF0C\u4EC5\u8865\u5145\u9884\u8BBE\u76F8\u5173\u5B57\u6BB5</div></div></div><div id="draftPresetList" class="alert-list"><div class="alert info"><strong>Preset guide</strong><div class="muted">\u9009\u62E9\u9884\u8BBE\u524D\u53EF\u5148\u67E5\u770B\u5176\u4F1A\u8986\u76D6\u7684\u533A\u57DF\u4E0E\u63A8\u8350\u7528\u9014</div></div></div><div id="draftPreviewMeta" class="alert-list"><div class="alert info"><strong>Draft preview mode</strong><div class="muted">\u5F53\u524D\u663E\u793A\u4E3A\u8349\u7A3F\u7F16\u8F91\u89C6\u56FE\uFF0C\u9884\u8BBE dry-run \u4F1A\u5728\u8FD9\u91CC\u63D0\u793A\u5F71\u54CD\u8303\u56F4\u3002</div></div></div><div id="draftSummaryGrid" class="stats"><div class="stat"><span class="muted">Models</span><strong>0</strong></div><div class="stat"><span class="muted">Routing rules</span><strong>0</strong></div><div class="stat"><span class="muted">Patterns</span><strong>0</strong></div><div class="stat"><span class="muted">Smart candidates</span><strong>0</strong></div><div class="stat"><span class="muted">Cascade levels</span><strong>0</strong></div><div class="stat"><span class="muted">Model refs</span><strong>0</strong></div></div><div class="subpanel"><div class="row"><strong>Validation Summary</strong><span class="muted">\u96C6\u4E2D\u663E\u793A\u5F53\u524D\u8349\u7A3F\u7684\u9519\u8BEF\u4E0E warning\uFF0C\u5E76\u533A\u5206\u4FEE\u590D\u4F18\u5148\u7EA7</span></div><div id="draftValidationList" class="alert-list"><div class="alert info"><strong>No validation issues</strong><div class="muted">\u9884\u89C8\u524D\u4F1A\u5728\u8FD9\u91CC\u6C47\u603B\u8349\u7A3F\u95EE\u9898</div></div></div></div><div class="subpanel"><div class="row"><strong>Capability Warnings</strong><span class="muted">\u663E\u793A\u6A21\u578B capability hint \u53EF\u80FD\u5E26\u6765\u7684\u8FD0\u884C\u65F6\u964D\u7EA7\u884C\u4E3A</span></div><div id="capabilityWarningsList" class="alert-list"><div class="alert info"><strong>No capability warnings</strong><div class="muted">\u9884\u89C8\u6216\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u663E\u793A\u80FD\u529B\u964D\u7EA7\u63D0\u793A</div></div></div></div><div class="subpanel"><div class="row"><strong>Current Router slots</strong><span class="muted">\u89E3\u91CA\u57FA\u7840\u8DEF\u7531\u69FD\u4F4D\u5F15\u7528\u7684 modelId\u3001\u4E0A\u6E38\u6A21\u578B\u3001\u80FD\u529B\u548C\u6F5C\u5728\u914D\u7F6E\u98CE\u9669</span></div><div id="routerSlotSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Configured slots</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Resolved slots</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Warnings</span><strong>0</strong></div></div><table id="routerSlotTable" class="management-table"><thead><tr><th>Slot</th><th>When used</th><th>Model ref</th><th>Resolved target</th><th>Capabilities</th><th>Warning</th></tr></thead><tbody><tr><td colspan="6" class="muted">Loading router slot explanation...</td></tr></tbody></table><div id="contextWindowGuide" class="alert-list" style="margin-top:.75rem"><div class="alert info"><strong>Context window guide</strong><div class="muted">\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u663E\u793A\u4E0A\u4E0B\u6587\u7A97\u53E3\u4E0E Router.longContext \u5EFA\u8BAE</div></div></div></div><div class="subpanel"><div class="row"><strong>SmartRouter explanation</strong><span class="muted">\u5C55\u793A\u89C4\u5219\u547D\u4E2D\u987A\u5E8F\u3001\u5019\u9009\u6A21\u578B\u3001router_model\u3001semantic/sticky \u5F00\u5173\u4E0E fallback</span></div><div id="smartRouterExplanationSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Enabled</span><strong>-</strong></div><div class="diff-chip"><span class="muted">Rules</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Candidates</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Warnings</span><strong>0</strong></div></div><div id="smartRouterRouteOrder" class="alert-list" style="margin-top:.75rem"><div class="alert info"><strong>Route order</strong><div class="muted">\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u663E\u793A SmartRouter \u51B3\u7B56\u987A\u5E8F\u3002</div></div></div><table id="smartRouterRulesTable" class="management-table"><thead><tr><th>Order</th><th>Rule</th><th>Model</th><th>Patterns</th><th>Semantic</th></tr></thead><tbody><tr><td colspan="5" class="muted">Loading SmartRouter rules...</td></tr></tbody></table><table id="smartRouterCandidatesTable" class="management-table"><thead><tr><th>Order</th><th>Candidate</th><th>Description</th><th>Status</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading SmartRouter candidates...</td></tr></tbody></table><div id="smartCandidateGuide" class="alert-list" style="margin-top:.75rem"><div class="alert info"><strong>Candidate guide</strong><div class="muted">\u52A0\u8F7D compiled models \u540E\u4F1A\u5728\u8FD9\u91CC\u63D0\u793A fast / balanced / deep / long-context \u5019\u9009\u8986\u76D6\u3002</div></div></div></div><div class="control-grid"><div><label>Router default (modelId)</label><input id="draftRouterDefault" placeholder="\u4F8B\u5982 sonnet"></div><div><label>Models count</label><input id="draftModelsCount" value="0" readonly></div></div><div class="subpanel"><div class="row"><strong>Routing Controls</strong><span class="muted">\u56F4\u7ED5 SmartRouter \u7EDF\u4E00\u8DEF\u7531\u5F15\u64CE\u7F16\u8F91\u89C4\u5219\u3001\u5019\u9009\u4E0E\u6CBB\u7406\u589E\u5F3A\u517C\u5BB9\u914D\u7F6E</span></div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>Routing rules</strong><span class="muted">\u663E\u5F0F\u89C4\u5219\u3001\u8BED\u4E49\u63D0\u793A\u4E0E\u517C\u5BB9\u8F93\u5165</span></div><div class="control-grid"><div><label><input id="triggerEnabled" type="checkbox"> Enabled</label></div><div><label><input id="triggerIntentEnabled" type="checkbox"> Intent recognition</label></div><div><label>Analysis scope</label><select id="triggerAnalysisScope"><option value="last_message">last_message</option><option value="full_context">full_context</option></select></div><div><label>Intent model</label><input id="triggerIntentModel" list="topLevelTriggerIntentSuggestions" placeholder="modelId"><datalist id="topLevelTriggerIntentSuggestions"></datalist></div></div><div style="margin-top:.75rem"><div class="action-row"><label>Rules</label><button id="addTriggerRuleBtn" type="button">\u65B0\u589E Rule</button></div><div id="triggerRulesList" class="list-editor"><div class="panel" style="margin-bottom:0"><span class="muted">No routing rules yet</span></div></div></div></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>SmartRouter</strong><span class="muted">\u667A\u80FD\u5019\u9009\u9009\u62E9</span></div><div class="control-grid"><div><label><input id="smartEnabled" type="checkbox"> Enabled</label></div><div><label>Router model</label><input id="smartRouterModel" list="topLevelSmartRouterSuggestions" placeholder="modelId"><datalist id="topLevelSmartRouterSuggestions"></datalist></div><div><label>Fallback</label><select id="smartFallback"><option value="default">default</option><option value="skip">skip</option></select></div><div><label>Cache TTL</label><input id="smartCacheTtl" placeholder="600000"></div><div><label>Max tokens</label><input id="smartMaxTokens" placeholder="256"></div></div><div style="margin-top:.75rem"><div class="action-row"><label>Candidates</label><button id="addSmartCandidateBtn" type="button">\u65B0\u589E Candidate</button></div><div id="smartCandidatesList" class="list-editor"><div class="panel" style="margin-bottom:0"><span class="muted">No smart candidates yet</span></div></div></div></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Governance</strong><span class="muted">\u5F71\u5B50\u6821\u9A8C\u3001\u7EA7\u8054\u4E0E\u89C2\u6D4B\u76F8\u5173\u914D\u7F6E</span></div><div class="control-grid"><div><label><input id="governanceEnabled" type="checkbox"> Enabled</label></div><div><label><input id="governanceAlignmentEnabled" type="checkbox"> Alignment</label></div><div><label>Summarizer model</label><input id="governanceSummarizerModel" list="topLevelGovernanceSummarizerSuggestions" placeholder="modelId"><datalist id="topLevelGovernanceSummarizerSuggestions"></datalist></div><div><label><input id="governanceSemanticEnabled" type="checkbox"> Semantic</label></div><div><label>Classifier model</label><input id="governanceClassifierModel" list="topLevelGovernanceClassifierSuggestions" placeholder="modelId"><datalist id="topLevelGovernanceClassifierSuggestions"></datalist></div><div><label><input id="governanceShadowEnabled" type="checkbox"> Shadow</label></div><div><label>Verifier model</label><input id="governanceVerifierModel" list="topLevelGovernanceVerifierSuggestions" placeholder="modelId"><datalist id="topLevelGovernanceVerifierSuggestions"></datalist></div></div><div style="margin-top:.75rem"><div class="action-row"><label>Cascade levels</label><button id="addCascadeLevelBtn" type="button">\u65B0\u589E Level</button></div><div id="governanceCascadeLevelsList" class="list-editor"><div class="panel" style="margin-bottom:0"><span class="muted">No cascade levels yet</span></div></div></div></div></div></div><div class="alert info"><strong>Models field guide</strong><div class="muted">\u65B0\u914D\u7F6E\u8BF7\u4F7F\u7528\u5165\u53E3\u5B57\u6BB5\uFF1Aid / api / key / interface / model / thinking / metadata\uFF1Bapi_key / api_base_url / protocol \u4EC5\u4F5C\u4E3A\u65E7\u914D\u7F6E\u517C\u5BB9\u8BFB\u53D6\u3002</div></div><div id="modelsFormGrid" class="models-form-grid"><div class="panel" style="margin-bottom:0"><span class="muted">No draft models loaded yet</span></div></div><textarea id="configDraftEditor" aria-label="JSON config draft" style="width:100%;min-height:240px;margin-top:.75rem;padding:.75rem;border-radius:12px;border:1px solid #d1d5db;font:12px/1.5 ui-monospace,SFMono-Regular,monospace" spellcheck="false" placeholder='{"Models":[{"id":"sonnet","api":"https://...","key":"sk-...","interface":"openai","model":"anthropic/claude-sonnet-4","thinking":"auto","metadata":{"vendor_hint":"openrouter"}}],"Router":{"default":"sonnet"}}'></textarea><div class="muted">JSON \u8349\u7A3F\u540C\u6837\u5EFA\u8BAE\u53EA\u5199\u5165\u53E3\u5B57\u6BB5\uFF1B\u4FDD\u5B58\u65F6\u4F1A\u81EA\u52A8\u5F52\u4E00\uFF0C\u65E7\u5B57\u6BB5\u522B\u540D\u65E0\u9700\u624B\u52A8\u8865\u5145\u3002</div><div class="subpanel"><div class="row"><strong>Preview Diff</strong><span class="muted">\u5BF9\u6BD4\u5F53\u524D\u8FD0\u884C\u914D\u7F6E\u4E0E\u8349\u7A3F\u914D\u7F6E\u7684 compiled model \u53D8\u5316</span></div><div id="compiledDiffSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Added providers</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Removed providers</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Changed providers</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Added models</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Removed models</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Changed models</span><strong>0</strong></div></div><table id="compiledDiffTable" class="management-table"><thead><tr><th>Scope</th><th>Type</th><th>Key</th><th>Changed fields</th><th>Target</th></tr></thead><tbody><tr><td colspan="5" class="muted">Preview a draft to inspect compiled registry changes</td></tr></tbody></table></div><div class="subpanel"><div class="row"><strong>Reference Impact</strong><span class="muted">\u5206\u6790 Router / SmartRouter / Governance\uFF08shadow/cascade\uFF09\u7B49 modelId \u5F15\u7528\u662F\u5426\u4ECD\u7136\u6709\u6548</span></div><div id="referenceImpactSummary" class="diff-summary"><div class="diff-chip"><span class="muted">Total refs</span><strong>0</strong></div><div class="diff-chip"><span class="muted">modelId refs</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Legacy refs</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Valid modelIds</span><strong>0</strong></div><div class="diff-chip"><span class="muted">Missing modelIds</span><strong>0</strong></div></div><table id="referenceImpactTable" class="management-table"><thead><tr><th>Path</th><th>Ref</th><th>Type</th><th>Status</th><th>Resolved target</th><th>Suggestions</th></tr></thead><tbody><tr><td colspan="6" class="muted">Preview a draft to inspect model reference impact</td></tr></tbody></table></div></div><div class="subpanel"><div class="row"><strong>Compiled Models</strong><span class="muted">\u67E5\u770B Models \u7F16\u8BD1\u540E\u7684 provider \u4E0E\u8DEF\u7531\u6620\u5C04</span></div><div id="compiledModelsStatus" class="muted" style="margin-top:.75rem">\u52A0\u8F7D compiled models \u4E2D...</div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>Compiled providers</strong><span class="muted">\u5185\u90E8 provider\u3001\u6A21\u578B\u5217\u8868\u4E0E transformer</span></div><table id="compiledProvidersTable" class="management-table"><thead><tr><th>Provider</th><th>Interface</th><th>Models</th><th>Transformer</th><th>API key</th></tr></thead><tbody><tr><td colspan="5" class="muted">Loading compiled providers...</td></tr></tbody></table></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Model map</strong><span class="muted">modelId \u5230\u5185\u90E8 provider/model\u3001thinking \u4E0E capability \u914D\u7F6E</span></div><table id="compiledModelMapTable" class="management-table"><thead><tr><th>Model ID</th><th>Internal target</th><th>Protocol</th><th>Compatibility profile</th><th>Dispatch format</th><th>Thinking</th><th>Capabilities</th><th>Source</th></tr></thead><tbody><tr><td colspan="8" class="muted">Loading model map...</td></tr></tbody></table></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Model pools</strong><span class="muted">Registration.models \u7F16\u8BD1\u51FA\u7684\u540C\u6A21\u578B\u591A\u6E90\u6C60\uFF0C\u5F53\u524D\u652F\u6301 priority / least-latency / round-robin / health-aware / cost-aware active endpoint\u3001\u975E\u6D41\u5F0F\u9519\u8BEF fallback\u3001health/cooldown\u3001\u7194\u65AD\u72B6\u6001\u3001\u5EF6\u8FDF\u7A97\u53E3\u4E0E\u6210\u672C/\u901F\u7387\u5143\u6570\u636E</span></div><table id="compiledModelPoolsTable" class="management-table"><thead><tr><th>Pool</th><th>Strategy</th><th>Active endpoint</th><th>Endpoints</th><th>Warnings</th></tr></thead><tbody><tr><td colspan="5" class="muted">Loading model pools...</td></tr></tbody></table></div></div></div></div></section><section id="maintainerSurface" class="surface-panel" data-surface="maintainer" hidden><div class="panel"><div class="surface-heading"><strong>\u7EF4\u62A4\u8005\u5DE5\u4F5C\u53F0</strong><span class="muted">\u8FD0\u884C\u89C2\u6D4B\u3001Governance Trace\u3001metrics\u3001\u5F52\u6863\u4E0E\u7EF4\u62A4\u64CD\u4F5C\u3002</span></div><div id="securitySummary" class="alert info"><strong>Security pending</strong><div class="muted">\u7B49\u5F85\u670D\u52A1\u5B89\u5168\u72B6\u6001\u52A0\u8F7D</div></div><div class="subpanel" id="roleConnectionGuide"><div class="row"><strong>Role & connection guide</strong><span class="muted">\u6309\u5F53\u524D local / server / cloud \u89D2\u8272\u786E\u8BA4\u76D1\u542C\u5730\u5740\u3001\u7EF4\u62A4\u5165\u53E3\u548C\u8FDC\u7A0B\u5BA2\u6237\u7AEF\u63A5\u5165\u65B9\u5F0F\u3002</span></div><div class="scope-guide"><div><strong>current role</strong><span id="roleConnectionSummary" class="muted">${escapedRuntimeMode} / ${escapedServiceRole}</span></div><div><strong>listener</strong><span id="listenerConnectionSummary" class="muted">${escapedListenerSummary}</span></div><div><strong>remote clients</strong><span id="clientConnectionSummary" class="muted">${escapedClientConnectionSummary}</span></div></div><div class="muted" style="margin-top:.75rem">${escapedLocalUserRoleGuide}</div><div class="muted" style="margin-top:.5rem">${escapedServerMaintainerRoleGuide}</div><div class="muted" style="margin-top:.5rem">${escapedRemoteClientRoleGuide}</div></div><div class="subpanel" id="authScopeGuide"><div class="row"><strong>Auth scope guide</strong><span class="muted">\u6309\u7528\u9014\u53D1\u653E\u6700\u5C0F\u6743\u9650 key\uFF0C\u8FDC\u7A0B\u5BA2\u6237\u7AEF\u4E0D\u8981\u590D\u7528 admin key\u3002</span></div><div class="scope-guide"><div><strong>admin</strong><span class="muted">\u670D\u52A1\u6240\u6709\u8005\u4F7F\u7528\uFF1A/ui\u3001\u914D\u7F6E\u4FDD\u5B58\u3001auth \u7BA1\u7406\uFF0C\u4EE5\u53CA\u6240\u6709\u8FD0\u7EF4\u5199\u64CD\u4F5C\u3002</span></div><div><strong>operator</strong><span class="muted">\u65E5\u5E38\u8FD0\u7EF4\u4F7F\u7528\uFF1A\u91CD\u542F\u3001\u6CBB\u7406\u5FEB\u7167\u3001\u5B9A\u65F6\u5FEB\u7167\u3001\u5F02\u5E38\u9608\u503C\u548C\u5F52\u6863\u5220\u9664\uFF1B\u4E0D\u80FD\u67E5\u770B\u914D\u7F6E\u6216\u7BA1\u7406 auth\u3002</span></div><div><strong>client</strong><span class="muted">\u5BA2\u6237\u7AEF\u6A21\u578B\u8C03\u7528\uFF1A/v1/messages\u3001/v1/chat/completions\uFF1B\u6A21\u578B\u8C03\u7528\u914D\u989D\u53EA\u8BA1\u5165\u8FD9\u91CC\u3002</span></div><div><strong>read-only</strong><span class="muted">\u53EA\u8BFB\u89C2\u6D4B\uFF1Ahealth\u3001service-info\u3001compiled models\u3001model pool health\u3001transformers \u548C governance GET\u3002</span></div><div><strong>client + read-only</strong><span class="muted">\u8FDC\u7A0B token \u540C\u65F6\u9700\u8981 ready/status \u63A2\u6D4B\u4E0E\u6A21\u578B\u8C03\u7528\u65F6\u4F7F\u7528\u8BE5\u7EC4\u5408\u3002</span></div></div><div class="muted" style="margin-top:.75rem">\u7BA1\u7406\u5165\u53E3\uFF1A\u7528 admin key \u8C03\u7528 <code>GET /api/auth/keys</code> \u67E5\u770B\u5217\u8868\uFF0C<code>POST /api/auth/keys</code> \u751F\u6210 key\uFF0C<code>POST /api/auth/keys/:id/rotate</code> \u8F6E\u6362 key\uFF0C<code>POST /api/auth/keys/:id/revoke</code> \u540A\u9500 key\uFF1B\u751F\u6210\u7684 secret \u53EA\u8FD4\u56DE\u4E00\u6B21\uFF0C\u8BF7\u76F4\u63A5\u4EA4\u7ED9\u5BF9\u5E94\u5BA2\u6237\u7AEF\u4FDD\u5B58\u3002</div><div class="muted" style="margin-top:.5rem">\u5982\u679C\u670D\u52A1\u542F\u7528\u4E86\u9274\u6743\uFF0C\u6D4F\u89C8\u5668\u76F4\u63A5\u6253\u5F00 <code>/ui</code> \u4E0D\u80FD\u81EA\u52A8\u643A\u5E26 <code>Authorization</code> header\uFF1B\u7EF4\u62A4\u8005\u5E94\u901A\u8FC7\u5185\u7F51\u3001\u672C\u5730\u96A7\u9053\u6216\u53CD\u5411\u4EE3\u7406\u6CE8\u5165 <code>Authorization: Bearer &lt;admin-key&gt;</code> \u540E\u8BBF\u95EE\uFF0C\u4E0D\u8981\u628A admin key \u653E\u8FDB URL\u3002</div></div><div class="subpanel"><div class="row"><strong>Auth quota</strong><span class="muted">\u6309 managed key \u67E5\u770B\u6A21\u578B\u8C03\u7528\u914D\u989D\u3001\u5F53\u524D\u7528\u91CF\u4E0E\u7A97\u53E3\u91CD\u7F6E\u65F6\u95F4</span></div><table id="authQuotaTable" class="management-table"><thead><tr><th>Key</th><th>Scope</th><th>Status</th><th>Requests</th><th>Tokens</th><th>Window</th></tr></thead><tbody><tr><td colspan="6" class="muted">Waiting for service status...</td></tr></tbody></table></div><div class="subpanel"><div class="row"><strong>Model pool health</strong><span class="muted">\u67E5\u770B\u540C\u6A21\u578B\u591A\u6E90\u6C60\u7684 active endpoint\u3001\u6301\u4E45\u5316\u72B6\u6001\u3001cooldown\u3001\u7194\u65AD\u4E0E\u5EF6\u8FDF\u7A97\u53E3\u3002</span><button id="probeModelPoolBtn" type="button">\u4E3B\u52A8\u63A2\u6D4B</button></div><div id="modelPoolHealthSummary" class="alert info"><strong>Pool health pending</strong><div class="muted">\u7B49\u5F85\u6A21\u578B\u6C60\u5065\u5EB7\u72B6\u6001\u52A0\u8F7D</div></div><table id="modelPoolHealthTable" class="management-table"><thead><tr><th>Pool</th><th>Endpoint</th><th>Status</th><th>Latency</th><th>Failures</th><th>Last success</th><th>Recovery</th></tr></thead><tbody><tr><td colspan="7" class="muted">Waiting for model pool health...</td></tr></tbody></table></div><div class="row"><strong>\u7EF4\u62A4\u8005\u89C2\u6D4B</strong><span class="muted">\u6309 requestId / sessionKey / routeReason \u8FC7\u6EE4 Governance Trace\uFF0C\u5E76\u67E5\u770B\u8FD1\u671F\u6CBB\u7406\u6307\u6807\u3002</span></div><div class="row"><input id="requestId" placeholder="requestId"><input id="sessionKey" placeholder="sessionKey"><input id="routeReason" placeholder="routeReason"><select id="cascadeTriggered"><option value="">cascadeTriggered</option><option value="true">cascade=true</option><option value="false">cascade=false</option></select><select id="shadowChecked"><option value="">shadowChecked</option><option value="true">shadow=true</option><option value="false">shadow=false</option></select><select id="windowMs"><option value="900000">15m window</option><option value="3600000" selected>1h window</option><option value="21600000">6h window</option><option value="86400000">24h window</option></select><input id="limit" placeholder="limit" value="20"><button id="refreshBtn">\u5237\u65B0</button></div><div class="muted" style="margin-top:.75rem">\u6570\u636E\u6E90\uFF1A<code>/api/models/compiled</code>\u3001<code>/api/models/pool-health</code>\u3001<code>/api/models/compiled/preview</code>\u3001<code>/api/governance/traces</code>\u3001<code>/api/governance/traces/:requestId</code>\u3001<code>/api/governance/archives</code>\u3001<code>/api/governance/metrics</code>\u3001<code>/api/governance/health</code>\u3001<code>/api/governance/metrics/export</code>\u3001<code>/api/governance/metrics/exports</code>\u3001<code>/api/benchmark/history</code></div><div id="metricsGrid" class="stats"><div class="stat"><span class="muted">Health</span><strong>-</strong></div><div class="stat"><span class="muted">Recent traces</span><strong>-</strong></div><div class="stat"><span class="muted">Sticky hit rate</span><strong>-</strong></div><div class="stat"><span class="muted">Cascade rate</span><strong>-</strong></div><div class="stat"><span class="muted">Shadow rate</span><strong>-</strong></div><div class="stat"><span class="muted">Alignment rate</span><strong>-</strong></div><div class="stat"><span class="muted">Model switch rate</span><strong>-</strong></div><div class="stat"><span class="muted">Alignment on switch</span><strong>-</strong></div><div class="stat"><span class="muted">Avg latency</span><strong>-</strong></div></div><div class="subpanel"><div class="row"><strong>Anomaly alerts</strong><span class="muted">\u68C0\u6D4B\u8FD1\u671F\u6CBB\u7406\u5F02\u5E38\u4E0E\u7A81\u589E</span></div><div id="healthSummary" class="alert info"><strong>Health pending</strong><div class="muted">\u7B49\u5F85\u6CBB\u7406\u5065\u5EB7\u6458\u8981\u52A0\u8F7D</div></div><div id="anomalyList" class="alert-list"><div class="alert info"><strong>No alerts yet</strong><div class="muted">\u7B49\u5F85\u6CBB\u7406\u6307\u6807\u52A0\u8F7D</div></div></div></div><div class="subpanel"><div class="row"><strong>Routing tuning</strong><span class="muted">\u57FA\u4E8E outcome \u8BC1\u636E\u7ED9\u51FA SmartRouter \u8C03\u4F18\u5EFA\u8BAE</span></div><ul id="routingTuningList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Quality evidence</strong><span class="muted">\u771F\u5B9E trace \u4E2D\u7684\u5931\u8D25\u3001\u8FDE\u7EED\u6027\u548C\u901F\u5EA6\u98CE\u9669\u6837\u672C</span></div><div id="qualityEvidenceSummary" class="stats"><div class="stat"><span class="muted">Samples</span><strong>-</strong></div><div class="stat"><span class="muted">Risk</span><strong>-</strong></div><div class="stat"><span class="muted">Improvement</span><strong>-</strong></div><div class="stat"><span class="muted">Speed risk</span><strong>-</strong></div></div><ul id="qualityEvidenceList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Task comparison</strong><span class="muted">\u540C\u7C7B\u4EFB\u52A1\u4E0B\u4E0D\u540C\u6700\u7EC8\u6A21\u578B\u7684\u5931\u8D25\u7387\u548C\u901F\u5EA6\u5BF9\u6BD4</span></div><div id="taskComparisonSummary" class="stats"><div class="stat"><span class="muted">Tasks</span><strong>-</strong></div><div class="stat"><span class="muted">Traces</span><strong>-</strong></div></div><ul id="taskComparisonList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Benchmark summary</strong><span class="muted">\u628A\u6CBB\u7406 trace \u4E0E\u56FA\u5B9A\u4EFB\u52A1\u8BC4\u6D4B\u5165\u53E3\u5408\u5E76\u6210\u7EF4\u62A4\u8005 A/B \u95ED\u73AF</span></div><div id="benchmarkSummary" class="stats"><div class="stat"><span class="muted">Comparable tasks</span><strong>-</strong></div><div class="stat"><span class="muted">Evidence samples</span><strong>-</strong></div><div class="stat"><span class="muted">Best quality lift</span><strong>-</strong></div><div class="stat"><span class="muted">Best speed lift</span><strong>-</strong></div></div><ul id="benchmarkActionList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Benchmark history</strong><span id="benchmarkHistoryFile" class="muted">\u7B49\u5F85\u5386\u53F2\u52A0\u8F7D</span></div><div id="benchmarkHistorySummary" class="stats"><div class="stat"><span class="muted">Entries</span><strong>-</strong></div><div class="stat"><span class="muted">Quality</span><strong>-</strong></div><div class="stat"><span class="muted">Trace tasks</span><strong>-</strong></div><div class="stat"><span class="muted">Latency</span><strong>-</strong></div></div><ul id="benchmarkHistoryList" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Human calibration</strong><span id="benchmarkCalibrationStatus" class="muted">\u628A\u4EBA\u5DE5\u590D\u6838\u6837\u672C\u8FFD\u52A0\u5230 benchmark history</span></div><div class="control-grid"><div><label>Task ID</label><input id="calibrationTaskId" value="quick_status"></div><div><label>Model</label><input id="calibrationModel" placeholder="sonnet"></div><div><label>Human score</label><input id="calibrationHumanScore" placeholder="0.9"></div><div><label>Latency ms</label><input id="calibrationLatencyMs" placeholder="1200"></div></div><div style="margin-top:.75rem"><label>Output</label><textarea id="calibrationOutput" rows="4" placeholder="Paste the model output to score"></textarea></div><div style="margin-top:.75rem"><label>Calibration notes</label><textarea id="calibrationNotes" rows="2" placeholder="Why did the human score differ from the rubric?"></textarea></div><div class="row" style="margin-top:.75rem"><button id="saveCalibrationBtn" type="button">\u4FDD\u5B58\u6821\u51C6\u6837\u672C</button><span class="muted">\u4FDD\u5B58\u6458\u8981\uFF0C\u4E0D\u6301\u4E45\u5316\u539F\u59CB output</span></div></div><div class="subpanel"><div class="row"><strong>Anomaly tuning</strong><span class="muted">\u6765\u81EA\u914D\u7F6E\u6587\u4EF6\uFF0C\u53EF\u5728\u6B64\u4E34\u65F6\u8986\u76D6\u5F53\u524D\u9875\u9762\u67E5\u8BE2</span></div><div class="control-grid"><div><label>Min sample</label><input id="minSampleSize" value="${escapedMinSampleSize}"></div><div><label>Cascade warn</label><input id="cascadeWarnRate" value="${escapedCascadeWarnRate}"></div><div><label>Shadow warn</label><input id="shadowWarnRate" value="${escapedShadowWarnRate}"></div><div><label>Latency warn ms</label><input id="latencyWarnMs" value="${escapedLatencyWarnMs}"></div></div><div class="row" style="margin-top:.75rem"><button id="saveThresholdsBtn" type="button">\u4FDD\u5B58\u9608\u503C\u5230\u914D\u7F6E</button><span id="saveThresholdsStatus" class="muted">\u5F53\u524D\u4EC5\u4F5C\u4E3A\u9875\u9762\u67E5\u8BE2\u53C2\u6570\uFF1B\u70B9\u51FB\u53EF\u5199\u56DE\u914D\u7F6E\u6587\u4EF6</span></div></div><div class="subpanel"><div class="row"><strong>Window buckets</strong><span id="bucketHint" class="muted">\u6309\u65F6\u95F4\u7A97\u67E5\u770B\u8FD1\u671F\u6CBB\u7406\u8D8B\u52BF</span></div><div id="bucketGrid" class="bucket-grid"><div class="stat"><span class="muted">Loading buckets</span><strong>-</strong></div></div></div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>Route ranking</strong><span class="muted">\u8FD1\u671F\u547D\u4E2D\u539F\u56E0 Top 5</span></div><ul id="routeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Model ranking</strong><span class="muted">\u8FD1\u671F\u6700\u7EC8\u6A21\u578B Top 5</span></div><ul id="modelRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Intent ranking</strong><span class="muted">\u8FD1\u671F\u8BED\u4E49\u610F\u56FE Top 5</span></div><ul id="intentRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Outcome by route</strong><span class="muted">\u5207\u6362\u3001alignment\u3001cascade \u4E0E\u5EF6\u8FDF</span></div><ul id="routeOutcomeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Outcome by model</strong><span class="muted">\u6700\u7EC8\u6A21\u578B\u5207\u6362\u4E0E\u5EF6\u8FDF\u8868\u73B0</span></div><ul id="modelOutcomeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Outcome by intent</strong><span class="muted">\u4EFB\u52A1\u610F\u56FE\u5207\u6362\u4E0E\u5EF6\u8FDF\u8868\u73B0</span></div><ul id="intentOutcomeRanking" class="mini-list"><li><span class="muted">Loading</span><strong>-</strong></li></ul></div><div class="panel" style="margin-bottom:0"><div class="row"><strong>Trend detail</strong><span class="muted">\u6BCF\u4E2A bucket \u7684\u8BE6\u7EC6\u547D\u4E2D\u7387</span></div><table id="trendTable" class="trend-table"><thead><tr><th>Bucket</th><th>Traces</th><th>Sticky</th><th>Cascade</th><th>Shadow</th><th>Alignment</th></tr></thead><tbody><tr><td colspan="6" class="muted">Loading...</td></tr></tbody></table></div></div><div class="subpanel"><div class="row"><strong>Recent route decisions</strong><span class="muted">\u628A\u6700\u8FD1\u8BF7\u6C42\u7684 route source\u3001\u89C4\u5219\u3001\u8BED\u4E49\u610F\u56FE\u3001\u7F6E\u4FE1\u5EA6\u548C fallback \u539F\u56E0\u7FFB\u8BD1\u6210\u53EF\u8BFB\u6458\u8981\u3002</span></div><ul id="routeDecisionSummaryList" class="mini-list"><li><span class="muted">Loading route decisions</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Recent switch continuity</strong><span class="muted">\u89E3\u91CA\u6700\u8FD1\u8BF7\u6C42\u662F\u5426\u5207\u6362\u6A21\u578B\u3001\u662F\u5426\u8865\u4E0A\u4E0B\u6587\uFF0C\u4EE5\u53CA\u5207\u6362\u540E\u662F\u5426\u89E6\u53D1 cascade\u3002</span></div><ul id="switchContinuitySummaryList" class="mini-list"><li><span class="muted">Loading switch continuity</span><strong>-</strong></li></ul></div><div class="subpanel"><div class="row"><strong>Route handoff</strong><span class="muted">\u8DDF\u8E2A\u8BF7\u6C42\u4ECE\u8DEF\u7531\u3001agent/tool\u3001\u534F\u8BAE\u5206\u53D1\u5230\u54CD\u5E94\u6CBB\u7406\u7684\u4EA4\u63A5\u94FE\u8DEF\u3002</span></div><ul id="routeHandoffSummaryList" class="mini-list"><li><span class="muted">Loading route handoff</span><strong>-</strong></li></ul></div><table id="traceTable"><thead><tr><th>Request</th><th>Session</th><th>Final Model</th><th>Reasons</th><th>Latency</th><th>Inspect</th></tr></thead><tbody><tr><td colspan="6" class="muted">\u52A0\u8F7D\u4E2D...</td></tr></tbody></table></div><div class="panel"><div class="row"><strong>Trace Detail</strong><span id="detailHint" class="muted">\u70B9\u51FB\u4E0A\u8868\u4E2D\u7684 View \u67E5\u770B\u8BE6\u60C5</span></div><pre id="traceDetail">{}</pre></div><div class="panel"><div class="row"><strong>Snapshot Management</strong><span class="muted">\u67E5\u770B\u5BFC\u51FA\u5386\u53F2\u3001\u5B9A\u65F6\u4EFB\u52A1\uFF0C\u5E76\u624B\u52A8\u521B\u5EFA\u5FEB\u7167</span></div><div class="action-row"><select id="snapshotFormat"><option value="json">snapshot json</option><option value="csv">snapshot csv</option></select><button id="createSnapshotBtn" type="button">\u751F\u6210\u5FEB\u7167</button><span id="snapshotStatus" class="muted">\u5C1A\u672A\u521B\u5EFA\u5FEB\u7167</span></div><table id="exportTable" class="management-table"><thead><tr><th>Export</th><th>Kind</th><th>Format</th><th>Created</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading exports...</td></tr></tbody></table><table id="scheduleTable" class="management-table"><thead><tr><th>Schedule</th><th>Interval</th><th>Format</th><th>Last run</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading schedules...</td></tr></tbody></table></div><div class="panel"><div class="row"><strong>Archive Management</strong><span class="muted">\u6D4F\u89C8\u538B\u7F29\u5F52\u6863\u5E76\u67E5\u770B\u5206\u9875\u7ED3\u679C</span></div><div class="action-row"><input id="archiveDate" placeholder="YYYY-MM-DD"><input id="archivePage" placeholder="page" value="1"><input id="archivePageSize" placeholder="pageSize" value="5"><button id="loadArchivesBtn" type="button">\u52A0\u8F7D\u5F52\u6863</button><span id="archiveStatus" class="muted">\u5C1A\u672A\u52A0\u8F7D\u5F52\u6863</span></div><table id="archiveTable" class="management-table"><thead><tr><th>Archive</th><th>Range</th><th>Count</th><th>Compressed</th></tr></thead><tbody><tr><td colspan="4" class="muted">Loading archives...</td></tr></tbody></table></div><div class="panel"><p>\u5176\u4ED6\u7BA1\u7406 API\uFF1A</p><ul><li><code>GET /api/config</code> \u2014 \u8BFB\u53D6\u5F53\u524D\u914D\u7F6E</li><li><code>GET /api/models/compiled</code> \u2014 \u67E5\u770B Models \u7F16\u8BD1\u540E\u7684\u5185\u90E8 provider / model \u6620\u5C04</li><li><code>POST /api/models/compiled/preview</code> \u2014 \u7528\u914D\u7F6E\u8349\u7A3F\u9884\u89C8 compiled models \u7ED3\u679C\uFF0C\u4E0D\u5199\u56DE\u6587\u4EF6</li><li><code>POST /api/config</code> \u2014 \u4FDD\u5B58\u914D\u7F6E</li><li><code>GET /api/transformers</code> \u2014 \u67E5\u770B\u5DF2\u52A0\u8F7D transformer</li><li><code>POST /api/restart</code> \u2014 \u91CD\u542F\u670D\u52A1</li><li><code>GET /api/governance/archives</code> \u2014 \u67E5\u770B\u6CBB\u7406\u5F52\u6863\u5217\u8868</li><li><code>GET /api/governance/archives/:file</code> \u2014 \u67E5\u770B\u5F52\u6863\u5185 traces</li><li><code>POST /api/governance/archives/:file/delete</code> \u2014 \u5220\u9664\u6307\u5B9A\u5F52\u6863</li><li><code>GET /api/governance/health</code> \u2014 \u67E5\u770B\u6CBB\u7406\u5065\u5EB7\u6458\u8981</li><li><code>GET /api/auth/audit</code> \u2014 \u67E5\u770B\u9274\u6743\u5BA1\u8BA1\u6458\u8981</li><li><code>POST /api/governance/metrics/snapshots</code> \u2014 \u751F\u6210\u4E00\u6B21\u6CBB\u7406\u6307\u6807\u5FEB\u7167</li><li><code>POST /api/governance/metrics/schedules</code> \u2014 \u6CE8\u518C\u5B9A\u65F6\u5FEB\u7167\u4EFB\u52A1</li></ul></div></section>` + renderWorkbenchScriptStart() + `const tbody=document.querySelector('#traceTable tbody');const detail=document.getElementById('traceDetail');const detailHint=document.getElementById('detailHint');const draftPreviewStatus=document.getElementById('draftPreviewStatus');const draftPresetMode=document.getElementById('draftPresetMode');const draftPresetModeHint=document.getElementById('draftPresetModeHint');const draftPresetList=document.getElementById('draftPresetList');const draftPreviewMeta=document.getElementById('draftPreviewMeta');const draftValidationList=document.getElementById('draftValidationList');const capabilityWarningsList=document.getElementById('capabilityWarningsList');const routerSlotSummary=document.getElementById('routerSlotSummary');const routerSlotTableBody=document.querySelector('#routerSlotTable tbody');const contextWindowGuide=document.getElementById('contextWindowGuide');const smartRouterExplanationSummary=document.getElementById('smartRouterExplanationSummary');const smartRouterRouteOrder=document.getElementById('smartRouterRouteOrder');const smartRouterRulesTableBody=document.querySelector('#smartRouterRulesTable tbody');const smartRouterCandidatesTableBody=document.querySelector('#smartRouterCandidatesTable tbody');const smartCandidateGuide=document.getElementById('smartCandidateGuide');const configDraftEditor=document.getElementById('configDraftEditor');const draftSummaryGrid=document.getElementById('draftSummaryGrid');const modelsFormGrid=document.getElementById('modelsFormGrid');const draftRouterDefault=document.getElementById('draftRouterDefault');const draftModelsCount=document.getElementById('draftModelsCount');const serviceReadyStatus=document.getElementById('serviceReadyStatus');const servicePortStatus=document.getElementById('servicePortStatus');const serviceModeStatus=document.getElementById('serviceModeStatus');const serviceRoleStatus=document.getElementById('serviceRoleStatus');const listenerStatusSummary=document.getElementById('listenerStatusSummary');const roleConnectionSummary=document.getElementById('roleConnectionSummary');const listenerConnectionSummary=document.getElementById('listenerConnectionSummary');const clientConnectionSummary=document.getElementById('clientConnectionSummary');const remoteStatusSummary=document.getElementById('remoteStatusSummary');const registrationStatusSummary=document.getElementById('registrationStatusSummary');const authStatusSummary=document.getElementById('authStatusSummary');const securityStatusSummary=document.getElementById('securityStatusSummary');const modelCountStatus=document.getElementById('modelCountStatus');const routerDefaultStatus=document.getElementById('routerDefaultStatus');const triggerEnabled=document.getElementById('triggerEnabled');const triggerIntentEnabled=document.getElementById('triggerIntentEnabled');const triggerAnalysisScope=document.getElementById('triggerAnalysisScope');const triggerIntentModel=document.getElementById('triggerIntentModel');const triggerRulesList=document.getElementById('triggerRulesList');const smartEnabled=document.getElementById('smartEnabled');const smartRouterModel=document.getElementById('smartRouterModel');const smartFallback=document.getElementById('smartFallback');const smartCacheTtl=document.getElementById('smartCacheTtl');const smartMaxTokens=document.getElementById('smartMaxTokens');const smartCandidatesList=document.getElementById('smartCandidatesList');const governanceEnabled=document.getElementById('governanceEnabled');const governanceAlignmentEnabled=document.getElementById('governanceAlignmentEnabled');const governanceSummarizerModel=document.getElementById('governanceSummarizerModel');const governanceSemanticEnabled=document.getElementById('governanceSemanticEnabled');const governanceClassifierModel=document.getElementById('governanceClassifierModel');const governanceShadowEnabled=document.getElementById('governanceShadowEnabled');const governanceVerifierModel=document.getElementById('governanceVerifierModel');const governanceCascadeLevelsList=document.getElementById('governanceCascadeLevelsList');const topLevelTriggerIntentSuggestions=document.getElementById('topLevelTriggerIntentSuggestions');const topLevelSmartRouterSuggestions=document.getElementById('topLevelSmartRouterSuggestions');const topLevelGovernanceSummarizerSuggestions=document.getElementById('topLevelGovernanceSummarizerSuggestions');const topLevelGovernanceClassifierSuggestions=document.getElementById('topLevelGovernanceClassifierSuggestions');const topLevelGovernanceVerifierSuggestions=document.getElementById('topLevelGovernanceVerifierSuggestions');const compiledModelsStatus=document.getElementById('compiledModelsStatus');const compiledDiffSummary=document.getElementById('compiledDiffSummary');const compiledDiffTableBody=document.querySelector('#compiledDiffTable tbody');const referenceImpactSummary=document.getElementById('referenceImpactSummary');const referenceImpactTableBody=document.querySelector('#referenceImpactTable tbody');const compiledProvidersTableBody=document.querySelector('#compiledProvidersTable tbody');const compiledModelMapTableBody=document.querySelector('#compiledModelMapTable tbody');const compiledModelPoolsTableBody=document.querySelector('#compiledModelPoolsTable tbody');const metricsGrid=document.getElementById('metricsGrid');const bucketGrid=document.getElementById('bucketGrid');const bucketHint=document.getElementById('bucketHint');const routeRanking=document.getElementById('routeRanking');const modelRanking=document.getElementById('modelRanking');const intentRanking=document.getElementById('intentRanking');const routeOutcomeRanking=document.getElementById('routeOutcomeRanking');const modelOutcomeRanking=document.getElementById('modelOutcomeRanking');const intentOutcomeRanking=document.getElementById('intentOutcomeRanking');const healthSummary=document.getElementById('healthSummary');const routingTuningList=document.getElementById('routingTuningList');const routeDecisionSummaryList=document.getElementById('routeDecisionSummaryList');const switchContinuitySummaryList=document.getElementById('switchContinuitySummaryList');const routeHandoffSummaryList=document.getElementById('routeHandoffSummaryList');const qualityEvidenceSummary=document.getElementById('qualityEvidenceSummary');const qualityEvidenceList=document.getElementById('qualityEvidenceList');const taskComparisonSummary=document.getElementById('taskComparisonSummary');const taskComparisonList=document.getElementById('taskComparisonList');const benchmarkSummary=document.getElementById('benchmarkSummary');const benchmarkActionList=document.getElementById('benchmarkActionList');const benchmarkHistoryFile=document.getElementById('benchmarkHistoryFile');const benchmarkHistorySummary=document.getElementById('benchmarkHistorySummary');const benchmarkHistoryList=document.getElementById('benchmarkHistoryList');const benchmarkCalibrationStatus=document.getElementById('benchmarkCalibrationStatus');const securitySummary=document.getElementById('securitySummary');const authQuotaTableBody=document.querySelector('#authQuotaTable tbody');const modelPoolHealthSummary=document.getElementById('modelPoolHealthSummary');const modelPoolHealthTableBody=document.querySelector('#modelPoolHealthTable tbody');const anomalyList=document.getElementById('anomalyList');const saveThresholdsStatus=document.getElementById('saveThresholdsStatus');const snapshotStatus=document.getElementById('snapshotStatus');const archiveStatus=document.getElementById('archiveStatus');const exportTableBody=document.querySelector('#exportTable tbody');const scheduleTableBody=document.querySelector('#scheduleTable tbody');const archiveTableBody=document.querySelector('#archiveTable tbody');const trendTableBody=document.querySelector('#trendTable tbody');const surfaceTabs=Array.from(document.querySelectorAll('[data-surface-target]'));const surfacePanels=Array.from(document.querySelectorAll('[data-surface]'));let currentDraftConfig={};let knownModelIds=[];let lastCompiledModelsData=null;let activeValidationHighlight=null;function withDraftCompiledData(payload){ return { ...(lastCompiledModelsData || {}), normalizedConfig: payload || currentDraftConfig || {} }; }const draftPresets={  balanced:{ label:'\u5E73\u8861\u9884\u8BBE', description:'\u542F\u7528 SmartRouter\uFF0C\u5E76\u586B\u5145\u5E73\u8861/\u5FEB\u901F\u5019\u9009\u6A21\u578B\u7EC4\u5408\u3002', affects:['Router.default','SmartRouter.enabled','SmartRouter.candidates'], routerDefault:'sonnet', smartEnabled:true, smartCandidates:[{ model:'sonnet', description:'balanced default' },{ model:'haiku', description:'fast lightweight' }] },  fast:{ label:'\u5FEB\u901F\u9884\u8BBE', description:'\u9ED8\u8BA4\u8D70\u8F7B\u91CF\u6A21\u578B\uFF0C\u5E76\u6DFB\u52A0\u4E00\u6761\u5FEB\u901F\u54CD\u5E94\u8DEF\u7531\u89C4\u5219\u3002', affects:['Router.default','SmartRouter.enabled','SmartRouter.rules'], routerDefault:'haiku', triggerEnabled:true, triggerRules:[{ name:'quick-response', enabled:true, priority:20, model:'haiku', patterns:[{ type:'exact', keywords:['\u5FEB\u901F\u5904\u7406','\u5FEB\u901F\u56DE\u7B54'] }] }] },  governance:{ label:'\u6CBB\u7406\u9884\u8BBE', description:'\u6253\u5F00\u6CBB\u7406\u589E\u5F3A\u4E0E\u6821\u9A8C\u80FD\u529B\uFF0C\u5E76\u586B\u5165 summarizer/classifier/verifier \u793A\u4F8B\u6A21\u578B\u3002', affects:['Governance.enabled','SmartRouter.sticky.alignment','SmartRouter.semantic','Governance.shadow'], governanceEnabled:true, governanceAlignmentEnabled:true, governanceSemanticEnabled:true, governanceShadowEnabled:true, governanceSummarizerModel:'sonnet', governanceClassifierModel:'sonnet', governanceVerifierModel:'haiku' }};const modelProviderTemplates=${toInlineScriptJson(getUiProviderTemplates())};const defaultProviderTemplateKey='openrouter';function esc(v){return String(v ?? '').replace(/[&<>"]/g,m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;' }[m]));}function pct(v){return (Number(v || 0) * 100).toFixed(1)+'%';}function fmt(v){return Number(v || 0).toFixed(2);}function shortTime(v){ const d=new Date(v); return d.toISOString().slice(11,16); }function limitText(used,limit){ return Number.isFinite(limit) ? (String(used ?? 0)+' / '+String(limit)) : String(used ?? 0); }function renderAuthQuotaTable(quota){  const keys=Array.isArray(quota?.keys) ? quota.keys : [];  if(!keys.length){ authQuotaTableBody.innerHTML='<tr><td colspan="6" class="muted">No managed keys configured</td></tr>'; return; }  authQuotaTableBody.innerHTML=keys.map(item=>{    const usage=item.usage || {};    const quotaCfg=item.quota || {};    const keyName=esc(item.label || item.id || '-')+'<div class="muted"><code>'+esc(item.id || '-')+'</code></div>';    const statusClass=item.status === 'exhausted' ? 'critical' : (item.status === 'watch' ? 'warn' : 'info');    const windowText=quotaCfg.window_seconds ? (esc(quotaCfg.window_seconds)+'s'+(usage.windowResetAt ? '<div class="muted">reset '+esc(String(usage.windowResetAt).replace('T',' ').replace('.000Z','Z'))+'</div>' : '<div class="muted">not started</div>')) : '-';    return '<tr><td>'+keyName+'</td><td>'+esc((item.scopes || []).join(', ') || '-')+'</td><td><span class="pill '+statusClass+'">'+esc(item.status || '-')+'</span></td><td>'+esc(limitText(usage.requestsUsed,usage.requestLimit))+'</td><td>'+esc(limitText(usage.tokensUsed,usage.tokenLimit))+'</td><td>'+windowText+'</td></tr>';  }).join('');}function renderModelPoolHealth(data){  const summary=data?.summary || {};  const pools=Array.isArray(data?.pools) ? data.pools : [];  const statusClass=summary.open ? 'critical' : (summary.cooldown ? 'warn' : 'info');  const averageLatency=Number.isFinite(summary.averageLatencyMs) ? (Number(summary.averageLatencyMs).toFixed(0)+' ms avg') : 'no latency samples';  modelPoolHealthSummary.className='alert '+statusClass;  modelPoolHealthSummary.innerHTML='<strong>Pool health: '+esc(summary.healthy || 0)+' healthy / '+esc(summary.cooldown || 0)+' cooldown / '+esc(summary.open || 0)+' open</strong><div class="muted">'+esc(summary.pools || 0)+' pools \xB7 '+esc(summary.endpoints || 0)+' endpoints \xB7 '+esc(averageLatency)+' \xB7 persisted endpoints '+esc(data?.persistedState?.endpoints || 0)+'</div>';  const rows=[];  pools.forEach(pool=>{    (pool.endpoints || []).forEach(endpoint=>{      const recovery=endpoint.circuitOpenUntil ? ('circuit opens until '+new Date(endpoint.circuitOpenUntil).toISOString()) : endpoint.cooldownUntil ? ('cooldown until '+new Date(endpoint.cooldownUntil).toISOString()) : '-';      const latency=endpoint.latency ? (Number(endpoint.latency.averageMs || 0).toFixed(0)+' ms avg / '+esc(endpoint.latency.sampleCount || 0)+' samples') : '-';      const cost=endpoint.cost ? ('cost '+esc(endpoint.cost.inputPer1MTokens ?? '-')+'/'+esc(endpoint.cost.outputPer1MTokens ?? '-')+' '+esc(endpoint.cost.currency || 'USD')+'/1M') : 'cost -';      const rate=endpoint.rateLimit ? ('rate '+esc(endpoint.rateLimit.requestsPerMinute ?? '-')+' rpm / '+esc(endpoint.rateLimit.tokensPerMinute ?? '-')+' tpm') : 'rate -';      const endpointLabel='<code>'+esc(endpoint.id || '-')+'</code>'+(endpoint.active ? ' <span class="pill info">active</span>' : '')+'<div class="muted">'+esc(endpoint.providerName || '-')+' / '+esc(endpoint.upstreamServiceId || endpoint.upstreamBaseUrl || 'local')+'</div><div class="muted">'+cost+' \xB7 '+rate+'</div>';      const statusCls=endpoint.status === 'open' ? 'critical' : (endpoint.status === 'cooldown' ? 'warn' : 'info');      rows.push('<tr><td><code>'+esc(pool.modelId || '-')+'</code><div class="muted">'+esc(pool.strategy || '-')+'</div></td><td>'+endpointLabel+'</td><td><span class="pill '+statusCls+'">'+esc(endpoint.status || '-')+'</span></td><td>'+esc(latency)+'</td><td>'+esc(endpoint.failureCount || 0)+'<div class="muted">success '+esc(endpoint.successCount || 0)+'</div></td><td>'+esc(endpoint.lastSuccessAt ? new Date(endpoint.lastSuccessAt).toISOString() : '-')+'</td><td>'+esc(recovery)+'</td></tr>');    });  });  modelPoolHealthTableBody.innerHTML=rows.length ? rows.join('') : '<tr><td colspan="7" class="muted">No registration model pools configured</td></tr>';}async function loadModelPoolHealth(){  const res=await fetch('/api/models/pool-health');  const data=await res.json();  renderModelPoolHealth(data);}async function probeModelPoolHealth(){  modelPoolHealthSummary.className='alert info';  modelPoolHealthSummary.innerHTML='<strong>Probing pool health...</strong><div class="muted">\u6B63\u5728\u8F7B\u91CF\u63A2\u6D4B enabled endpoint</div>';  const res=await fetch('/api/models/pool-health/probe',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({}) });  const data=await res.json();  renderModelPoolHealth(data.health || data);}function renderRoleConnectionGuide(data){  const listener=data.listener || {};  const connection=data.clientConnection || {};  const mode=data.runtimeMode || '-';  const role=data.serviceRole || '-';  const listenerText=listener.host ? (listener.host+':'+(listener.port || '-')+(listener.public ? ' (public)' : ' (local)')) : '-';  const connectionText=connection.baseUrl ? (connection.baseUrl+' \xB7 '+(Array.isArray(connection.recommendedScopes) ? connection.recommendedScopes.join(' + ') : '')) : (connection.guidance || '-');  listenerStatusSummary.textContent=listenerText;  roleConnectionSummary.textContent=mode+' / '+role;  listenerConnectionSummary.textContent=listenerText;  clientConnectionSummary.textContent=connectionText || '-';}function setActiveSurface(surfaceName){  surfacePanels.forEach((panel)=>{ panel.hidden=panel.dataset.surface !== surfaceName; });  surfaceTabs.forEach((tab)=>{ const active=tab.dataset.surfaceTarget === surfaceName; tab.classList.toggle('active',active); tab.setAttribute('aria-selected', active ? 'true' : 'false'); });}function inferProviderTemplateKey(model){  const explicit=String(model?.provider_template || '').trim();  if(explicit && modelProviderTemplates[explicit]){ return explicit; }  const api=String(model?.api || model?.api_base_url || '').trim().toLowerCase();  const modelInterface=String(model?.interface || model?.protocol || '').trim().toLowerCase();  const exactMatch=Object.entries(modelProviderTemplates).find(([,item])=>String(item.api || '').trim().toLowerCase()===api && String(item.interface || '').trim().toLowerCase()===modelInterface);  if(exactMatch){ return exactMatch[0]; }  if(api.includes('api.anthropic.com/v1/messages') || modelInterface === 'anthropic'){ return 'anthropic'; }  if(api.includes('openrouter.ai')){ return 'openrouter'; }  if(api.includes('deepseek.com')){ return 'deepseek'; }  if(api.includes('siliconflow.cn')){ return 'siliconflow'; }  if(api.includes('api.openai.com')){ return 'openai-compatible'; }  return '';}function getProviderTemplateContext(model){  const templateKey=inferProviderTemplateKey(model) || defaultProviderTemplateKey;  return { templateKey, template:modelProviderTemplates[templateKey] || modelProviderTemplates[defaultProviderTemplateKey] || {} };}function createDraftModelFromTemplate(templateKey){  const resolvedKey=(templateKey && modelProviderTemplates[templateKey]) ? templateKey : defaultProviderTemplateKey;  const template=modelProviderTemplates[resolvedKey] || {};  return { provider_template:resolvedKey, id:template.suggested_id || '', api:template.api || '', interface:template.interface || 'openai', model:template.default_model || '', thinking:template.default_thinking || 'auto' };}function getModelIdSuggestionsMarkup(idPrefix){  return '<datalist id="'+idPrefix+'">'+knownModelIds.map(modelId=>'<option value="'+esc(modelId)+'"></option>').join('')+'</datalist>';}function resolvePresetModelId(seed){  const source=String(seed || '').trim().toLowerCase();  if(!source || !knownModelIds.length){ return seed; }  if(knownModelIds.includes(seed)){ return seed; }  const ranked=knownModelIds.map((modelId)=>{    const target=String(modelId || '').toLowerCase();    let score=0;    if(target===source){ score+=100; }    if(target.includes(source) || source.includes(target)){ score+=40; }    source.split(/[^a-z0-9]+/).filter(Boolean).forEach((part)=>{ if(target.includes(part)){ score+=Math.min(part.length * 4, 24); } });    return { modelId, score };  }).filter((item)=>item.score>0).sort((a,b)=>b.score-a.score || a.modelId.localeCompare(b.modelId));  return ranked.length ? ranked[0].modelId : seed;}function getTriggerPatternValidationHint(pattern){  if((pattern?.type || 'exact') === 'regex'){    return pattern?.pattern ? { level:'ok', message:'regex pattern \u5DF2\u914D\u7F6E' } : { level:'warn', message:'regex \u6A21\u5F0F\u9700\u8981\u586B\u5199 pattern' };  }  return Array.isArray(pattern?.keywords) && pattern.keywords.some((keyword)=>String(keyword || '').trim()) ? { level:'ok', message:'exact keywords \u5DF2\u914D\u7F6E' } : { level:'warn', message:'exact \u6A21\u5F0F\u81F3\u5C11\u9700\u8981\u4E00\u4E2A keyword' };}function getDraftSmartRouterConfig(config){  const smart={ ...((config && config.SmartRouter) || {}) };  const smartExplicit=config && Object.prototype.hasOwnProperty.call(config,'SmartRouter');  const legacyIntentEnabled=Boolean(config?.TriggerRouter?.llm_intent_recognition);  const legacyIntentModel=config?.TriggerRouter?.intent_model || '';  if(!smart.analysis_scope && config?.TriggerRouter?.analysis_scope){ smart.analysis_scope=config.TriggerRouter.analysis_scope; }  if((!Array.isArray(smart.rules) || !smart.rules.length) && Array.isArray(config?.TriggerRouter?.rules)){ smart.rules=config.TriggerRouter.rules; }  if(!smart.semantic && (config?.Governance?.semantic || config?.TriggerRouter?.llm_intent_recognition)){ smart.semantic={ ...((config && config.Governance && config.Governance.semantic) || {}) }; if(config?.TriggerRouter?.llm_intent_recognition){ smart.semantic.enabled=true; smart.semantic.mode=smart.semantic.mode || 'classifier'; smart.semantic.classifier_model=smart.semantic.classifier_model || config.TriggerRouter.intent_model || ''; } }  if(!smart.sticky && config?.Governance?.sticky){ smart.sticky={ ...(config.Governance.sticky || {}) }; }  if(!smartExplicit && !smart.enabled && (config?.TriggerRouter?.enabled || smart.rules?.length || smart.router_model || smart.candidates?.length || smart.semantic || smart.sticky)){ smart.enabled=true; }  if(smart.enabled){    smart.analysis_scope=smart.analysis_scope || 'last_message';    smart.semantic={ ...(smart.semantic || {}) };    smart.semantic.enabled=smart.semantic.enabled !== undefined ? smart.semantic.enabled : true;    smart.semantic.threshold=smart.semantic.threshold !== undefined ? smart.semantic.threshold : 0.2;    if(legacyIntentEnabled){ smart.semantic.mode=smart.semantic.mode || 'classifier'; smart.semantic.classifier_model=smart.semantic.classifier_model || legacyIntentModel; }    smart.sticky={ ...(smart.sticky || {}) };    smart.sticky.enabled=smart.sticky.enabled !== undefined ? smart.sticky.enabled : true;    smart.sticky.alignment={ ...((smart.sticky && smart.sticky.alignment) || {}) };    smart.sticky.alignment.enabled=smart.sticky.alignment.enabled !== undefined ? smart.sticky.alignment.enabled : true;    smart.sticky.alignment.summarizer_model=smart.sticky.alignment.summarizer_model || smart.router_model || config?.Router?.default || legacyIntentModel || '';  }  return smart;}function renderDraftSummary(config){  const models=Array.isArray(config?.Models) ? config.Models : [];  const smart=getDraftSmartRouterConfig(config);  const triggerRules=Array.isArray(smart?.rules) ? smart.rules : [];  const patternCount=triggerRules.reduce((sum,rule)=>sum + (Array.isArray(rule.patterns) ? rule.patterns.length : 0),0);  const smartCandidates=Array.isArray(smart?.candidates) ? smart.candidates : [];  const cascadeLevels=Array.isArray(config?.Governance?.cascade?.levels) ? config.Governance.cascade.levels : [];  const modelRefCount=[config?.Router?.default, smart?.router_model, smart?.sticky?.alignment?.summarizer_model, smart?.semantic?.classifier_model, config?.Governance?.shadow?.verifier_model].filter(v=>typeof v === 'string' && v.trim()).length + triggerRules.filter(rule=>rule?.model).length + smartCandidates.filter(item=>item?.model).length + cascadeLevels.reduce((sum,level)=>sum + (level?.from ? 1 : 0) + (level?.to ? 1 : 0), 0);  draftSummaryGrid.innerHTML=[    ['Models', models.length],    ['Routing rules', triggerRules.length],    ['Patterns', patternCount],    ['Smart candidates', smartCandidates.length],    ['Cascade levels', cascadeLevels.length],    ['Model refs', modelRefCount]  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');}function updateStatusSummary(config){  const models=Array.isArray(config?.Models) ? config.Models : [];  modelCountStatus.textContent=String(models.length);  routerDefaultStatus.textContent=config?.Router?.default || '-';}function renderDraftValidation(errors,warnings,issueReport){  const errorList=Array.isArray(errors) ? errors.filter(Boolean) : [];  const warningList=Array.isArray(warnings) ? warnings.filter(Boolean) : [];  const contractIssues=Array.isArray(issueReport?.issues) ? issueReport.issues : [];  if(!errorList.length && !warningList.length && !contractIssues.length){ draftValidationList.innerHTML='<div class="alert info"><strong>No validation issues</strong><div class="muted">\u5F53\u524D\u8349\u7A3F\u672A\u53D1\u73B0\u96C6\u4E2D\u5C55\u793A\u7684\u95EE\u9898</div></div>'; return; }  const extractPath=(text)=>{ const match=String(text).match(/^(Models(?:\\[[0-9]+\\])?(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|Router(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|TriggerRouter(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|SmartRouter(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?|Governance(?:\\.[A-Za-z0-9_\\[\\]\\.]+)?)/); return match ? match[1] : ''; };  const sourceItems=contractIssues.length ? contractIssues.map(item=>({ text:String(item.message || ''), severity:item.severity==='error' ? 'error' : 'warning', path:item.path || '', action:item.action || '' })) : [...errorList.map(item=>({ text:String(item), severity:'error', path:'', action:'' })), ...warningList.map(item=>({ text:String(item), severity:'warning', path:'', action:'' }))];  const grouped=sourceItems.reduce((acc,item)=>{    const text=item.text;    const path=item.path || extractPath(text);    const bucket=path.startsWith('Models') || text.startsWith('Models') ? 'Models' : path.startsWith('Router') || text.startsWith('Router') ? 'Router' : path.startsWith('TriggerRouter') || text.startsWith('TriggerRouter') ? 'SmartRouter' : path.startsWith('SmartRouter') || text.startsWith('SmartRouter') ? 'SmartRouter' : (path.startsWith('Governance.sticky') || path.startsWith('Governance.semantic') || text.startsWith('Governance.sticky') || text.startsWith('Governance.semantic')) ? 'SmartRouter' : path.startsWith('Governance') || text.startsWith('Governance') ? 'Governance' : text.startsWith('JSON parse error') ? 'Draft JSON' : 'Other';    acc[bucket]=acc[bucket] || [];    acc[bucket].push({ text, path, severity:item.severity, action:item.action || '' });    return acc;  }, {});  const errorCount=contractIssues.length ? contractIssues.filter(item=>item.severity==='error').length : errorList.length;  const warningCount=contractIssues.length ? contractIssues.filter(item=>item.severity!=='error').length : warningList.length;  const summary='<div class="alert info"><div class="row"><strong>Validation summary</strong><span class="pill">'+esc(errorCount)+' errors / '+esc(warningCount)+' warnings</span></div><div class="muted">'+(errorCount ? '\u8BF7\u4F18\u5148\u4FEE\u590D errors\uFF0C\u518D\u51B3\u5B9A\u662F\u5426\u63A5\u53D7 warnings\u3002' : '\u5F53\u524D\u65E0\u963B\u65AD\u9519\u8BEF\uFF0C\u53EF\u6309\u9700\u5904\u7406 warnings\u3002')+'</div></div>';  draftValidationList.innerHTML=summary + Object.entries(grouped).map(([bucket,items])=>{ const hasError=items.some(item=>item.severity==='error'); const levelClass=hasError ? 'warn' : 'info'; const actionLabel=hasError ? 'repair first' : 'review before save'; return '<div class="alert '+levelClass+'"><div class="row"><strong>'+esc(bucket)+'</strong><span class="pill">'+esc(items.length)+' issues</span></div><div class="muted">'+esc(actionLabel)+'</div><div>'+items.slice(0,4).map(item=>'<div>'+(item.path ? ('<button type="button" class="pill" data-validation-path="'+esc(item.path)+'">'+esc(item.path)+'</button> ') : '')+'<span class="pill">'+esc(item.severity==='error' ? 'error' : 'warning')+'</span> '+esc(item.text)+(item.action ? ('<div class="muted">Action: '+esc(item.action)+'</div>') : '')+'</div>').join('')+'</div></div>'; }).join('');}function getCapabilityWarningActionLabel(code){  if(code==='thinking_ignored'){ return '\u79FB\u9664 thinking'; }  if(code==='tools_text_fallback' || code==='images_text_fallback'){ return '\u6062\u590D\u9ED8\u8BA4 capability'; }  return '';}function renderCapabilityWarnings(report){  const entries=Array.isArray(report?.entries) ? report.entries : [];  if(!entries.length){ capabilityWarningsList.innerHTML='<div class="alert info"><strong>No capability warnings</strong><div class="muted">\u5F53\u524D compiled models \u672A\u53D1\u73B0\u9700\u8981\u989D\u5916\u63D0\u793A\u7684\u80FD\u529B\u964D\u7EA7</div></div>'; return; }  const summary=report?.summary || {};  capabilityWarningsList.innerHTML='<div class="alert info"><strong>Capability warning summary</strong><div class="muted">warn '+esc(summary.warn ?? 0)+' / info '+esc(summary.info ?? 0)+' / total '+esc(summary.total ?? entries.length)+'</div></div>' + entries.map(item=>{ const actionLabel=getCapabilityWarningActionLabel(item.code); return '<div class="alert '+esc(item.level === 'warn' ? 'warn' : 'info')+'"><div class="row"><strong>'+esc(item.code || item.level || 'warning')+'</strong><span class="pill">'+esc(item.modelId || '-').trim()+'</span></div><div>'+(item.path ? ('<button type="button" class="pill" data-validation-path="'+esc(item.path)+'">'+esc(item.path)+'</button> ') : '')+esc(item.message || '')+'</div>'+(actionLabel ? ('<div class="row" style="margin-top:.5rem"><button type="button" data-apply-warning-path="'+esc(item.path || '')+'" data-apply-warning-code="'+esc(item.code || '')+'">'+esc(actionLabel)+'</button></div>') : '')+'</div>'; }).join('');}function findValidationTarget(path){  if(!path){ return null; }  if(path.startsWith('Models')){ return modelsFormGrid; }  if(path === 'Router.default'){ return draftRouterDefault; }  if(path.startsWith('TriggerRouter.intent_model')){ return triggerIntentModel; }  if(path.startsWith('TriggerRouter.rules[')){ return triggerRulesList; }  if(path.startsWith('SmartRouter.router_model')){ return smartRouterModel; }  if(path.startsWith('SmartRouter.candidates[')){ return smartCandidatesList; }  if(path.startsWith('Governance.cascade.levels[')){ return governanceCascadeLevelsList; }  if(path.startsWith('Governance.sticky.alignment')){ return governanceSummarizerModel; }  if(path.startsWith('Governance.semantic')){ return governanceClassifierModel; }  if(path.startsWith('Governance.shadow')){ return governanceVerifierModel; }  if(path.startsWith('Governance')){ return governanceEnabled; }  return null;}function jumpToValidationPath(path){  const target=findValidationTarget(path);  if(!target || typeof target.scrollIntoView !== 'function'){ return; }  if(activeValidationHighlight && activeValidationHighlight.classList){ activeValidationHighlight.classList.remove('jump-highlight'); }  target.scrollIntoView({ behavior:'smooth', block:'center' });  if(target.classList){ target.classList.add('jump-highlight'); activeValidationHighlight=target; setTimeout(()=>{ if(target.classList){ target.classList.remove('jump-highlight'); if(activeValidationHighlight===target){ activeValidationHighlight=null; } } }, 1800); }  if(typeof target.focus === 'function'){ target.focus({ preventScroll:true }); }}function renderDraftPresetModeHint(){  const overwriteMode=draftPresetMode.value === 'replace';  draftPresetModeHint.textContent=overwriteMode ? 'overwrite \u4F1A\u91CD\u7F6E SmartRouter / Governance \u76F8\u5173\u8868\u5355\uFF0C\u518D\u5E94\u7528\u9884\u8BBE' : 'append / merge \u4F1A\u5C3D\u91CF\u4FDD\u7559\u5F53\u524D\u8349\u7A3F\uFF0C\u4EC5\u8865\u5145 SmartRouter / Governance \u76F8\u5173\u5B57\u6BB5';}function deriveActualAffectedAreas(preview){  const areas=new Set();  const diff=preview?.diff || {};  const impact=preview?.referenceImpact || {};  if((diff.providerChanges || []).length || (diff.modelChanges || []).length){ areas.add('Models'); }  (impact.entries || []).forEach((entry)=>{    const path=String(entry.path || '');    if(path.startsWith('Router.')){ areas.add('Router'); }    else if(path.startsWith('TriggerRouter.')){ areas.add('SmartRouter'); }    else if(path.startsWith('SmartRouter.')){ areas.add('SmartRouter'); }    else if(path.startsWith('Governance.sticky') || path.startsWith('Governance.semantic')){ areas.add('SmartRouter'); }    else if(path.startsWith('Governance.')){ areas.add('Governance'); }  });  return Array.from(areas);}function renderDraftPreviewMeta(meta){  if(!meta){ draftPreviewMeta.innerHTML='<div class="alert info"><strong>Draft preview mode</strong><div class="muted">\u5F53\u524D\u663E\u793A\u4E3A\u8349\u7A3F\u7F16\u8F91\u89C6\u56FE\uFF0C\u9884\u8BBE dry-run \u4F1A\u5728\u8FD9\u91CC\u63D0\u793A\u5F71\u54CD\u8303\u56F4\u3002</div></div>'; return; }  draftPreviewMeta.innerHTML='<div class="alert info"><strong>'+esc(meta.title || 'Preset dry-run')+'</strong><div>'+esc(meta.description || '')+'</div><div class="muted">\u6A21\u5F0F\uFF1A'+esc(meta.mode || '-')+' \xB7 \u9884\u8BBE\u58F0\u660E\u5F71\u54CD\u8303\u56F4\uFF1A'+esc((meta.affects || []).join(' / ') || '-')+'</div><div class="muted">\u5B9E\u9645\u9884\u89C8\u547D\u4E2D\u533A\u57DF\uFF1A'+esc((meta.actualAffects || []).join(' / ') || '-')+'</div></div>';}function renderDraftPresetGuide(){  draftPresetList.innerHTML=Object.entries(draftPresets).map(([key,preset])=>'<div class="alert info"><strong>'+esc(preset.label || key)+'</strong><div>'+esc(preset.description || '')+'</div><div class="muted">\u5F71\u54CD\u8303\u56F4\uFF1A'+esc((preset.affects || []).join(' / '))+'</div></div>').join('');}function updateTopLevelModelSuggestionLists(){  const markup=knownModelIds.map(modelId=>'<option value="'+esc(modelId)+'"></option>').join('');  [topLevelTriggerIntentSuggestions,topLevelSmartRouterSuggestions,topLevelGovernanceSummarizerSuggestions,topLevelGovernanceClassifierSuggestions,topLevelGovernanceVerifierSuggestions].forEach(node=>{ if(node){ node.innerHTML=markup; } });}function renderModelsForm(models){  const list=Array.isArray(models) ? models : [];  draftModelsCount.value=String(list.length);  if(!list.length){ modelsFormGrid.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No draft models loaded yet</span></div>'; return; }  modelsFormGrid.innerHTML=list.map((model,index)=>{ const templateContext=getProviderTemplateContext(model); const template=templateContext.template; return '<div class="model-card" data-model-card="'+index+'">' +    '<div class="model-card-header"><strong>Model #'+(index+1)+'</strong><button type="button" data-remove-model="'+index+'">\u5220\u9664</button></div>' +    '<div class="model-card-grid">' +      '<div><label>Provider template</label><div class="row"><select data-field="provider_template" data-index="'+index+'"><option value="">custom</option>'+Object.entries(modelProviderTemplates).map(([key,item])=>'<option value="'+esc(key)+'"'+(model.provider_template === key ? ' selected' : '')+'>'+esc(item.label)+'</option>').join('')+'</select><button type="button" data-apply-template="'+index+'">\u5E94\u7528</button></div></div>' +      '<div><label>ID</label><input data-field="id" data-index="'+index+'" value="'+esc(model.id || '')+'" placeholder="'+esc(template.suggested_id || 'sonnet')+'"><div class="muted">Router.default \u548C\u8DEF\u7531\u89C4\u5219\u5F15\u7528\u8FD9\u4E2A model id\uFF1B\u5EFA\u8BAE\u6A21\u677F\uFF1A'+esc(template.label || templateContext.templateKey || 'custom')+'</div></div>' +      '<div><label>Interface</label><select data-field="interface" data-index="'+index+'"><option value="openai"'+(((model.interface || model.protocol || 'openai') === 'openai') ? ' selected' : '')+'>openai</option><option value="anthropic"'+(((model.interface || model.protocol) === 'anthropic') ? ' selected' : '')+'>anthropic</option></select><div class="muted">\u65B0\u914D\u7F6E\u4F7F\u7528 interface\uFF1B\u65E7 protocol \u4F1A\u81EA\u52A8\u8BFB\u53D6\u4E3A\u517C\u5BB9\u503C\u3002</div></div>' +      '<div><label>Model</label><input data-field="model" data-index="'+index+'" list="modelSuggestions'+index+'" value="'+esc(model.model || '')+'" placeholder="'+esc(template.default_model || 'anthropic/claude-sonnet-4')+'"><datalist id="modelSuggestions'+index+'">'+((template.model_examples || []).map(item=>'<option value="'+esc(item)+'"></option>').join(''))+'</datalist><div class="muted">\u4E0A\u6E38\u771F\u5B9E\u6A21\u578B\u540D\uFF0C\u4F8B\u5982\uFF1A'+esc((template.model_examples || ['anthropic/claude-sonnet-4']).join(' / '))+'</div></div>' +      '<div><label>API</label><input data-field="api" data-index="'+index+'" value="'+esc(model.api || model.api_base_url || '')+'" placeholder="'+esc(template.api || 'https://...')+'"><div class="muted">\u65B0\u914D\u7F6E\u4F7F\u7528 api\uFF1B\u65E7 api_base_url \u4EC5\u7528\u4E8E\u517C\u5BB9\u8BFB\u53D6\u3002</div></div>' +      '<div><label>Key</label><input data-field="key" data-index="'+index+'" value="'+esc(model.key || model.api_key || '')+'" placeholder="'+esc(template.key_placeholder || 'sk-...')+'"><div class="muted">\u65B0\u914D\u7F6E\u4F7F\u7528 key\uFF1B\u65E7 api_key \u4EC5\u7528\u4E8E\u517C\u5BB9\u8BFB\u53D6\u3002</div></div>' +      '<div><label>Thinking</label><select data-field="thinking_profile" data-index="'+index+'"><option value="">default</option><option value="off"'+(((model.thinking === 'off') || model.thinking?.mode === 'off') ? ' selected' : '')+'>off</option><option value="auto"'+(((model.thinking === 'auto') || model.thinking?.mode === 'auto') ? ' selected' : '')+'>auto</option><option value="on"'+(((model.thinking === 'on') || (model.thinking?.mode === 'on' && !model.thinking?.effort)) ? ' selected' : '')+'>on</option><option value="low"'+(((model.thinking === 'low') || (model.thinking?.mode === 'on' && model.thinking?.effort === 'low' && !model.thinking?.budget_tokens)) ? ' selected' : '')+'>low</option><option value="medium"'+(((model.thinking === 'medium') || (model.thinking?.mode === 'on' && model.thinking?.effort === 'medium' && !model.thinking?.budget_tokens)) ? ' selected' : '')+'>medium</option><option value="high"'+(((model.thinking === 'high') || (model.thinking?.mode === 'on' && model.thinking?.effort === 'high' && !model.thinking?.budget_tokens)) ? ' selected' : '')+'>high</option><option value="custom"'+(((typeof model.thinking === 'object') && model.thinking && model.thinking.budget_tokens) ? ' selected' : '')+'>custom</option></select></div>' +      '<div><label>Thinking mode</label><select data-field="thinking_mode" data-index="'+index+'"><option value="">default</option><option value="off"'+(model.thinking?.mode === 'off' ? ' selected' : '')+'>off</option><option value="auto"'+(model.thinking?.mode === 'auto' ? ' selected' : '')+'>auto</option><option value="on"'+(model.thinking?.mode === 'on' ? ' selected' : '')+'>on</option></select></div>' +      '<div><label>Thinking effort</label><select data-field="thinking_effort" data-index="'+index+'"><option value="">default</option><option value="low"'+(model.thinking?.effort === 'low' ? ' selected' : '')+'>low</option><option value="medium"'+(model.thinking?.effort === 'medium' ? ' selected' : '')+'>medium</option><option value="high"'+(model.thinking?.effort === 'high' ? ' selected' : '')+'>high</option></select></div>' +      '<div><label>Thinking budget</label><input data-field="thinking_budget_tokens" data-index="'+index+'" value="'+esc(model.thinking?.budget_tokens || '')+'" placeholder="1024"></div>' +      '<div><label>Vendor hint</label><input data-field="vendor_hint" data-index="'+index+'" value="'+esc(model.metadata?.vendor_hint || '')+'" placeholder="'+esc(template.vendor_hint || 'openrouter')+'"></div>' +      '<div><label>Context window</label><input data-field="context_window_tokens" data-index="'+index+'" value="'+esc(model.metadata?.context_window_tokens || '')+'" placeholder="200000"></div>' +      '<div><label>Safe input</label><input data-field="safe_input_tokens" data-index="'+index+'" value="'+esc(model.metadata?.safe_input_tokens || '')+'" placeholder="180000"></div>' +      '<div><label>Reasoning support</label><select data-field="supports_reasoning" data-index="'+index+'"><option value="">default</option><option value="true"'+(model.metadata?.supports_reasoning === true ? ' selected' : '')+'>supported</option><option value="false"'+(model.metadata?.supports_reasoning === false ? ' selected' : '')+'>disabled</option></select></div>' +      '<div><label>Tool support</label><select data-field="supports_tools" data-index="'+index+'"><option value="">default</option><option value="true"'+(model.metadata?.supports_tools === true ? ' selected' : '')+'>supported</option><option value="false"'+(model.metadata?.supports_tools === false ? ' selected' : '')+'>disabled</option></select></div>' +      '<div><label>Image support</label><select data-field="supports_images" data-index="'+index+'"><option value="">default</option><option value="true"'+(model.metadata?.supports_images === true ? ' selected' : '')+'>supported</option><option value="false"'+(model.metadata?.supports_images === false ? ' selected' : '')+'>disabled</option></select></div>' +      '<div style="grid-column:1/-1"><label>Metadata (advanced JSON)</label><textarea data-field="metadata" data-index="'+index+'" placeholder="{\\"label\\":\\"Balanced profile\\"}">'+esc(model.metadata ? JSON.stringify(model.metadata, null, 2) : '')+'</textarea><div class="muted">\u666E\u901A capability \u5EFA\u8BAE\u4F18\u5148\u4F7F\u7528\u4E0A\u9762\u7684\u663E\u5F0F\u5B57\u6BB5\uFF1B\u8FD9\u91CC\u4FDD\u7559\u7ED9\u9AD8\u7EA7\u6269\u5C55\u5143\u6570\u636E\u3002</div></div>' +    '</div>' +  '</div>'; }).join('');}function extractModelsFromForm(){  const cards=Array.from(modelsFormGrid.querySelectorAll('[data-model-card]'));  return cards.map((card,index)=>{    const read=(field)=>card.querySelector('[data-field="'+field+'"][data-index="'+index+'"]');    const providerTemplate=(read('provider_template')?.value || '').trim();    const metadataRaw=(read('metadata')?.value || '').trim();    let metadata;    if(metadataRaw){ metadata=JSON.parse(metadataRaw); } else { metadata={}; }    const thinkingProfile=(read('thinking_profile')?.value || '').trim();    const vendorHint=(read('vendor_hint')?.value || '').trim();    const contextWindowTokens=(read('context_window_tokens')?.value || '').trim();    const safeInputTokens=(read('safe_input_tokens')?.value || '').trim();    const supportsReasoning=(read('supports_reasoning')?.value || '').trim();    const supportsTools=(read('supports_tools')?.value || '').trim();    const supportsImages=(read('supports_images')?.value || '').trim();    const thinking={};    const mode=(read('thinking_mode')?.value || '').trim();    const effort=(read('thinking_effort')?.value || '').trim();    const budget=(read('thinking_budget_tokens')?.value || '').trim();    if(mode) thinking.mode=mode;    if(effort) thinking.effort=effort;    if(budget) thinking.budget_tokens=Number(budget);    const model={      id:(read('id')?.value || '').trim(),      api:(read('api')?.value || '').trim(),      key:(read('key')?.value || '').trim(),      interface:(read('interface')?.value || '').trim(),      model:(read('model')?.value || '').trim(),    };    if(vendorHint){ metadata.vendor_hint=vendorHint; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'vendor_hint')){ delete metadata.vendor_hint; }    if(contextWindowTokens){ metadata.context_window_tokens=Number(contextWindowTokens); } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'context_window_tokens')){ delete metadata.context_window_tokens; }    if(safeInputTokens){ metadata.safe_input_tokens=Number(safeInputTokens); } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'safe_input_tokens')){ delete metadata.safe_input_tokens; }    if(supportsReasoning){ metadata.supports_reasoning=supportsReasoning === 'true'; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'supports_reasoning')){ delete metadata.supports_reasoning; }    if(supportsTools){ metadata.supports_tools=supportsTools === 'true'; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'supports_tools')){ delete metadata.supports_tools; }    if(supportsImages){ metadata.supports_images=supportsImages === 'true'; } else if(metadata && Object.prototype.hasOwnProperty.call(metadata,'supports_images')){ delete metadata.supports_images; }    if(providerTemplate){ model.provider_template=providerTemplate; }    if(thinkingProfile && thinkingProfile !== 'custom'){ model.thinking=thinkingProfile; } else if(Object.keys(thinking).length){ model.thinking=thinking; }    if(metadata !== undefined && Object.keys(metadata).length){ model.metadata=metadata; }    return model;  });}function applyProviderTemplate(index){  const card=modelsFormGrid.querySelector('[data-model-card="'+index+'"]');  if(!card){ return; }  const templateKey=(card.querySelector('[data-field="provider_template"][data-index="'+index+'"]')?.value || '').trim();  const template=modelProviderTemplates[templateKey];  if(!template){ return; }  const modelInterface=card.querySelector('[data-field="interface"][data-index="'+index+'"]');  const apiBaseUrl=card.querySelector('[data-field="api"][data-index="'+index+'"]');  const modelInput=card.querySelector('[data-field="model"][data-index="'+index+'"]');  if(modelInterface){ modelInterface.value=template.interface || template.protocol; }  if(apiBaseUrl && !apiBaseUrl.value.trim()){ apiBaseUrl.value=template.api || template.api_base_url; } else if(apiBaseUrl){ apiBaseUrl.value=template.api || template.api_base_url; }  if(modelInput){ modelInput.placeholder=template.default_model || modelInput.placeholder; if(!modelInput.value.trim() && template.default_model){ modelInput.value=template.default_model; } }  const modelIdInput=card.querySelector('[data-field="id"][data-index="'+index+'"]');  if(modelIdInput){ modelIdInput.placeholder=template.suggested_id || modelIdInput.placeholder; if(!modelIdInput.value.trim() && template.suggested_id){ modelIdInput.value=template.suggested_id; } }  const keyInput=card.querySelector('[data-field="key"][data-index="'+index+'"]');  if(keyInput && template.key_placeholder){ keyInput.placeholder=template.key_placeholder; }  const vendorHintInput=card.querySelector('[data-field="vendor_hint"][data-index="'+index+'"]');  if(vendorHintInput && template.vendor_hint){ vendorHintInput.placeholder=template.vendor_hint; }  const thinkingProfile=card.querySelector('[data-field="thinking_profile"][data-index="'+index+'"]');  if(thinkingProfile && !thinkingProfile.value && template.default_thinking){ thinkingProfile.value=template.default_thinking; }  const nextModels=extractModelsFromForm();  if(nextModels[index]){ nextModels[index]={ ...nextModels[index], provider_template: templateKey }; }  renderModelsForm(nextModels);}function renderTriggerRulesList(rules){  const list=Array.isArray(rules) ? rules : [];  if(!list.length){ triggerRulesList.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No routing rules yet</span></div>'; return; }  triggerRulesList.innerHTML=list.map((rule,index)=>'<div class="list-item" data-trigger-rule="'+index+'">' +    '<div class="action-row"><strong>Rule #'+(index+1)+'</strong><button type="button" data-remove-trigger-rule="'+index+'">\u5220\u9664</button></div>' +    '<div class="list-item-grid">' +      '<div><label>Name</label><input data-trigger-field="name" data-index="'+index+'" value="'+esc(rule.name || '')+'"></div>' +      '<div><label>Model</label><input data-trigger-field="model" data-index="'+index+'" list="triggerModelSuggestions'+index+'" value="'+esc(rule.model || '')+'">'+getModelIdSuggestionsMarkup('triggerModelSuggestions'+index)+'</div>' +      '<div><label>Priority</label><input data-trigger-field="priority" data-index="'+index+'" value="'+esc(rule.priority ?? 10)+'"></div>' +      '<div><label><input type="checkbox" data-trigger-field="enabled" data-index="'+index+'"'+(rule.enabled === false ? '' : ' checked')+'> Enabled</label></div>' +      '<div style="grid-column:1/-1"><label>Description</label><input data-trigger-field="description" data-index="'+index+'" value="'+esc(rule.description || '')+'"></div>' +    '</div>' +    '<div class="action-row" style="margin-top:.75rem"><strong>Patterns</strong><button type="button" data-add-trigger-pattern="'+index+'">\u65B0\u589E Pattern</button></div>' +    '<div class="list-editor">'+(((rule.patterns || []).length ? rule.patterns : [{ type:'exact', keywords:[] }]).map((pattern,patternIndex)=>'<div class="list-item" data-trigger-pattern="'+index+'-'+patternIndex+'">' +      '<div class="action-row"><span class="muted">Pattern #'+(patternIndex+1)+'</span><span class="pill">'+esc(pattern.type || 'exact')+'</span><span class="muted">'+esc(getTriggerPatternValidationHint(pattern).message)+'</span><button type="button" data-remove-trigger-pattern="'+index+'" data-pattern-index="'+patternIndex+'">\u5220\u9664</button></div>' +      '<div class="list-item-grid">' +        '<div><label>Type</label><select data-trigger-pattern-field="type" data-index="'+index+'" data-pattern-index="'+patternIndex+'"><option value="exact"'+(pattern.type !== 'regex' ? ' selected' : '')+'>exact</option><option value="regex"'+(pattern.type === 'regex' ? ' selected' : '')+'>regex</option></select></div>' +        '<div><label><input type="checkbox" data-trigger-pattern-field="caseSensitive" data-index="'+index+'" data-pattern-index="'+patternIndex+'"'+(pattern.caseSensitive ? ' checked' : '')+'> Case sensitive</label></div>' +        '<div style="grid-column:1/-1"><div class="action-row"><label>Keywords</label><button type="button" data-add-trigger-keyword="'+index+'" data-pattern-index="'+patternIndex+'"'+(pattern.type === 'regex' ? ' disabled' : '')+'>\u65B0\u589E Keyword</button></div><div class="list-editor">'+((((pattern.keywords || []).length ? pattern.keywords : ['']).map((keyword,keywordIndex)=>'<div class="list-item" data-trigger-keyword="'+index+'-'+patternIndex+'-'+keywordIndex+'"><div class="action-row"><span class="muted">Keyword #'+(keywordIndex+1)+'</span><button type="button" data-remove-trigger-keyword="'+index+'" data-pattern-index="'+patternIndex+'" data-keyword-index="'+keywordIndex+'"'+(pattern.type === 'regex' ? ' disabled' : '')+'>\u5220\u9664</button></div><input data-trigger-pattern-field="keyword_item" data-index="'+index+'" data-pattern-index="'+patternIndex+'" data-keyword-index="'+keywordIndex+'" value="'+esc(keyword || '')+'" placeholder="keyword"'+(pattern.type === 'regex' ? ' disabled' : '')+'></div>')).join(''))+'</div><div class="muted">'+(pattern.type === 'regex' ? 'regex \u6A21\u5F0F\u4E0B\u5FFD\u7565 keywords' : 'exact \u6A21\u5F0F\u4E0B\u6309\u5173\u952E\u8BCD\u5217\u8868\u5339\u914D')+'</div></div>' +        '<div style="grid-column:1/-1"><label>Regex pattern</label><input data-trigger-pattern-field="pattern" data-index="'+index+'" data-pattern-index="'+patternIndex+'" value="'+esc(pattern.pattern || '')+'" placeholder="error|exception"'+(pattern.type === 'regex' ? '' : ' disabled')+'><div class="muted">'+(pattern.type === 'regex' ? 'regex \u6A21\u5F0F\u4E0B\u4F7F\u7528\u6B63\u5219\u8868\u8FBE\u5F0F\u5339\u914D' : 'exact \u6A21\u5F0F\u4E0B\u5FFD\u7565 regex pattern')+'</div></div>' +      '</div>' +    '</div>').join(''))+'</div>' +  '</div>').join('');}function extractTriggerRulesFromForm(){  return Array.from(triggerRulesList.querySelectorAll('[data-trigger-rule]')).map((card,index)=>{    const read=(field)=>card.querySelector('[data-trigger-field="'+field+'"][data-index="'+index+'"]');    const patterns=Array.from(card.querySelectorAll('[data-trigger-pattern]')).map((patternCard,patternIndex)=>{      const patternRead=(field)=>patternCard.querySelector('[data-trigger-pattern-field="'+field+'"][data-index="'+index+'"][data-pattern-index="'+patternIndex+'"]');      const type=(patternRead('type')?.value || 'exact').trim();      const pattern={ type, caseSensitive:Boolean(patternRead('caseSensitive')?.checked) };      const keywords=Array.from(patternCard.querySelectorAll('[data-trigger-pattern-field="keyword_item"][data-index="'+index+'"][data-pattern-index="'+patternIndex+'"]')).map((node)=>node.value.trim()).filter(Boolean);      const regexPattern=(patternRead('pattern')?.value || '').trim();      if(type === 'regex'){ if(regexPattern){ pattern.pattern=regexPattern; } } else if(keywords.length){ pattern.keywords=keywords; }      return pattern;    });    const rule={ name:(read('name')?.value || '').trim(), model:(read('model')?.value || '').trim(), priority:Number(read('priority')?.value || 10), enabled:Boolean(read('enabled')?.checked), patterns };    const description=(read('description')?.value || '').trim(); if(description){ rule.description=description; } return rule;  });}function renderSmartCandidatesList(candidates){  const list=Array.isArray(candidates) ? candidates : [];  if(!list.length){ smartCandidatesList.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No smart candidates yet</span></div>'; return; }  smartCandidatesList.innerHTML=list.map((candidate,index)=>'<div class="list-item" data-smart-candidate="'+index+'">' +    '<div class="action-row"><strong>Candidate #'+(index+1)+'</strong><button type="button" data-remove-smart-candidate="'+index+'">\u5220\u9664</button></div>' +    '<div class="list-item-grid">' +      '<div><label>Model</label><input data-smart-field="model" data-index="'+index+'" list="smartModelSuggestions'+index+'" value="'+esc(candidate.model || '')+'">'+getModelIdSuggestionsMarkup('smartModelSuggestions'+index)+'</div>' +      '<div style="grid-column:1/-1"><label>Description</label><input data-smart-field="description" data-index="'+index+'" value="'+esc(candidate.description || '')+'"></div>' +    '</div>' +  '</div>').join('');}function extractSmartCandidatesFromForm(){  return Array.from(smartCandidatesList.querySelectorAll('[data-smart-candidate]')).map((card,index)=>{    const read=(field)=>card.querySelector('[data-smart-field="'+field+'"][data-index="'+index+'"]');    return { model:(read('model')?.value || '').trim(), description:(read('description')?.value || '').trim() };  });}function renderCascadeLevelsList(levels){  const list=Array.isArray(levels) ? levels : [];  if(!list.length){ governanceCascadeLevelsList.innerHTML='<div class="panel" style="margin-bottom:0"><span class="muted">No cascade levels yet</span></div>'; return; }  governanceCascadeLevelsList.innerHTML=list.map((level,index)=>'<div class="list-item" data-cascade-level="'+index+'">' +    '<div class="action-row"><strong>Level #'+(index+1)+'</strong><button type="button" data-remove-cascade-level="'+index+'">\u5220\u9664</button></div>' +    '<div class="list-item-grid">' +      '<div><label>From</label><input data-cascade-field="from" data-index="'+index+'" list="cascadeFromSuggestions'+index+'" value="'+esc(level.from || '')+'">'+getModelIdSuggestionsMarkup('cascadeFromSuggestions'+index)+'</div>' +      '<div><label>To</label><input data-cascade-field="to" data-index="'+index+'" list="cascadeToSuggestions'+index+'" value="'+esc(level.to || '')+'">'+getModelIdSuggestionsMarkup('cascadeToSuggestions'+index)+'</div>' +      '<div style="grid-column:1/-1"><label>Reason</label><input data-cascade-field="reason" data-index="'+index+'" value="'+esc(level.reason || '')+'"></div>' +    '</div>' +  '</div>').join('');}function extractCascadeLevelsFromForm(){  return Array.from(governanceCascadeLevelsList.querySelectorAll('[data-cascade-level]')).map((card,index)=>{    const read=(field)=>card.querySelector('[data-cascade-field="'+field+'"][data-index="'+index+'"]');    const level={ from:(read('from')?.value || '').trim(), to:(read('to')?.value || '').trim() };    const reason=(read('reason')?.value || '').trim(); if(reason){ level.reason=reason; } return level;  });}function buildDraftPayloadFromForm(){  const payload=JSON.parse(JSON.stringify(currentDraftConfig || {}));  payload.Models=extractModelsFromForm();  const routerDefault=(draftRouterDefault.value || '').trim();  if(routerDefault){ payload.Router={ ...(payload.Router || {}), default: routerDefault }; }  else if(payload.Router){ delete payload.Router.default; if(!Object.keys(payload.Router).length){ delete payload.Router; } }  const triggerRules=extractTriggerRulesFromForm();  const smartCandidates=extractSmartCandidatesFromForm();  const smartRouterEnabled=Boolean(smartEnabled.checked || triggerEnabled.checked || triggerIntentEnabled.checked || triggerIntentModel.value.trim() || triggerRules.length || smartRouterModel.value.trim() || smartCandidates.length || smartCacheTtl.value.trim() || smartMaxTokens.value.trim() || governanceAlignmentEnabled.checked || governanceSummarizerModel.value.trim() || governanceSemanticEnabled.checked || governanceClassifierModel.value.trim());  if(smartRouterEnabled){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: true, analysis_scope: triggerAnalysisScope.value || payload.SmartRouter?.analysis_scope || 'last_message', router_model: smartRouterModel.value.trim(), fallback: smartFallback.value || 'default', candidates: smartCandidates, cache_ttl: smartCacheTtl.value.trim() ? Number(smartCacheTtl.value.trim()) : undefined, max_tokens: smartMaxTokens.value.trim() ? Number(smartMaxTokens.value.trim()) : undefined, rules: triggerRules, semantic:(governanceSemanticEnabled.checked || triggerIntentEnabled.checked || governanceClassifierModel.value.trim() || triggerIntentModel.value.trim()) ? { ...(((payload.SmartRouter || {}).semantic) || {}), enabled:Boolean(governanceSemanticEnabled.checked || triggerIntentEnabled.checked), mode:'classifier', classifier_model: governanceClassifierModel.value.trim() || triggerIntentModel.value.trim() } : undefined, sticky:(governanceAlignmentEnabled.checked || governanceSummarizerModel.value.trim()) ? { ...(((payload.SmartRouter || {}).sticky) || {}), enabled:true, alignment:{ ...((((payload.SmartRouter || {}).sticky || {}).alignment) || {}), enabled:Boolean(governanceAlignmentEnabled.checked), summarizer_model: governanceSummarizerModel.value.trim() } } : undefined }; } else { delete payload.SmartRouter; }  delete payload.TriggerRouter;  const cascadeLevels=extractCascadeLevelsFromForm();  if(governanceEnabled.checked || governanceShadowEnabled.checked || governanceVerifierModel.value.trim() || cascadeLevels.length){ payload.Governance={ ...(payload.Governance || {}), enabled: governanceEnabled.checked, shadow:{ ...((payload.Governance && payload.Governance.shadow) || {}), enabled: governanceShadowEnabled.checked, verifier_model: governanceVerifierModel.value.trim() }, cascade:{ ...((payload.Governance && payload.Governance.cascade) || {}), enabled: Boolean(cascadeLevels.length), levels: cascadeLevels } }; } else { delete payload.Governance; }  return payload;}function renderConfigControlForms(config){  const smart=getDraftSmartRouterConfig(config);  const trigger=config?.TriggerRouter || {};  triggerEnabled.checked=Boolean(smart.enabled);  triggerIntentEnabled.checked=Boolean(smart.semantic?.enabled && smart.semantic?.mode === 'classifier');  triggerAnalysisScope.value=smart.analysis_scope || 'last_message';  triggerIntentModel.value=smart.semantic?.classifier_model || trigger.intent_model || '';  renderTriggerRulesList(smart.rules || trigger.rules || []);  smartEnabled.checked=Boolean(smart.enabled);  smartRouterModel.value=smart.router_model || '';  smartFallback.value=smart.fallback || 'default';  smartCacheTtl.value=smart.cache_ttl ?? '';  smartMaxTokens.value=smart.max_tokens ?? '';  renderSmartCandidatesList(smart.candidates || []);  const governance=config?.Governance || {};  governanceEnabled.checked=Boolean(governance.enabled);  governanceAlignmentEnabled.checked=Boolean(smart.sticky?.alignment?.enabled);  governanceSummarizerModel.value=smart.sticky?.alignment?.summarizer_model || '';  governanceSemanticEnabled.checked=Boolean(smart.semantic?.enabled);  governanceClassifierModel.value=smart.semantic?.classifier_model || '';  governanceShadowEnabled.checked=Boolean(governance.shadow?.enabled);  governanceVerifierModel.value=governance.shadow?.verifier_model || '';  renderCascadeLevelsList(governance.cascade?.levels || []);}function syncDraftEditorFromForm(){  try {    const payload=buildDraftPayloadFromForm();    currentDraftConfig=payload;    configDraftEditor.value=JSON.stringify(payload,null,2);    renderDraftSummary(payload);    renderDraftValidation([],[]);    renderCapabilityWarnings();    renderRouterSlotExplanation(withDraftCompiledData(payload));    renderContextWindowGuide(withDraftCompiledData(payload));    renderDraftPreviewMeta();    draftPreviewStatus.textContent='\u5DF2\u540C\u6B65 Models \u8868\u5355\u5230 JSON \u8349\u7A3F';  } catch (error) {    draftPreviewStatus.textContent='\u540C\u6B65\u5931\u8D25\uFF1A'+error.message;  }}function applyReferenceSuggestion(path,modelId){  if(!modelId){ return; }  if(path==='Router.default'){ draftRouterDefault.value=modelId; syncDraftEditorFromForm(); draftPreviewStatus.textContent='\u5DF2\u5C06\u5EFA\u8BAE\u6A21\u578B\u5E94\u7528\u5230 Router.default'; return; }  const payload=JSON.parse(JSON.stringify(currentDraftConfig || {}));  const pathMatch=path.match(/^([^.[]+)(?:.(.+))?$/);  if(!pathMatch){ draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u81EA\u52A8\u4FEE\u590D\uFF1A'+path; return; }  const tokens=path.replace(/[(d+)]/g,'.$1').split('.');  let cursor=payload;  for(let i=0;i<tokens.length-1;i++){    const token=tokens[i];    const nextToken=tokens[i+1];    if(cursor[token] === undefined){ cursor[token]=String(Number(nextToken))===nextToken ? [] : {}; }    cursor=cursor[token];  }  cursor[tokens[tokens.length-1]]=modelId;  currentDraftConfig=payload;  if(payload.Router?.default){ draftRouterDefault.value=payload.Router.default; }  renderConfigControlForms(payload);  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5C06\u5EFA\u8BAE\u6A21\u578B\u5E94\u7528\u5230 '+path+'\uFF0C\u53EF\u91CD\u65B0\u9884\u89C8\u9A8C\u8BC1';}function applyContextWindowAction(action,modelId){  if(action!=='set-long-context' || !modelId){ draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u8BE5\u4E0A\u4E0B\u6587\u7A97\u53E3\u64CD\u4F5C'; return; }  const payload=buildDraftPayloadFromForm();  payload.Router={ ...(payload.Router || {}), longContext:modelId };  currentDraftConfig=payload;  renderConfigControlForms(payload);  draftRouterDefault.value=payload.Router?.default || '';  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5C06 Router.longContext \u8BBE\u7F6E\u4E3A '+modelId+'\uFF0C\u53EF\u91CD\u65B0\u9884\u89C8\u9A8C\u8BC1';}function applyCapabilityWarningSuggestion(path,code){  const payload=JSON.parse(JSON.stringify(currentDraftConfig || {}));  const tokens=String(path || '').replace(/[(d+)]/g,'.$1').split('.').filter(Boolean);  if(!tokens.length){ draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u81EA\u52A8\u4FEE\u590D\u8BE5 warning'; return; }  let cursor=payload;  for(let i=0;i<tokens.length-1;i++){ if(cursor == null){ break; } cursor=cursor[tokens[i]]; }  const lastToken=tokens[tokens.length-1];  if(code==='thinking_ignored'){    if(cursor && Object.prototype.hasOwnProperty.call(cursor,lastToken)){ delete cursor[lastToken]; }  } else if(code==='tools_text_fallback' || code==='images_text_fallback'){    if(cursor && Object.prototype.hasOwnProperty.call(cursor,lastToken)){ delete cursor[lastToken]; }    if(cursor && !Object.keys(cursor).length){      const parentTokens=tokens.slice(0,-1);      const maybeMetadataKey=parentTokens[parentTokens.length-1];      if(maybeMetadataKey==='metadata'){        let parentCursor=payload;        for(let i=0;i<parentTokens.length-1;i++){ if(parentCursor == null){ break; } parentCursor=parentCursor[parentTokens[i]]; }        if(parentCursor && Object.prototype.hasOwnProperty.call(parentCursor,'metadata')){ delete parentCursor.metadata; }      }    }  } else {    draftPreviewStatus.textContent='\u6682\u4E0D\u652F\u6301\u81EA\u52A8\u4FEE\u590D\u8BE5 warning';    return;  }  currentDraftConfig=payload;  renderModelsForm(payload.Models || []);  renderConfigControlForms(payload);  draftRouterDefault.value=payload.Router?.default || '';  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5E94\u7528 warning \u4FEE\u6B63\uFF1A'+code+'\uFF0C\u53EF\u91CD\u65B0\u9884\u89C8\u9A8C\u8BC1';}function renderCompiledDiff(diff){  const summary=diff?.summary || {};  compiledDiffSummary.innerHTML=[    ['Added providers', summary.addedProviders ?? 0],    ['Removed providers', summary.removedProviders ?? 0],    ['Changed providers', summary.changedProviders ?? 0],    ['Added models', summary.addedModels ?? 0],    ['Removed models', summary.removedModels ?? 0],    ['Changed models', summary.changedModels ?? 0]  ].map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const rows=[    ...((diff?.providerChanges || []).map(item=>({ scope:'provider', key:item.name, type:item.type, fields:item.fields || [], target:item.after || item.before || {} }))),    ...((diff?.modelChanges || []).map(item=>({ scope:'model', key:item.modelId, type:item.type, fields:item.fields || [], target:item.after || item.before || {} }))),  ];  compiledDiffTableBody.innerHTML=rows.length ? rows.map(item=>'<tr>' +    '<td>'+esc(item.scope)+'</td>' +    '<td>'+esc(item.type)+'</td>' +    '<td><code>'+esc(item.key)+'</code></td>' +    '<td>'+esc(item.fields.join(', ') || '-')+'</td>' +    '<td><code>'+esc(item.target.providerName || item.target.name || '-')+'</code><div class="muted">'+esc(item.target.modelName || (item.target.models || []).join(', ') || '-')+'</div></td>' +  '</tr>').join('') : '<tr><td colspan="5" class="muted">No compiled registry changes</td></tr>';}function renderReferenceImpact(impact){  const summary=impact?.summary || {};  referenceImpactSummary.innerHTML=[    ['Total refs', summary.total ?? 0],    ['modelId refs', summary.modelIdRefs ?? 0],    ['Legacy refs', summary.legacyRefs ?? 0],    ['Valid modelIds', summary.validModelIds ?? 0],    ['Missing modelIds', summary.missingModelIds ?? 0]  ].map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const entries=impact?.entries || [];  referenceImpactTableBody.innerHTML=entries.length ? entries.map(item=>'<tr>' +    '<td><code>'+esc(item.path)+'</code></td>' +    '<td><code>'+esc(item.value)+'</code></td>' +    '<td>'+esc(item.referenceType)+'</td>' +    '<td>'+esc(item.status)+'</td>' +    '<td><code>'+esc(item.resolvedTarget?.providerName || '-')+'</code><div class="muted">'+esc(item.resolvedTarget?.modelName || '-')+'</div></td>' +    '<td>'+((item.suggestions || []).length ? item.suggestions.map(s=>'<div><code>'+esc(s.modelId)+'</code><div class="muted">'+esc(s.modelName || '-')+'</div><button type="button" data-apply-reference-path="'+esc(item.path)+'" data-apply-reference-model="'+esc(s.modelId)+'">\u5E94\u7528\u5EFA\u8BAE</button></div>').join('') : '<span class="muted">-</span>')+'</td>' +  '</tr>').join('') : '<tr><td colspan="6" class="muted">No model references found</td></tr>';}function getRouterSlotDefinitions(){  return [    { key:'default', label:'Default', when:'\u666E\u901A\u8BF7\u6C42\u3001\u89C4\u5219\u672A\u547D\u4E2D\u6216\u5176\u4ED6\u69FD\u4F4D\u672A\u914D\u7F6E\u65F6\u4F7F\u7528', required:true },    { key:'think', label:'Thinking', when:'\u8BF7\u6C42\u5305\u542B thinking \u65F6\u4F18\u5148\u4F7F\u7528', required:false },    { key:'longContext', label:'Long context', when:'\u8F93\u5165\u8D85\u8FC7\u9608\u503C\uFF0C\u6216\u5F53\u524D\u6A21\u578B safe_input_tokens \u4E0D\u591F\u65F6\u4F7F\u7528', required:false },    { key:'background', label:'Background', when:'Claude Code \u8F7B\u91CF\u540E\u53F0\u6A21\u578B\u8BF7\u6C42\u65F6\u4F7F\u7528', required:false },    { key:'webSearch', label:'Web search', when:'\u8BF7\u6C42\u5305\u542B web_search \u5DE5\u5177\u65F6\u4F7F\u7528', required:false },  ];}function renderRouterSlotExplanation(data){  const config=data?.normalizedConfig || { Router:(currentDraftConfig.Router && Object.keys(currentDraftConfig.Router).length ? currentDraftConfig.Router : (data?.router || {})) };  const router=config.Router || {};  const modelMap=data?.modelMap || {};  const slots=getRouterSlotDefinitions();  let configured=0;  let resolved=0;  let warnings=0;  const defaultRef=String(router.default || '').trim();  const defaultModel=defaultRef ? modelMap[defaultRef] : null;  const rows=slots.map(slot=>{    const ref=String(router[slot.key] || '').trim();    const model=ref ? modelMap[ref] : null;    const caps=model?.capabilities || {};    const slotWarnings=[];    if(ref){ configured+=1; }    if(ref && model){ resolved+=1; }    if(slot.required && !ref){ slotWarnings.push('\u5FC5\u586B\u69FD\u4F4D\u672A\u914D\u7F6E'); }    if(ref && !model){ slotWarnings.push('\u5F15\u7528\u672A\u89E3\u6790\u5230 Models[].id'); }    if(slot.key==='think' && model && caps.thinking?.supported === false){ slotWarnings.push('\u76EE\u6807\u6A21\u578B\u58F0\u660E\u4E0D\u652F\u6301 reasoning'); }    if(slot.key==='longContext' && model){      if(!caps.contextWindowTokens){ slotWarnings.push('\u7F3A\u5C11 context_window_tokens'); }      if(!caps.safeInputTokens){ slotWarnings.push('\u7F3A\u5C11 safe_input_tokens'); }      if(defaultModel?.capabilities?.contextWindowTokens && caps.contextWindowTokens && caps.contextWindowTokens <= defaultModel.capabilities.contextWindowTokens){ slotWarnings.push('\u7A97\u53E3\u4E0D\u9AD8\u4E8E default'); }    }    if(model && slot.key!=='longContext' && (!caps.contextWindowTokens || !caps.safeInputTokens)){ slotWarnings.push('\u7F3A\u5C11\u4E0A\u4E0B\u6587\u7A97\u53E3\u5143\u6570\u636E'); }    warnings+=slotWarnings.length;    const target=model ? ('<code>'+esc(model.providerName || '-')+'</code><div class="muted">'+esc(model.modelName || '-')+'</div>') : '<span class="muted">-</span>';    const capabilityParts=model ? [      'thinking '+(caps.thinking?.supported === false ? 'off' : 'on'),      'tools '+(caps.tools === false ? 'off' : 'on'),      'images '+(caps.images === false ? 'off' : 'on'),      caps.contextWindowTokens ? ('ctx '+caps.contextWindowTokens) : 'ctx ?',      caps.safeInputTokens ? ('safe '+caps.safeInputTokens) : 'safe ?',    ] : [];    const warningText=slotWarnings.length ? slotWarnings.join('\uFF1B') : (ref ? 'ok' : '\u672A\u914D\u7F6E\u65F6\u56DE\u5230 default');    const warningClass=slotWarnings.length ? 'warn' : 'info';    return '<tr>' +      '<td><strong>'+esc(slot.label)+'</strong><div class="muted">Router.'+esc(slot.key)+'</div></td>' +      '<td>'+esc(slot.when)+'</td>' +      '<td>'+(ref ? '<code>'+esc(ref)+'</code>' : '<span class="muted">not configured</span>')+'</td>' +      '<td>'+target+'</td>' +      '<td>'+(capabilityParts.length ? capabilityParts.map(item=>'<span class="pill">'+esc(item)+'</span>').join(' ') : '<span class="muted">-</span>')+'</td>' +      '<td><span class="pill '+warningClass+'">'+esc(warningText)+'</span></td>' +    '</tr>';  });  routerSlotSummary.innerHTML=[['Configured slots',configured],['Resolved slots',resolved],['Warnings',warnings]].map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  routerSlotTableBody.innerHTML=rows.join('');}function readModelMetadataNumber(model,key){  const value=model?.metadata?.[key];  return Number.isFinite(Number(value)) && Number(value)>0 ? Number(value) : undefined;}function getContextWindowEntries(data,config){  const modelMap=data?.modelMap || {};  const draftModels=Array.isArray(config?.Models) ? config.Models : [];  if(draftModels.length){    return draftModels.map(model=>{ const id=String(model?.id || '').trim(); const compiled=id ? modelMap[id] : null; const caps=compiled?.capabilities || {}; return { id, modelName:model?.model || compiled?.modelName || '-', contextWindowTokens:readModelMetadataNumber(model,'context_window_tokens') || caps.contextWindowTokens, safeInputTokens:readModelMetadataNumber(model,'safe_input_tokens') || caps.safeInputTokens }; }).filter(item=>item.id);  }  return Object.entries(modelMap).map(([id,model])=>({ id, modelName:model?.modelName || '-', contextWindowTokens:model?.capabilities?.contextWindowTokens, safeInputTokens:model?.capabilities?.safeInputTokens }));}function renderContextWindowGuide(data){  const config=data?.normalizedConfig || currentDraftConfig || {};  const router=config.Router || {};  const entries=getContextWindowEntries(data,config);  if(!entries.length){ contextWindowGuide.innerHTML='<div class="alert info"><strong>Context window guide</strong><div class="muted">\u5F53\u524D\u8349\u7A3F\u8FD8\u6CA1\u6709\u53EF\u89E3\u6790\u7684 Models\u3002</div></div>'; return; }  const defaultRef=String(router.default || '').trim();  const longRef=String(router.longContext || '').trim();  const defaultEntry=entries.find(item=>item.id===defaultRef);  const longEntry=entries.find(item=>item.id===longRef);  const ranked=entries.filter(item=>item.contextWindowTokens).sort((a,b)=>(b.contextWindowTokens || 0)-(a.contextWindowTokens || 0));  const best=ranked[0];  const missingCount=entries.filter(item=>!item.contextWindowTokens || !item.safeInputTokens).length;  const messages=[];  let level='info';  if(missingCount){ level='warn'; messages.push('\u6709 '+missingCount+' \u4E2A\u6A21\u578B\u7F3A\u5C11 context_window_tokens \u6216 safe_input_tokens\uFF0C\u8D85\u5927\u8BF7\u6C42\u53EF\u80FD\u65E0\u6CD5\u63D0\u524D\u964D\u7EA7/\u5207\u6362\u3002'); }  if(entries.length>1 && !longRef){ level='warn'; messages.push('\u591A\u6A21\u578B\u914D\u7F6E\u672A\u8BBE\u7F6E Router.longContext\uFF0C\u5927\u4E0A\u4E0B\u6587\u8BF7\u6C42\u4F1A\u7EE7\u7EED\u4F7F\u7528\u5DF2\u9009\u6A21\u578B\u3002'); }  if(longRef && !longEntry){ level='warn'; messages.push('Router.longContext \u5F15\u7528\u672A\u89E3\u6790\u5230 Models[].id\u3002'); }  if(longEntry && (!longEntry.contextWindowTokens || !longEntry.safeInputTokens)){ level='warn'; messages.push('Router.longContext \u7F3A\u5C11\u4E0A\u4E0B\u6587\u7A97\u53E3\u6216\u5B89\u5168\u8F93\u5165\u5143\u6570\u636E\u3002'); }  if(defaultEntry?.contextWindowTokens && longEntry?.contextWindowTokens && longEntry.contextWindowTokens <= defaultEntry.contextWindowTokens){ level='warn'; messages.push('Router.longContext \u7684\u7A97\u53E3\u4E0D\u9AD8\u4E8E Router.default\uFF0C\u53EF\u80FD\u65E0\u6CD5\u63D0\u5347\u5927\u4E0A\u4E0B\u6587\u4F53\u9A8C\u3002'); }  if(!messages.length){ messages.push('\u5F53\u524D\u4E0A\u4E0B\u6587\u7A97\u53E3\u5143\u6570\u636E\u548C Router.longContext \u914D\u7F6E\u53EF\u7528\u4E8E\u5927\u4E0A\u4E0B\u6587 fallback\u3002'); }  const canApplyBest=best?.id && best.id!==longRef && (!defaultEntry?.contextWindowTokens || (best.contextWindowTokens || 0)>defaultEntry.contextWindowTokens);  const summaryRows=[['Default', defaultRef || '-'],['Default ctx', defaultEntry?.contextWindowTokens || '?'],['Long context', longRef || '-'],['Long ctx', longEntry?.contextWindowTokens || '?'],['Largest ctx', best ? (best.id+' / '+best.contextWindowTokens) : '-'],['Missing metadata', missingCount]];  contextWindowGuide.innerHTML='<div class="alert '+level+'"><div class="row"><strong>Context window guide</strong>'+(best ? '<span class="pill">largest '+esc(best.id)+'</span>' : '')+'</div><div class="diff-summary">'+summaryRows.map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('')+'</div><ul>'+messages.map(message=>'<li>'+esc(message)+'</li>').join('')+'</ul>'+(canApplyBest ? '<div class="row" style="margin-top:.5rem"><button type="button" data-context-action="set-long-context" data-model-id="'+esc(best.id)+'">\u8BBE\u4E3A Router.longContext</button><span class="muted">'+esc(best.modelName || '')+'</span></div>' : '')+'</div>';}function getSmartCandidateGuideEntries(data,config){  const modelMap=data?.modelMap || {};  const draftModels=Array.isArray(config?.Models) ? config.Models : [];  if(draftModels.length){ return draftModels.map(model=>{ const id=String(model?.id || '').trim(); const compiled=id ? modelMap[id] : null; const caps=compiled?.capabilities || {}; return { id, modelName:model?.model || compiled?.modelName || '-', contextWindowTokens:readModelMetadataNumber(model,'context_window_tokens') || caps.contextWindowTokens || 0, thinkingSupported:caps.thinking?.supported !== false }; }).filter(item=>item.id); }  return Object.entries(modelMap).map(([id,model])=>({ id, modelName:model?.modelName || '-', contextWindowTokens:model?.capabilities?.contextWindowTokens || 0, thinkingSupported:model?.capabilities?.thinking?.supported !== false }));}function pickSmartCandidate(entries,role){  const list=[...entries];  const score=(item)=>{ const text=(item.id+' '+item.modelName).toLowerCase(); let value=0; if(role==='fast'){ if(/haiku|mini|flash|fast|lite|small/.test(text)){ value+=80; } value+=Math.max(0,50-Math.log10((item.contextWindowTokens || 1))*10); } else if(role==='deep'){ if(/opus|reasoner|thinking|o1|o3|gpt-5|sonnet/.test(text)){ value+=80; } if(item.thinkingSupported){ value+=20; } value+=Math.log10((item.contextWindowTokens || 1))*5; } else if(role==='long_context'){ value+=item.contextWindowTokens || 0; } else { if(/sonnet|gpt-4|gpt-5|default|balanced/.test(text)){ value+=80; } value+=Math.log10((item.contextWindowTokens || 1))*8; } return value; };  return list.sort((a,b)=>score(b)-score(a) || a.id.localeCompare(b.id))[0];}function renderSmartCandidateGuide(data,summary){  const config=data?.normalizedConfig || currentDraftConfig || {};  const entries=getSmartCandidateGuideEntries(data,config);  const candidates=Array.isArray(summary?.candidates) ? summary.candidates : [];  const configured=new Set(candidates.map(candidate=>candidate.model?.ref).filter(Boolean));  if(!entries.length){ smartCandidateGuide.innerHTML='<div class="alert info"><strong>Candidate guide</strong><div class="muted">\u5F53\u524D\u8349\u7A3F\u8FD8\u6CA1\u6709\u53EF\u89E3\u6790\u7684 Models\uFF0C\u5148\u6DFB\u52A0\u6A21\u578B\u540E\u518D\u914D\u7F6E\u5019\u9009\u3002</div></div>'; return; }  const roles=[    { key:'fast', label:'Fast', description:'\u9AD8\u9891\u8F7B\u91CF\u4EFB\u52A1\u3001\u540E\u53F0\u8BF7\u6C42\u548C\u4F4E\u5EF6\u8FDF\u5019\u9009' },    { key:'balanced', label:'Balanced', description:'\u9ED8\u8BA4\u65E5\u5E38\u7F16\u7801\u3001\u89E3\u91CA\u548C\u4E2D\u7B49\u590D\u6742\u5EA6\u4EFB\u52A1' },    { key:'deep', label:'Deep', description:'\u590D\u6742\u63A8\u7406\u3001\u67B6\u6784\u8BBE\u8BA1\u548C\u9700\u8981\u66F4\u5F3A\u6A21\u578B\u7684\u4EFB\u52A1' },    { key:'long_context', label:'Long context', description:'\u5927\u4E0A\u4E0B\u6587\u3001\u957F\u6587\u4EF6\u548C\u8D85\u957F\u4F1A\u8BDD\u515C\u5E95\u5019\u9009' },  ];  const rows=roles.map(role=>{ const picked=pickSmartCandidate(entries,role.key); const configuredRole=picked && configured.has(picked.id); const cls=configuredRole ? 'info' : 'warn'; const button=(!configuredRole && picked) ? '<button type="button" data-add-smart-candidate-suggestion="'+esc(picked.id)+'" data-description="'+esc(role.key+' candidate')+'">Add candidate</button>' : ''; return '<div class="alert '+cls+'"><div class="row"><strong>'+esc(role.label)+'</strong><span class="pill '+cls+'">'+esc(configuredRole ? 'configured' : 'suggested')+'</span></div><div>'+esc(role.description)+'</div><div class="muted">'+(picked ? ('<code>'+esc(picked.id)+'</code> \xB7 '+esc(picked.modelName || '-')+' \xB7 ctx '+esc(picked.contextWindowTokens || '?')) : 'no model suggestion')+'</div>'+(button ? '<div class="row" style="margin-top:.5rem">'+button+'</div>' : '')+'</div>'; });  smartCandidateGuide.innerHTML='<div class="alert info"><strong>Candidate guide</strong><div class="muted">\u5EFA\u8BAE\u81F3\u5C11\u8986\u76D6 fast / balanced / deep\uFF0C\u9700\u8981\u5927\u4E0A\u4E0B\u6587\u65F6\u518D\u52A0\u5165 long-context \u5019\u9009\u3002</div></div>'+rows.join('');}function renderSmartRouterExplanation(data){  const summary=data?.smartRouterExplanation || {};  const rules=Array.isArray(summary.rules) ? summary.rules : [];  const candidates=Array.isArray(summary.candidates) ? summary.candidates : [];  const warnings=Array.isArray(summary.warnings) ? summary.warnings : [];  const refLabel=(model)=>model?.ref ? ('<code>'+esc(model.ref)+'</code><div class="muted">'+esc(model.target?.providerName || model.status || '-')+' / '+esc(model.target?.modelName || '-')+'</div>') : '<span class="muted">-</span>';  const switchRows=[['Enabled', summary.enabled ? 'true' : 'false'],['Rules', rules.length],['Candidates', candidates.length],['Router model', summary.routerModel?.ref || '-'],['Semantic', (summary.semantic?.enabled ? 'on' : 'off')+' / '+(summary.semantic?.mode || '-')],['Sticky', summary.sticky?.enabled ? 'on' : 'off'],['Alignment', summary.sticky?.alignment?.enabled ? 'on' : 'off'],['Fallback', summary.fallback || 'default'],['Warnings', warnings.length]];  smartRouterExplanationSummary.innerHTML=switchRows.map(([label,value])=>'<div class="diff-chip"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const order=Array.isArray(summary.routeOrder) ? summary.routeOrder : [];  smartRouterRouteOrder.innerHTML='<div class="alert '+(warnings.length ? 'warn' : 'info')+'"><strong>Route order</strong><ol>'+order.map(item=>'<li>'+esc(item)+'</li>').join('')+'</ol>'+(warnings.length ? '<ul>'+warnings.map(item=>'<li>'+esc(item)+'</li>').join('')+'</ul>' : '<div class="muted">SmartRouter \u914D\u7F6E\u5F15\u7528\u5DF2\u89E3\u6790\u3002</div>')+'</div>';  smartRouterRulesTableBody.innerHTML=rules.length ? rules.map(rule=>{    const patternText=(rule.patterns || []).map(pattern=>pattern.type==='exact' ? ('exact: '+(pattern.keywords || []).join(', ')) : ('regex: '+(pattern.pattern || '-'))).join('; ');    const statusClass=rule.model?.status === 'resolved' ? 'info' : (rule.model?.status === 'legacy' ? 'warn' : 'critical');    return '<tr>' +      '<td>'+esc(rule.order || '-')+'<div class="muted">priority '+esc(rule.priority ?? 0)+'</div></td>' +      '<td><strong>'+esc(rule.name || '-')+'</strong><div class="muted">'+esc(rule.description || '-')+'</div><span class="pill '+(rule.enabled ? 'info' : 'warn')+'">'+esc(rule.enabled ? 'enabled' : 'disabled')+'</span></td>' +      '<td>'+refLabel(rule.model)+'<span class="pill '+statusClass+'">'+esc(rule.model?.status || '-')+'</span></td>' +      '<td>'+esc(patternText || '-')+'</td>' +      '<td>'+esc(rule.semantic?.enabled ? 'on' : 'off')+'<div class="muted">'+esc(rule.semantic?.prototype || '-')+'</div></td>' +    '</tr>';  }).join('') : '<tr><td colspan="5" class="muted">No SmartRouter rules configured</td></tr>';  smartRouterCandidatesTableBody.innerHTML=candidates.length ? candidates.map(candidate=>{    const statusClass=candidate.model?.status === 'resolved' ? 'info' : (candidate.model?.status === 'legacy' ? 'warn' : 'critical');    return '<tr><td>'+esc(candidate.order || '-')+'</td><td>'+refLabel(candidate.model)+'</td><td>'+esc(candidate.description || '-')+'</td><td><span class="pill '+statusClass+'">'+esc(candidate.model?.status || '-')+'</span></td></tr>';  }).join('') : '<tr><td colspan="4" class="muted">No SmartRouter candidates configured</td></tr>';  renderSmartCandidateGuide(data,summary);}function renderCompiledModels(data){  lastCompiledModelsData=data || null;  const providers=Array.isArray(data.providers) ? data.providers : [];  const modelMapEntries=Object.entries(data.modelMap || {});  const modelPoolEntries=Object.entries(data.modelPools || {});  const modelPoolEndpointCount=modelPoolEntries.reduce((sum,[_modelId,pool])=>sum+((pool.endpoints || []).length),0);  knownModelIds=modelMapEntries.map(([modelId])=>modelId).sort();  updateTopLevelModelSuggestionLists();  renderCapabilityWarnings(data.capabilityWarnings);  renderRouterSlotExplanation(data);  renderContextWindowGuide(data);  renderSmartRouterExplanation(data);  compiledModelsStatus.textContent='\u5DF2\u52A0\u8F7D '+providers.length+' \u4E2A compiled provider / '+modelMapEntries.length+' \u4E2A modelId \u6620\u5C04 / '+modelPoolEntries.length+' \u4E2A model pool / '+modelPoolEndpointCount+' \u4E2A pool endpoint';  compiledProvidersTableBody.innerHTML=providers.length ? providers.map(provider=>'<tr>' +    '<td><code>'+esc(provider.name)+'</code><div class="muted">'+esc(provider.api_base_url || '-')+'</div></td>' +    '<td>'+esc(provider.transformer?.use?.[0] || '-')+'</td>' +    '<td>'+esc((provider.models || []).join(', ') || '-')+'</td>' +    '<td>'+esc(JSON.stringify(provider.transformer || {}))+'</td>' +    '<td>'+esc(provider.has_api_key ? 'configured' : 'missing')+'</td>' +  '</tr>').join('') : '<tr><td colspan="5" class="muted">No compiled providers</td></tr>';  compiledModelMapTableBody.innerHTML=modelMapEntries.length ? modelMapEntries.map(([modelId,item])=>'<tr>' +    '<td><code>'+esc(modelId)+'</code></td>' +    '<td><code>'+esc(item.providerName || '-')+'</code><div class="muted">'+esc(item.modelName || '-')+'</div></td>' +    '<td>'+esc(item.protocol || '-')+'</td>' +    '<td>'+esc(item.compatibilityProfile || '-')+'</td>' +    '<td>'+esc(item.dispatchFormat || '-')+'</td>' +    '<td><code>'+esc(JSON.stringify(item.thinking || { mode: 'off' }))+'</code></td>' +    '<td><code>'+esc(JSON.stringify(item.capabilities || {}))+'</code></td>' +    '<td>'+esc(item.source || '-')+'</td>' +  '</tr>').join('') : '<tr><td colspan="8" class="muted">No compiled model map</td></tr>';  compiledModelPoolsTableBody.innerHTML=modelPoolEntries.length ? modelPoolEntries.map(([modelId,pool])=>{    const endpoints=pool.endpoints || [];    return '<tr>' +      '<td><code>'+esc(modelId)+'</code></td>' +      '<td>'+esc(pool.strategy || '-')+'</td>' +      '<td><code>'+esc(pool.activeEndpointId || '-')+'</code></td>' +      '<td>'+endpoints.map(endpoint=>{ const latency=endpoint.health?.latency; return '<div><code>'+esc(endpoint.id)+'</code><span class="muted"> priority '+esc(endpoint.priority)+' / '+esc(endpoint.enabled ? 'enabled' : 'disabled')+' / '+esc(endpoint.health?.status || 'healthy')+(latency ? ' / avg '+esc(Math.round(latency.averageMs))+'ms' : '')+'</span><div class="muted">'+esc(endpoint.upstreamServiceId || endpoint.api || '-')+'</div></div>'; }).join('')+'</td>' +      '<td>'+((pool.warnings || []).length ? pool.warnings.map(w=>'<div class="warning-text">'+esc(w)+'</div>').join('') : '<span class="muted">-</span>')+'</td>' +    '</tr>';  }).join('') : '<tr><td colspan="5" class="muted">No compiled model pools</td></tr>';  if(data.diff){ renderCompiledDiff(data.diff); }  if(data.referenceImpact){ renderReferenceImpact(data.referenceImpact); }  renderConfigControlForms(currentDraftConfig);}async function loadConfigDraft(){  draftPreviewStatus.textContent='\u52A0\u8F7D\u5F53\u524D\u914D\u7F6E\u4E2D...';  const res=await fetch('/api/config');  const data=await res.json();  currentDraftConfig=data || {};  renderModelsForm(currentDraftConfig.Models || []);  renderConfigControlForms(currentDraftConfig);  draftRouterDefault.value=currentDraftConfig.Router?.default || '';  configDraftEditor.value=JSON.stringify(data,null,2);  renderDraftSummary(currentDraftConfig);  updateStatusSummary(currentDraftConfig);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(currentDraftConfig));  renderContextWindowGuide(withDraftCompiledData(currentDraftConfig));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u8F7D\u5165\u5F53\u524D\u914D\u7F6E\uFF0C\u53EF\u901A\u8FC7 Models \u8868\u5355\u6216 JSON \u8349\u7A3F\u7F16\u8F91';}async function previewConfigDraft(){  let payload;  try {    payload=buildDraftPayloadFromForm();    configDraftEditor.value=JSON.stringify(payload,null,2);  } catch (error) {    renderDraftValidation(['JSON parse error: '+error.message],[]);    renderCapabilityWarnings();    renderContextWindowGuide(lastCompiledModelsData);    renderDraftPreviewMeta();    draftPreviewStatus.textContent='\u8349\u7A3F\u89E3\u6790\u5931\u8D25\uFF1A'+error.message;    return;  }  draftPreviewStatus.textContent='\u9884\u89C8\u7F16\u8BD1\u7ED3\u679C\u4E2D...';  const res=await fetch('/api/models/compiled/preview',{    method:'POST',    headers:{'Content-Type':'application/json'},    body:JSON.stringify(payload)  });  const data=await res.json();  if(!res.ok){    draftPreviewStatus.textContent='\u9884\u89C8\u5931\u8D25\uFF1A'+((data.errors || []).join('; ') || data.message || 'unknown error');    renderDraftValidation(data.errors || [data.message || 'unknown error'], data.warnings || [], data.issueReport);    renderCapabilityWarnings(data.capabilityWarnings);    renderContextWindowGuide(withDraftCompiledData(payload));    renderCompiledDiff();    renderReferenceImpact(data.referenceImpact);    renderDraftPreviewMeta();    return;  }  renderDraftValidation([], data.warnings || [], data.issueReport);  renderCompiledModels(data);  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u9884\u89C8\u5B8C\u6210\uFF1A\u5DF2\u6309\u8349\u7A3F\u914D\u7F6E\u5237\u65B0 compiled models';}async function loadServiceStatus(){  serviceReadyStatus.textContent='checking';  try {    const [serviceRes,remoteRes]=await Promise.all([fetch('/api/service-info'),fetch('/api/remote-status')]);    const data=await serviceRes.json();    const remoteData=await remoteRes.json();    serviceReadyStatus.textContent=data.ready ? 'ready' : 'not ready';    servicePortStatus.textContent=data.port || '-';    serviceModeStatus.textContent=data.runtimeMode || '-';    serviceRoleStatus.textContent=data.serviceRole || '-';    renderRoleConnectionGuide(data);    const auth=data.auth || {};    const managed=auth.managedKeys || {};    const quota=auth.quota || {};    const quotaText=Number.isFinite(quota.requestsUsed) ? (' \xB7 quota '+quota.requestsUsed+' req'+(quota.windowResetAt ? ' \xB7 reset '+String(quota.windowResetAt).replace('T',' ').replace('.000Z','Z') : '')) : '';    authStatusSummary.textContent=auth.required ? ((auth.bootstrapConfigured ? 'bootstrap' : 'managed')+' \xB7 '+(managed.active ?? 0)+' active'+quotaText) : 'not configured';    renderAuthQuotaTable(quota);    const security=data.security || {};    const issues=Array.isArray(security.issues) ? security.issues : [];    securityStatusSummary.textContent=security.status || '-';    securitySummary.className='alert '+((security.status === 'critical') ? 'critical' : (security.status === 'warning' ? 'warn' : 'info'));    securitySummary.innerHTML='<strong>Security: '+esc(security.status || '-')+'</strong><div>'+esc(issues[0]?.message || '\u5F53\u524D\u670D\u52A1\u672A\u53D1\u73B0\u660E\u663E\u9274\u6743\u66B4\u9732\u98CE\u9669')+'</div>'+ (issues.length ? '<ul class="mini-list">'+issues.map(issue=>'<li>'+esc(issue.action || issue.code)+'</li>').join('')+'</ul>' : '');    const registration=data.registration || {};    registrationStatusSummary.textContent=registration.enabled ? ((registration.models ?? 0)+' models / '+(registration.upstreamServices ?? 0)+' upstream') : 'disabled';    const remote=remoteData.remote || {};    remoteStatusSummary.textContent=remote.enabled ? ((remote.ready ? 'ready' : (remote.reachable ? 'reachable' : 'unreachable'))+' \xB7 '+(remote.baseUrl || '-')) : 'disabled';    const remoteRegistration=remoteData.remoteRegistration || {};    const remoteRegistrationSummary=remoteRegistration.summary || {};    remoteRegistrationStatusSummary.textContent=remoteRegistration.enabled ? (remoteRegistration.available ? (remoteRegistration.registrationEnabled ? ((remoteRegistrationSummary.models ?? 0)+' remote models / '+(remoteRegistrationSummary.upstreamServices ?? 0)+' upstream') : 'remote registration disabled') : ('unavailable \xB7 '+(remoteRegistration.error || remoteRegistration.baseUrl || '-'))) : 'disabled';    if(remoteData.compiledModels){ modelCountStatus.textContent=remoteData.compiledModels.modelCount ?? modelCountStatus.textContent; }    try { await loadModelPoolHealth(); } catch (_poolError) { modelPoolHealthSummary.className='alert warn'; modelPoolHealthSummary.innerHTML='<strong>Pool health unavailable</strong><div class="muted">\u65E0\u6CD5\u52A0\u8F7D\u6A21\u578B\u6C60\u5065\u5EB7\u72B6\u6001</div>'; }  } catch (_error) {    serviceReadyStatus.textContent='unreachable';    remoteStatusSummary.textContent='unknown';    securityStatusSummary.textContent='unknown';    modelPoolHealthSummary.className='alert warn';    modelPoolHealthSummary.innerHTML='<strong>Pool health unavailable</strong><div class="muted">\u65E0\u6CD5\u52A0\u8F7D\u6A21\u578B\u6C60\u5065\u5EB7\u72B6\u6001</div>';  }}async function saveConfigDraft(){  let payload;  try {    payload=buildDraftPayloadFromForm();    configDraftEditor.value=JSON.stringify(payload,null,2);  } catch (error) {    renderDraftValidation(['JSON parse error: '+error.message],[]);    renderCapabilityWarnings();    renderContextWindowGuide(lastCompiledModelsData);    draftPreviewStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+error.message;    return;  }  draftPreviewStatus.textContent='\u4FDD\u5B58\u914D\u7F6E\u4E2D...';  const res=await fetch('/api/config',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });  const data=await res.json();  renderDraftValidation(data.errors || [], data.warnings || [], data.issueReport);  if(!res.ok){    draftPreviewStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+((data.errors || []).join('; ') || data.message || 'unknown error');    return;  }  currentDraftConfig=payload;  await loadCompiledModels();  draftPreviewStatus.textContent='\u5DF2\u4FDD\u5B58\u914D\u7F6E'+((data.warnings || []).length ? ('\uFF08\u542B '+data.warnings.length+' \u6761 warning\uFF09') : '');}function addDraftModel(){  const nextModels=extractModelsFromForm();  nextModels.push(createDraftModelFromTemplate(defaultProviderTemplateKey));  renderModelsForm(nextModels);  syncDraftEditorFromForm();}function addTriggerRule(){ const next=extractTriggerRulesFromForm(); next.push({ name:'', enabled:true, priority:10, model:'', patterns:[{ type:'exact', keywords:[] }] }); renderTriggerRulesList(next); syncDraftEditorFromForm(); }function addTriggerPattern(ruleIndex){ const next=extractTriggerRulesFromForm(); if(!next[ruleIndex]){ return; } next[ruleIndex].patterns = Array.isArray(next[ruleIndex].patterns) ? next[ruleIndex].patterns : []; next[ruleIndex].patterns.push({ type:'exact', keywords:[] }); renderTriggerRulesList(next); syncDraftEditorFromForm(); }function addTriggerKeyword(ruleIndex,patternIndex){ const next=extractTriggerRulesFromForm(); if(!next[ruleIndex] || !next[ruleIndex].patterns || !next[ruleIndex].patterns[patternIndex]){ return; } const pattern=next[ruleIndex].patterns[patternIndex]; pattern.keywords=Array.isArray(pattern.keywords) ? pattern.keywords : []; pattern.keywords.push(''); renderTriggerRulesList(next); syncDraftEditorFromForm(); }function addSmartCandidate(){ const next=extractSmartCandidatesFromForm(); next.push({ model:'', description:'' }); renderSmartCandidatesList(next); syncDraftEditorFromForm(); }function addSmartCandidateSuggestion(modelId,description){ const id=String(modelId || '').trim(); if(!id){ return; } const next=extractSmartCandidatesFromForm(); if(!next.some(item=>item.model===id)){ next.push({ model:id, description:description || 'guided candidate' }); } renderSmartCandidatesList(next); syncDraftEditorFromForm(); renderSmartCandidateGuide(withDraftCompiledData(currentDraftConfig), { candidates: next.map((item,index)=>({ order:index+1, description:item.description, model:{ ref:item.model, status:'resolved' } })) }); }function addCascadeLevel(){ const next=extractCascadeLevelsFromForm(); next.push({ from:'', to:'' }); renderCascadeLevelsList(next); syncDraftEditorFromForm(); }modelsFormGrid.addEventListener('input',()=>syncDraftEditorFromForm());modelsFormGrid.addEventListener('change',()=>syncDraftEditorFromForm());modelsFormGrid.addEventListener('click',(e)=>{ const applyBtn=e.target.closest('button[data-apply-template]'); if(applyBtn){ const applyIndex=Number(applyBtn.dataset.applyTemplate); applyProviderTemplate(applyIndex); syncDraftEditorFromForm(); return; } const btn=e.target.closest('button[data-remove-model]'); if(!btn){ return; } const removeIndex=Number(btn.dataset.removeModel); const nextModels=extractModelsFromForm().filter((_,index)=>index!==removeIndex); renderModelsForm(nextModels); syncDraftEditorFromForm(); });triggerRulesList.addEventListener('input',()=>syncDraftEditorFromForm());triggerRulesList.addEventListener('change',()=>syncDraftEditorFromForm());triggerRulesList.addEventListener('click',(e)=>{ const addKeywordBtn=e.target.closest('button[data-add-trigger-keyword]'); if(addKeywordBtn){ addTriggerKeyword(Number(addKeywordBtn.dataset.addTriggerKeyword), Number(addKeywordBtn.dataset.patternIndex)); return; } const removeKeywordBtn=e.target.closest('button[data-remove-trigger-keyword]'); if(removeKeywordBtn){ const ruleIndex=Number(removeKeywordBtn.dataset.removeTriggerKeyword); const patternIndex=Number(removeKeywordBtn.dataset.patternIndex); const keywordIndex=Number(removeKeywordBtn.dataset.keywordIndex); const next=extractTriggerRulesFromForm(); if(next[ruleIndex] && next[ruleIndex].patterns && next[ruleIndex].patterns[patternIndex]){ const pattern=next[ruleIndex].patterns[patternIndex]; pattern.keywords=(pattern.keywords || []).filter((_,index)=>index!==keywordIndex); if(!pattern.keywords.length){ pattern.keywords=['']; } renderTriggerRulesList(next); syncDraftEditorFromForm(); } return; } const addBtn=e.target.closest('button[data-add-trigger-pattern]'); if(addBtn){ addTriggerPattern(Number(addBtn.dataset.addTriggerPattern)); return; } const removePatternBtn=e.target.closest('button[data-remove-trigger-pattern]'); if(removePatternBtn){ const ruleIndex=Number(removePatternBtn.dataset.removeTriggerPattern); const patternIndex=Number(removePatternBtn.dataset.patternIndex); const next=extractTriggerRulesFromForm(); if(next[ruleIndex]){ next[ruleIndex].patterns=(next[ruleIndex].patterns || []).filter((_,index)=>index!==patternIndex); if(!next[ruleIndex].patterns.length){ next[ruleIndex].patterns=[{ type:'exact', keywords:[] }]; } renderTriggerRulesList(next); syncDraftEditorFromForm(); } return; } const btn=e.target.closest('button[data-remove-trigger-rule]'); if(!btn){ return; } const next=extractTriggerRulesFromForm().filter((_,index)=>index!==Number(btn.dataset.removeTriggerRule)); renderTriggerRulesList(next); syncDraftEditorFromForm(); });smartCandidatesList.addEventListener('input',()=>syncDraftEditorFromForm());smartCandidatesList.addEventListener('change',()=>syncDraftEditorFromForm());smartCandidatesList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-remove-smart-candidate]'); if(!btn){ return; } const next=extractSmartCandidatesFromForm().filter((_,index)=>index!==Number(btn.dataset.removeSmartCandidate)); renderSmartCandidatesList(next); syncDraftEditorFromForm(); });smartCandidateGuide.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-add-smart-candidate-suggestion]'); if(!btn){ return; } addSmartCandidateSuggestion(btn.dataset.addSmartCandidateSuggestion, btn.dataset.description); });governanceCascadeLevelsList.addEventListener('input',()=>syncDraftEditorFromForm());governanceCascadeLevelsList.addEventListener('change',()=>syncDraftEditorFromForm());governanceCascadeLevelsList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-remove-cascade-level]'); if(!btn){ return; } const next=extractCascadeLevelsFromForm().filter((_,index)=>index!==Number(btn.dataset.removeCascadeLevel)); renderCascadeLevelsList(next); syncDraftEditorFromForm(); });referenceImpactTableBody.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-apply-reference-path]'); if(!btn){ return; } applyReferenceSuggestion(btn.dataset.applyReferencePath, btn.dataset.applyReferenceModel); });draftValidationList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-validation-path]'); if(!btn){ return; } jumpToValidationPath(btn.dataset.validationPath); });capabilityWarningsList.addEventListener('click',(e)=>{ const applyBtn=e.target.closest('button[data-apply-warning-path]'); if(applyBtn){ applyCapabilityWarningSuggestion(applyBtn.dataset.applyWarningPath, applyBtn.dataset.applyWarningCode); return; } const btn=e.target.closest('button[data-validation-path]'); if(!btn){ return; } jumpToValidationPath(btn.dataset.validationPath); });contextWindowGuide.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-context-action]'); if(!btn){ return; } applyContextWindowAction(btn.dataset.contextAction, btn.dataset.modelId); });healthSummary.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-health-action]'); if(btn){ applyHealthAction(btn.dataset.healthAction); } });draftRouterDefault.addEventListener('input',syncDraftEditorFromForm);[triggerEnabled,triggerIntentEnabled,triggerAnalysisScope,triggerIntentModel,smartEnabled,smartRouterModel,smartFallback,smartCacheTtl,smartMaxTokens,governanceEnabled,governanceAlignmentEnabled,governanceSummarizerModel,governanceSemanticEnabled,governanceClassifierModel,governanceShadowEnabled,governanceVerifierModel].forEach(el=>{ el.addEventListener('input',syncDraftEditorFromForm); el.addEventListener('change',syncDraftEditorFromForm); });surfaceTabs.forEach((tab)=>tab.addEventListener('click',()=>setActiveSurface(tab.dataset.surfaceTarget || 'user')));setActiveSurface('user');function renderMetrics(metrics,health,outcome){  metricsGrid.innerHTML=[    ['Health', health?.status || 'idle'],     ['Recent traces', metrics.totalTraces ?? 0],    ['Sticky hit rate', pct(metrics.stickyHitRate)],    ['Cascade rate', pct(metrics.cascadeTriggeredRate)],    ['Shadow rate', pct(metrics.shadowCheckedRate)],    ['Alignment rate', pct(metrics.alignmentUsedRate)],    ['Model switch rate', pct(outcome?.modelSwitchRate)],    ['Alignment on switch', pct(outcome?.alignmentOnSwitchRate)],    ['Context fallback', pct(outcome?.contextWindowFallbackRate)],    ['Context exceeded', pct(outcome?.contextWindowExceededRate)],    ['Avg latency', fmt(metrics.averageLatencyMs)+' ms']  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');}function buildPresetPayload(presetName){  const preset=draftPresets[presetName];  if(!preset){ return null; }  const overwriteMode=draftPresetMode.value === 'replace';  const payload=buildDraftPayloadFromForm();  if(overwriteMode){ delete payload.TriggerRouter; delete payload.SmartRouter; delete payload.Governance; }  if(preset.routerDefault){ payload.Router={ ...(payload.Router || {}), default: resolvePresetModelId(preset.routerDefault) }; }  if(preset.triggerEnabled !== undefined || preset.triggerRules){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: preset.triggerEnabled !== undefined ? Boolean(preset.triggerEnabled) : Boolean(payload.SmartRouter?.enabled), analysis_scope: payload.SmartRouter?.analysis_scope || 'last_message', router_model: payload.SmartRouter?.router_model || '', fallback: payload.SmartRouter?.fallback || 'default', candidates: payload.SmartRouter?.candidates || [], cache_ttl: payload.SmartRouter?.cache_ttl, max_tokens: payload.SmartRouter?.max_tokens, rules: preset.triggerRules ? preset.triggerRules.map(rule=>({ ...rule, model: resolvePresetModelId(rule.model) })) : (payload.SmartRouter?.rules || []) }; delete payload.TriggerRouter; }  if(preset.smartEnabled !== undefined || preset.smartCandidates){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: preset.smartEnabled !== undefined ? Boolean(preset.smartEnabled) : Boolean(payload.SmartRouter?.enabled), router_model: payload.SmartRouter?.router_model || '', fallback: payload.SmartRouter?.fallback || 'default', candidates: preset.smartCandidates ? preset.smartCandidates.map(item=>({ ...item, model: resolvePresetModelId(item.model) })) : (payload.SmartRouter?.candidates || []), cache_ttl: payload.SmartRouter?.cache_ttl, max_tokens: payload.SmartRouter?.max_tokens, rules: payload.SmartRouter?.rules || [] }; }  if(preset.governanceEnabled !== undefined || preset.governanceAlignmentEnabled !== undefined || preset.governanceSemanticEnabled !== undefined || preset.governanceShadowEnabled !== undefined || preset.governanceSummarizerModel !== undefined || preset.governanceClassifierModel !== undefined || preset.governanceVerifierModel !== undefined){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: payload.SmartRouter?.enabled !== undefined ? Boolean(payload.SmartRouter?.enabled) : Boolean(preset.governanceEnabled), sticky:{ ...((payload.SmartRouter && payload.SmartRouter.sticky) || {}), enabled: preset.governanceAlignmentEnabled !== undefined ? Boolean(preset.governanceAlignmentEnabled) : Boolean(payload.SmartRouter?.sticky?.enabled), alignment:{ ...(((payload.SmartRouter && payload.SmartRouter.sticky && payload.SmartRouter.sticky.alignment) || {})), enabled: preset.governanceAlignmentEnabled !== undefined ? Boolean(preset.governanceAlignmentEnabled) : Boolean(payload.SmartRouter?.sticky?.alignment?.enabled), summarizer_model: preset.governanceSummarizerModel !== undefined ? resolvePresetModelId(preset.governanceSummarizerModel) : (payload.SmartRouter?.sticky?.alignment?.summarizer_model || '') } }, semantic:{ ...((payload.SmartRouter && payload.SmartRouter.semantic) || {}), enabled: preset.governanceSemanticEnabled !== undefined ? Boolean(preset.governanceSemanticEnabled) : Boolean(payload.SmartRouter?.semantic?.enabled), mode:(payload.SmartRouter?.semantic?.mode || 'classifier'), classifier_model: preset.governanceClassifierModel !== undefined ? resolvePresetModelId(preset.governanceClassifierModel) : (payload.SmartRouter?.semantic?.classifier_model || '') } }; payload.Governance={ ...(payload.Governance || {}), enabled: preset.governanceEnabled !== undefined ? Boolean(preset.governanceEnabled) : Boolean(payload.Governance?.enabled), shadow:{ ...((payload.Governance && payload.Governance.shadow) || {}), enabled: preset.governanceShadowEnabled !== undefined ? Boolean(preset.governanceShadowEnabled) : Boolean(payload.Governance?.shadow?.enabled), verifier_model: preset.governanceVerifierModel !== undefined ? resolvePresetModelId(preset.governanceVerifierModel) : (payload.Governance?.shadow?.verifier_model || '') } }; }  return payload;}function applyDraftPreset(presetName){  const payload=buildPresetPayload(presetName);  if(!payload){ return; }  currentDraftConfig=payload;  renderModelsForm(payload.Models || []);  renderConfigControlForms(payload);  draftRouterDefault.value=payload.Router?.default || '';  configDraftEditor.value=JSON.stringify(payload,null,2);  renderDraftSummary(payload);  renderDraftValidation([],[]);  renderCapabilityWarnings();  renderRouterSlotExplanation(withDraftCompiledData(payload));  renderContextWindowGuide(withDraftCompiledData(payload));  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5E94\u7528\u9884\u8BBE\uFF1A'+presetName+'\uFF08'+(draftPresetMode.value === 'replace' ? 'overwrite' : 'append / merge')+'\uFF09';}async function previewDraftPreset(presetName){  const payload=buildPresetPayload(presetName);  if(!payload){ return; }  const preset=draftPresets[presetName];  const modeLabel=draftPresetMode.value === 'replace' ? 'overwrite' : 'append / merge';  renderDraftPreviewMeta({ title:'Preset dry-run', description:(preset?.label || presetName)+' \u4EC5\u9884\u89C8\uFF0C\u4E0D\u4F1A\u5199\u56DE\u5F53\u524D\u8349\u7A3F\u3002', affects:preset?.affects || [], actualAffects:[], mode:modeLabel });  draftPreviewStatus.textContent='\u9884\u89C8\u9884\u8BBE\u4E2D\uFF1A'+presetName;  const res=await fetch('/api/models/compiled/preview',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });  const data=await res.json();  if(!res.ok){ renderDraftValidation(data.errors || [data.message || 'unknown error'], data.warnings || [], data.issueReport); renderCapabilityWarnings(data.capabilityWarnings); renderCompiledDiff(); renderReferenceImpact(data.referenceImpact); renderDraftPreviewMeta({ title:'Preset dry-run', description:(preset?.label || presetName)+' \u9884\u89C8\u5931\u8D25\uFF0C\u4EE5\u4E0B\u4E3A\u5F53\u524D\u9884\u89C8\u5C1D\u8BD5\u547D\u4E2D\u7684\u533A\u57DF\u3002', affects:preset?.affects || [], actualAffects:deriveActualAffectedAreas(data), mode:modeLabel }); draftPreviewStatus.textContent='\u9884\u8BBE\u9884\u89C8\u5931\u8D25\uFF1A'+((data.errors || []).join('; ') || data.message || 'unknown error'); return; }  renderDraftValidation([], data.warnings || [], data.issueReport);  renderCompiledModels(data);  renderDraftPreviewMeta({ title:'Preset dry-run', description:(preset?.label || presetName)+' \u4EC5\u9884\u89C8\uFF0C\u4E0D\u4F1A\u5199\u56DE\u5F53\u524D\u8349\u7A3F\u3002', affects:preset?.affects || [], actualAffects:deriveActualAffectedAreas(data), mode:modeLabel });  draftPreviewStatus.textContent='\u5DF2\u9884\u89C8\u9884\u8BBE\uFF1A'+presetName+'\uFF08\u672A\u5199\u56DE\u8349\u7A3F\uFF09';}function renderRanking(target,entries,emptyLabel){  if(!entries || !entries.length){ target.innerHTML='<li><span class="muted">'+esc(emptyLabel)+'</span><strong>0</strong></li>'; return; }  target.innerHTML=entries.map(item=>'<li><span><code>'+esc(item.key)+'</code></span><strong>'+esc(item.count)+' \xB7 '+esc(pct(item.rate))+'</strong></li>').join('');}function renderOutcomeGroups(target,entries,emptyLabel){  if(!entries || !entries.length){ target.innerHTML='<li><span class="muted">'+esc(emptyLabel)+'</span><strong>0</strong></li>'; return; }  target.innerHTML=entries.map(item=>'<li><span><code>'+esc(item.key)+'</code><span class="muted"> \xB7 '+esc(item.totalTraces)+' traces</span></span><strong>switch '+esc(pct(item.modelSwitchRate))+' \xB7 align '+esc(pct(item.alignmentOnSwitchRate))+' \xB7 cascade '+esc(pct(item.cascadeAfterSwitchRate))+' \xB7 '+esc(fmt(item.averageLatencyMs))+' ms</strong></li>').join('');}function renderRoutingTuning(items){  if(!items || !items.length){ routingTuningList.innerHTML='<li><span class="muted">No routing tuning recommendations</span><strong>healthy</strong></li>'; return; }  routingTuningList.innerHTML=items.map(item=>{    const suggestions=Array.isArray(item.configSuggestions) ? item.configSuggestions : [];    const suggestionHtml=suggestions.length ? '<div class="muted">config: '+suggestions.map(s=>'<code>'+esc(s.path || '-')+'</code>'+(s.suggestedValue !== undefined ? ' = '+esc(s.suggestedValue) : '')+' \u2014 '+esc(s.reason || '')).join('<br>')+'</div>' : '';    return '<li><span><span class="pill '+esc(item.severity === 'critical' ? 'critical' : (item.severity === 'warn' ? 'warn' : 'info'))+'">'+esc(item.severity || 'info')+'</span> <strong>'+esc(item.code || '-')+'</strong><div class="muted">'+esc(item.message || '')+'</div><div class="muted">'+esc(item.evidence || '')+'</div>'+suggestionHtml+'</span><strong>'+esc(item.action || '')+'</strong></li>';  }).join('');}function renderQualityEvidence(summary){  const items=summary?.samples || [];  qualityEvidenceSummary.innerHTML=[['Samples',summary?.totalSamples || 0],['Risk',summary?.failureSamples || 0],['Improvement',summary?.improvementSamples || 0],['Speed risk',summary?.speedRiskSamples || 0]].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  if(!items.length){ qualityEvidenceList.innerHTML='<li><span class="muted">No quality evidence samples</span><strong>0</strong></li>'; return; }  qualityEvidenceList.innerHTML=items.map(item=>'<li><span><span class="pill '+esc(item.severity === 'critical' ? 'critical' : (item.severity === 'warn' ? 'warn' : 'info'))+'">'+esc(item.severity || 'info')+'</span> <strong>'+esc(item.type || '-')+'</strong><div class="muted">'+esc(item.requestId || '')+' \xB7 '+esc((item.routeReason || []).join(' / '))+'</div><div class="muted">'+esc(item.evidence || '')+'</div></span><strong>'+esc(item.action || '')+'</strong></li>').join('');}function renderTaskComparison(summary){  const items=summary?.comparisons || [];  taskComparisonSummary.innerHTML=[['Tasks',summary?.totalComparedTasks || 0],['Traces',summary?.totalComparedTraces || 0]].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  if(!items.length){ taskComparisonList.innerHTML='<li><span class="muted">No comparable task samples</span><strong>0</strong></li>'; return; }  taskComparisonList.innerHTML=items.map(item=>'<li><span><strong>'+esc(item.taskKey || '-')+'</strong><div class="muted">best '+esc(item.bestModel || '-')+' \xB7 baseline '+esc(item.baselineModel || '-')+' \xB7 fastest '+esc(item.fastestModel || '-')+'</div><div class="muted">failure lift '+esc(pct(item.failureRateDelta || 0))+' \xB7 latency lift '+esc(fmt(item.latencyDeltaMs || 0))+' ms \xB7 models '+esc(item.modelCount || 0)+'</div></span><strong>'+esc(item.totalTraces || 0)+' traces</strong></li>').join('');}function renderBenchmarkSummary(taskComparison,qualityEvidence){  const bestQuality=taskComparison?.bestQualityLiftTask;  const bestSpeed=taskComparison?.bestSpeedLiftTask;  benchmarkSummary.innerHTML=[    ['Comparable tasks',taskComparison?.totalComparedTasks || 0],    ['Evidence samples',qualityEvidence?.totalSamples || 0],    ['Best quality lift',bestQuality ? pct(bestQuality.failureRateDelta || 0) : '-'],    ['Best speed lift',bestSpeed ? (fmt(bestSpeed.latencyDeltaMs || 0)+' ms') : '-']  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  const actions=[];  if((taskComparison?.totalComparedTasks || 0)===0){ actions.push(['Collect comparable traces','Send the same task class through at least two final models, then refresh metrics.']); }  if((qualityEvidence?.totalSamples || 0)===0){ actions.push(['Collect quality evidence','Enable cascade, shadow, context-window or model-pool signals so routing wins and risks become visible.']); }  actions.push(['Run fixed benchmark','ctr eval --tasks && ctr eval --run --models "sonnet;haiku" --json']);  actions.push(['Add calibration','Attach humanScore or judgeScore to ctr eval input results before treating rubric scores as release evidence.']);  benchmarkActionList.innerHTML=actions.map(([title,detail])=>'<li><span><strong>'+esc(title)+'</strong><div class="muted">'+esc(detail)+'</div></span><strong>benchmark</strong></li>').join('');}function signed(v,digits){ const n=Number(v || 0); return (n>0?'+':'')+n.toFixed(digits ?? 2); }function renderBenchmarkHistory(data){  const summary=data?.summary || {};  const latest=summary.latest || null;  const trends=summary.trends || {};  const alignment=data?.traceAlignment || {};  const traceTasks=alignment.taskComparison?.totalComparedTasks || 0;  benchmarkHistoryFile.textContent=data?.historyFile || 'benchmark-history.json';  benchmarkHistorySummary.innerHTML=[    ['Entries',summary.totalEntries || 0],    ['Quality',latest ? fmt(latest.averageQualityScore) : '-'],    ['Trace tasks',traceTasks],    ['Latency',latest ? (fmt(latest.averageLatencyMs)+' ms') : '-']  ].map(([label,value])=>'<div class="stat"><span class="muted">'+esc(label)+'</span><strong>'+esc(value)+'</strong></div>').join('');  if(!latest){ benchmarkHistoryList.innerHTML='<li><span class="muted">No saved benchmark history</span><strong>0</strong></li>'; return; }  const entries=Array.isArray(summary.entries) ? summary.entries.slice(-5).reverse() : [];  const rows=entries.map(entry=>'<li><span><strong>'+esc(entry.label || entry.id || '-')+'</strong><div class="muted">'+esc(entry.createdAt || '-')+' \xB7 '+esc(entry.source || '-')+' \xB7 runs '+esc(entry.evaluatedRuns || 0)+'/'+esc(entry.totalRuns || entry.evaluatedRuns || 0)+'</div><div class="muted">pass '+esc(pct(entry.passRate || 0))+' \xB7 quality '+esc(fmt(entry.averageQualityScore || 0))+' \xB7 calibration '+esc(fmt(entry.averageCalibrationScore || 0))+'</div></span><strong>'+esc(fmt(entry.averageLatencyMs || 0))+' ms</strong></li>');  const modelRows=(summary.topModels || []).map(model=>'<li><span><strong>'+esc(model.model || '-')+'</strong><div class="muted">quality '+esc(fmt(model.averageQualityScore || 0))+' \xB7 pass '+esc(pct(model.passRate || 0))+' \xB7 latency '+esc(fmt(model.averageLatencyMs || 0))+' ms</div></span><strong>top</strong></li>');  const alignmentRows=[ '<li><span><strong>Trace alignment</strong><div class="muted">task comparison '+esc(traceTasks)+' \xB7 quality evidence '+esc(alignment.qualityEvidence?.totalSamples || 0)+' \xB7 quality trend '+esc(summary.previous ? signed(trends.qualityDelta || 0,2) : 'waiting')+'</div></span><strong>trace</strong></li>' ];  benchmarkHistoryList.innerHTML=[...rows,...modelRows,...alignmentRows].join('') || '<li><span class="muted">No saved benchmark history</span><strong>0</strong></li>';}async function loadBenchmarkHistory(){  const res=await fetch('/api/benchmark/history');  renderBenchmarkHistory(await res.json());}async function saveBenchmarkCalibration(){  benchmarkCalibrationStatus.textContent='\u4FDD\u5B58\u6821\u51C6\u4E2D...';  const payload={    taskId:document.getElementById('calibrationTaskId').value.trim(),    model:document.getElementById('calibrationModel').value.trim(),    humanScore:document.getElementById('calibrationHumanScore').value.trim() ? Number(document.getElementById('calibrationHumanScore').value.trim()) : undefined,    latencyMs:document.getElementById('calibrationLatencyMs').value.trim() ? Number(document.getElementById('calibrationLatencyMs').value.trim()) : undefined,    output:document.getElementById('calibrationOutput').value,    calibrationNotes:document.getElementById('calibrationNotes').value,    label:'ui-calibration'  };  const res=await fetch('/api/benchmark/calibration',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });  const data=await res.json();  if(!res.ok){ benchmarkCalibrationStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+(data.message || 'unknown error'); return; }  benchmarkCalibrationStatus.textContent='\u5DF2\u4FDD\u5B58\u6821\u51C6\uFF1A'+(data.entry?.id || 'benchmark history');  renderBenchmarkHistory({ historyFile:data.historyFile, summary:data.summary });}function renderRouteDecisionSummaries(items){  const decisions=Array.isArray(items) ? items.slice(0,5) : [];  if(!decisions.length){ routeDecisionSummaryList.innerHTML='<li><span class="muted">No recent route decisions</span><strong>0</strong></li>'; return; }  routeDecisionSummaryList.innerHTML=decisions.map(item=>{    const meta=[item.sourceLabel || item.source || '-', item.ruleName ? ('rule '+item.ruleName) : '', item.semanticIntent ? ('intent '+item.semanticIntent) : '', item.confidenceLabel || '', item.latencyMs !== undefined ? (fmt(item.latencyMs)+' ms') : ''].filter(Boolean).join(' \xB7 ');    const fallback=item.fallbackReason ? '<div class="muted">fallback: '+esc(item.fallbackReason)+'</div>' : '';    return '<li><span><strong>'+esc(item.headline || item.requestId || '-')+'</strong><div class="muted">'+esc(meta)+'</div>'+fallback+'</span><button type="button" data-request="'+esc(item.requestId || '')+'">View</button></li>';  }).join('');}function renderSwitchContinuitySummaries(items){  const summaries=Array.isArray(items) ? items.slice(0,5) : [];  if(!summaries.length){ switchContinuitySummaryList.innerHTML='<li><span class="muted">No recent switch continuity</span><strong>0</strong></li>'; return; }  switchContinuitySummaryList.innerHTML=summaries.map(item=>{    const cls=item.status === 'critical' ? 'critical' : (item.status === 'watch' ? 'warn' : 'info');    const meta=[item.transition || (item.finalModel || '-'), item.sourceLabel || item.source || '-', item.alignmentUsed ? 'aligned' : '', item.cascadeTriggered ? 'cascade' : '', item.latencyMs !== undefined ? (fmt(item.latencyMs)+' ms') : ''].filter(Boolean).join(' \xB7 ');    const action=item.action ? '<div class="muted">'+esc(item.action)+'</div>' : '';    return '<li><span><span class="pill '+esc(cls)+'">'+esc(item.status || 'unknown')+'</span> <strong>'+esc(item.headline || item.requestId || '-')+'</strong><div class="muted">'+esc(meta)+'</div>'+action+'</span><button type="button" data-request="'+esc(item.requestId || '')+'">View</button></li>';  }).join('');}function renderRouteHandoffSummaries(items){  const handoffs=Array.isArray(items) ? items.slice(0,5) : [];  if(!handoffs.length){ routeHandoffSummaryList.innerHTML='<li><span class="muted">No recent route handoff</span><strong>0</strong></li>'; return; }  routeHandoffSummaryList.innerHTML=handoffs.map(item=>{    const stages=Array.isArray(item.stages) ? item.stages.map(stage=>stage.stage+':'+stage.status).join(' \xB7 ') : '';    const status=item.blocked ? 'watch' : 'ok';    return '<li><span><strong>'+esc(item.headline || item.requestId || '-')+'</strong><div class="muted">'+esc(stages || item.action || '-')+'</div></span><button type="button" data-request="'+esc(item.requestId || '')+'">'+esc(status)+'</button></li>';  }).join('');}function renderAnomalies(anomalies,health){  const status=health?.status || 'idle';  const message=health?.message || 'No governance traces yet.';  const actions=Array.isArray(health?.actions) ? health.actions : [];  healthSummary.className='alert '+esc(status === 'critical' ? 'critical' : (status === 'watch' ? 'warn' : 'info'));  healthSummary.innerHTML='<strong>Health: '+esc(status)+'</strong><div>'+esc(message)+'</div>'+ (actions.length ? '<ul class="mini-list">'+actions.map(action=>'<li><button type="button" data-health-action="'+esc(action)+'">'+esc(action)+'</button></li>').join('')+'</ul>' : '');  if(!anomalies || !anomalies.length){ anomalyList.innerHTML='<div class="alert info"><strong>No active alerts</strong><div class="muted">\u5F53\u524D\u7A97\u53E3\u672A\u53D1\u73B0\u660E\u663E\u6CBB\u7406\u5F02\u5E38</div></div>'; return; }  anomalyList.innerHTML=anomalies.map(item=>'<div class="alert '+esc(item.severity || 'info')+'"><strong>'+esc(item.type)+'</strong><div>'+esc(item.message)+'</div></div>').join('');}function applyHealthAction(action){  const text=String(action || '').toLowerCase();  const routeReasonInput=document.getElementById('routeReason');  const cascadeSelect=document.getElementById('cascadeTriggered');  const shadowSelect=document.getElementById('shadowChecked');  if(text.includes('cascade')){ cascadeSelect.value='true'; shadowSelect.value=''; routeReasonInput.value=''; detailHint.textContent='Health action: filtered cascade traces'; }  else if(text.includes('shadow')){ shadowSelect.value='true'; cascadeSelect.value=''; routeReasonInput.value=''; detailHint.textContent='Health action: filtered shadow traces'; }  else { cascadeSelect.value=''; shadowSelect.value=''; routeReasonInput.value=''; detailHint.textContent='Health action: showing recent traces'; }  loadTraces();  document.getElementById('traceTable').scrollIntoView({ behavior:'smooth', block:'start' });}function renderBuckets(report){  const buckets=report.buckets || [];  const windowMs=Number(report.windowMs || 0);  bucketHint.textContent=windowMs ? ('\u6700\u8FD1 '+Math.round(windowMs / 60000)+' \u5206\u949F\uFF0C\u5171 '+(report.bucketCount || buckets.length || 0)+' \u6876') : '\u5F53\u524D\u672A\u542F\u7528\u65F6\u95F4\u7A97';  if(!buckets.length){ bucketGrid.innerHTML='<div class="stat"><span class="muted">No bucket data</span><strong>0</strong></div>'; return; }  bucketGrid.innerHTML=buckets.map(bucket=>    '<div class="stat">'+'<span class="muted">'+esc(shortTime(bucket.bucketStart))+' - '+esc(shortTime(bucket.bucketEnd))+'</span>'+'<strong>'+esc(bucket.metrics.totalTraces)+'</strong>'+'<div class="muted">sticky '+esc(pct(bucket.metrics.stickyHitRate))+' / cascade '+esc(pct(bucket.metrics.cascadeTriggeredRate))+'</div>'+'</div>').join('');}function renderTrendTable(report){  const buckets=report.buckets || [];  if(!buckets.length){ trendTableBody.innerHTML='<tr><td colspan="6" class="muted">No trend data</td></tr>'; return; }  trendTableBody.innerHTML=buckets.map(bucket=>'<tr>' +    '<td>'+esc(shortTime(bucket.bucketStart))+' - '+esc(shortTime(bucket.bucketEnd))+'</td>' +    '<td>'+esc(bucket.metrics.totalTraces)+'</td>' +    '<td>'+esc(pct(bucket.metrics.stickyHitRate))+'</td>' +    '<td>'+esc(pct(bucket.metrics.cascadeTriggeredRate))+'</td>' +    '<td>'+esc(pct(bucket.metrics.shadowCheckedRate))+'</td>' +    '<td>'+esc(pct(bucket.metrics.alignmentUsedRate))+'</td>' +  '</tr>').join('');}function renderExportHistory(data){  const exports=(data.exports || []);  const schedules=(data.schedules || []);  exportTableBody.innerHTML=exports.length ? exports.map(item=>'<tr><td><code>'+esc(item.id)+'</code></td><td>'+esc(item.kind)+'</td><td>'+esc(item.format)+'</td><td>'+esc(new Date(item.createdAt).toISOString())+'</td></tr>').join('') : '<tr><td colspan="4" class="muted">No exports yet</td></tr>';  scheduleTableBody.innerHTML=schedules.length ? schedules.map(item=>'<tr><td><code>'+esc(item.id)+'</code></td><td>'+esc(item.intervalMs)+' ms</td><td>'+esc(item.format)+'</td><td>'+esc(item.lastRunAt ? new Date(item.lastRunAt).toISOString() : '-')+'</td></tr>').join('') : '<tr><td colspan="4" class="muted">No schedules yet</td></tr>';}function renderArchives(data){  const archives=(data.archives || []);  archiveTableBody.innerHTML=archives.length ? archives.map(item=>'<tr><td><code>'+esc(item.file)+'</code></td><td>'+esc(item.startedAt ? new Date(item.startedAt).toISOString().slice(0,10) : '-')+' ~ '+esc(item.endedAt ? new Date(item.endedAt).toISOString().slice(0,10) : '-')+'</td><td>'+esc(item.traceCount)+'</td><td>'+esc(item.compressed ? 'yes' : 'no')+'</td></tr>').join('') : '<tr><td colspan="4" class="muted">No archives found</td></tr>';}async function loadCompiledModels(){  compiledModelsStatus.textContent='\u52A0\u8F7D compiled models \u4E2D...';  const res=await fetch('/api/models/compiled');  const data=await res.json();  renderDraftValidation([], data.warnings || [], data.issueReport);  renderCompiledModels(data);  renderCompiledDiff();  renderReferenceImpact();}async function loadTraces(){  const requestId=document.getElementById('requestId').value.trim();  const sessionKey=document.getElementById('sessionKey').value.trim();  const routeReason=document.getElementById('routeReason').value.trim();  const cascadeTriggered=document.getElementById('cascadeTriggered').value;  const shadowChecked=document.getElementById('shadowChecked').value;  const windowMs=document.getElementById('windowMs').value;  const minSampleSize=document.getElementById('minSampleSize').value.trim();  const cascadeWarnRate=document.getElementById('cascadeWarnRate').value.trim();  const shadowWarnRate=document.getElementById('shadowWarnRate').value.trim();  const latencyWarnMs=document.getElementById('latencyWarnMs').value.trim();  const limit=document.getElementById('limit').value.trim();  const params=new URLSearchParams();  if(requestId) params.set('requestId',requestId);  if(sessionKey) params.set('sessionKey',sessionKey);  if(routeReason) params.set('routeReason',routeReason);  if(cascadeTriggered) params.set('cascadeTriggered',cascadeTriggered);  if(shadowChecked) params.set('shadowChecked',shadowChecked);  if(windowMs) params.set('windowMs',windowMs);  if(minSampleSize) params.set('minSampleSize',minSampleSize);  if(cascadeWarnRate) params.set('cascadeWarnRate',cascadeWarnRate);  if(shadowWarnRate) params.set('shadowWarnRate',shadowWarnRate);  if(latencyWarnMs) params.set('latencyWarnMs',latencyWarnMs);  params.set('bucketCount','6');  if(limit) params.set('limit',limit);  tbody.innerHTML='<tr><td colspan="6" class="muted">\u52A0\u8F7D\u4E2D...</td></tr>';  const query=params.toString()?('?'+params.toString()):'';  const [traceRes,metricsRes,healthRes]=await Promise.all([    fetch('/api/governance/traces'+query),    fetch('/api/governance/metrics'+query),    fetch('/api/governance/health'+query)  ]);  const data=await traceRes.json();  const metricsData=await metricsRes.json();  const healthData=await healthRes.json();  const health=healthData.health || metricsData.health;  renderMetrics(metricsData.metrics || {},health,metricsData.outcome || {});  renderBuckets(metricsData || {});  renderAnomalies(metricsData.anomalies || [],health);  renderRoutingTuning(health?.routingTuning || []);  renderQualityEvidence(metricsData.qualityEvidence || {});  renderTaskComparison(metricsData.taskComparison || {});  renderBenchmarkSummary(metricsData.taskComparison || {},metricsData.qualityEvidence || {});  renderRanking(routeRanking,metricsData.topRouteReasons || [],'No routes');  renderRanking(modelRanking,metricsData.topFinalModels || [],'No models');  renderRanking(intentRanking,metricsData.topSemanticIntents || [],'No intents');  renderOutcomeGroups(routeOutcomeRanking,metricsData.outcome?.byRouteReason || [],'No route outcomes');  renderOutcomeGroups(modelOutcomeRanking,metricsData.outcome?.byFinalModel || [],'No model outcomes');  renderOutcomeGroups(intentOutcomeRanking,metricsData.outcome?.bySemanticIntent || [],'No intent outcomes');  renderTrendTable(metricsData || {});  const traces=data.traces || [];  renderRouteDecisionSummaries(data.routeDecisions || traces.map(t=>t.decisionSummary).filter(Boolean));  renderSwitchContinuitySummaries(data.switchContinuity || traces.map(t=>t.switchSummary).filter(Boolean));  renderRouteHandoffSummaries(data.routeHandoffs || traces.map(t=>t.handoffSummary ? { requestId:t.requestId, sessionKey:t.sessionKey, ...t.handoffSummary } : null).filter(Boolean));  if(!traces.length){ tbody.innerHTML='<tr><td colspan="6" class="muted">\u6682\u65E0 trace</td></tr>'; return; }  tbody.innerHTML=traces.map(t=>    \`<tr>\`+      \`<td><code>\${esc(t.requestId)}</code></td>\`+      \`<td>\${t.sessionKey ? \`<span class="pill">\${esc(t.sessionKey)}</span>\` : '<span class="muted">-</span>'}</td>\`+      \`<td><code>\${esc(t.finalModel || '')}</code></td>\`+      \`<td>\${(t.routeReason || []).map(r=>\`<span class="pill">\${esc(r)}</span>\`).join(' ')}</td>\`+      \`<td>\${esc(t.latencyMs ?? '')}</td>\`+      \`<td><button data-request="\${esc(t.requestId)}">View</button></td>\`+    \`</tr>\`  ).join('');}async function loadDetail(requestId){  const res=await fetch('/api/governance/traces/'+encodeURIComponent(requestId));  const data=await res.json();  detailHint.textContent='\u5F53\u524D\u67E5\u770B\uFF1A'+requestId;  detail.textContent=JSON.stringify(data,null,2);}async function loadExports(){  const res=await fetch('/api/governance/metrics/exports');  renderExportHistory(await res.json());}async function createSnapshot(){  snapshotStatus.textContent='\u521B\u5EFA\u5FEB\u7167\u4E2D...';  const res=await fetch('/api/governance/metrics/snapshots',{    method:'POST',    headers:{'Content-Type':'application/json'},    body:JSON.stringify({ format: document.getElementById('snapshotFormat').value, windowMs: Number(document.getElementById('windowMs').value || 0) || undefined })  });  const data=await res.json();  snapshotStatus.textContent=res.ok ? ('\u5DF2\u521B\u5EFA\uFF1A'+data.export.id) : ('\u521B\u5EFA\u5931\u8D25\uFF1A'+(data.message || 'unknown error'));  if(res.ok) await loadExports();}async function loadArchives(){  archiveStatus.textContent='\u52A0\u8F7D\u5F52\u6863\u4E2D...';  const params=new URLSearchParams();  const archiveDate=document.getElementById('archiveDate').value.trim();  const archivePage=document.getElementById('archivePage').value.trim();  const archivePageSize=document.getElementById('archivePageSize').value.trim();  if(archiveDate) params.set('date',archiveDate);  if(archivePage) params.set('page',archivePage);  if(archivePageSize) params.set('pageSize',archivePageSize);  const res=await fetch('/api/governance/archives'+(params.toString()?('?'+params.toString()):''));  const data=await res.json();  renderArchives(data);  archiveStatus.textContent='\u5F52\u6863\u52A0\u8F7D\u5B8C\u6210';}async function saveThresholds(){  const payload={    min_sample_size:Number(document.getElementById('minSampleSize').value || 0),    cascade_warn_rate:Number(document.getElementById('cascadeWarnRate').value || 0),    shadow_warn_rate:Number(document.getElementById('shadowWarnRate').value || 0),    latency_warn_ms:Number(document.getElementById('latencyWarnMs').value || 0)  };  saveThresholdsStatus.textContent='\u4FDD\u5B58\u4E2D...';  const res=await fetch('/api/governance/observability/anomaly-thresholds',{    method:'POST',    headers:{'Content-Type':'application/json'},    body:JSON.stringify(payload)  });  const data=await res.json();  if(!res.ok){ saveThresholdsStatus.textContent='\u4FDD\u5B58\u5931\u8D25\uFF1A'+(data.message || 'unknown error'); return; }  saveThresholdsStatus.textContent='\u5DF2\u4FDD\u5B58\u5230\u914D\u7F6E\u6587\u4EF6';}document.getElementById('refreshBtn').addEventListener('click',loadTraces);document.getElementById('loadConfigDraftHeroBtn').addEventListener('click',loadConfigDraft);document.getElementById('previewConfigDraftHeroBtn').addEventListener('click',previewConfigDraft);document.getElementById('refreshStatusHeroBtn').addEventListener('click',loadServiceStatus);document.getElementById('loadConfigDraftBtn').addEventListener('click',loadConfigDraft);document.getElementById('addModelDraftBtn').addEventListener('click',addDraftModel);document.getElementById('applyBalancedPresetBtn').addEventListener('click',()=>applyDraftPreset('balanced'));document.getElementById('previewBalancedPresetBtn').addEventListener('click',()=>previewDraftPreset('balanced'));document.getElementById('applyFastPresetBtn').addEventListener('click',()=>applyDraftPreset('fast'));document.getElementById('previewFastPresetBtn').addEventListener('click',()=>previewDraftPreset('fast'));document.getElementById('applyGovernancePresetBtn').addEventListener('click',()=>applyDraftPreset('governance'));document.getElementById('previewGovernancePresetBtn').addEventListener('click',()=>previewDraftPreset('governance'));document.getElementById('addTriggerRuleBtn').addEventListener('click',addTriggerRule);document.getElementById('addSmartCandidateBtn').addEventListener('click',addSmartCandidate);document.getElementById('addCascadeLevelBtn').addEventListener('click',addCascadeLevel);document.getElementById('syncDraftJsonBtn').addEventListener('click',syncDraftEditorFromForm);document.getElementById('previewConfigDraftBtn').addEventListener('click',previewConfigDraft);document.getElementById('saveConfigDraftBtn').addEventListener('click',saveConfigDraft);draftPresetMode.addEventListener('change',renderDraftPresetModeHint);document.getElementById('createSnapshotBtn').addEventListener('click',createSnapshot);document.getElementById('loadArchivesBtn').addEventListener('click',loadArchives);document.getElementById('saveThresholdsBtn').addEventListener('click',saveThresholds);document.getElementById('saveCalibrationBtn').addEventListener('click',saveBenchmarkCalibration);document.getElementById('probeModelPoolBtn').addEventListener('click',probeModelPoolHealth);routeDecisionSummaryList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn && btn.dataset.request){ loadDetail(btn.dataset.request); } });switchContinuitySummaryList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn && btn.dataset.request){ loadDetail(btn.dataset.request); } });routeHandoffSummaryList.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn && btn.dataset.request){ loadDetail(btn.dataset.request); } });tbody.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn){ loadDetail(btn.dataset.request); } });renderDraftPresetGuide();renderDraftPresetModeHint();renderDraftPreviewMeta();loadServiceStatus();loadConfigDraft();loadCompiledModels();loadBenchmarkHistory();loadExports();loadArchives();loadTraces();</script>` + renderWorkbenchDocumentEnd();
 }
 var init_workbench = __esm({
   "src/ui/workbench.ts"() {
@@ -5723,6 +5957,7 @@ var init_workbench = __esm({
     init_provider_presets();
     init_runtime_role_guidance();
     init_workbench_document();
+    init_workbench_fragments();
   }
 });
 
@@ -6416,25 +6651,25 @@ async function runOfflineTaskBenchmark(options) {
 function roundMetric(value) {
   return Number((Number.isFinite(value) ? value : 0).toFixed(4));
 }
-function buildHistoryEntry(report, options) {
+function buildHistoryEntry(report2, options) {
   const createdAt = (options.now ?? /* @__PURE__ */ new Date()).toISOString();
-  const id = `bench_${createdAt.replace(/\D/g, "")}_${report.evaluatedRuns}`;
+  const id = `bench_${createdAt.replace(/\D/g, "")}_${report2.evaluatedRuns}`;
   return {
     id,
     createdAt,
     source: options.source ?? "unknown",
     label: options.label?.trim() || void 0,
-    totalTasks: report.totalTasks,
-    totalRuns: report.totalRuns,
-    evaluatedRuns: report.evaluatedRuns,
-    passRate: roundMetric(report.passRate),
-    averageQualityScore: roundMetric(report.averageQualityScore),
-    averageSpeedScore: roundMetric(report.averageSpeedScore),
-    averageLatencyMs: roundMetric(report.averageLatencyMs),
-    calibratedRuns: report.calibrationSummary.calibratedRuns,
-    averageCalibrationScore: roundMetric(report.calibrationSummary.averageCalibrationScore),
-    averageRubricDelta: roundMetric(report.calibrationSummary.averageRubricDelta),
-    models: report.byModel.map((item) => ({
+    totalTasks: report2.totalTasks,
+    totalRuns: report2.totalRuns,
+    evaluatedRuns: report2.evaluatedRuns,
+    passRate: roundMetric(report2.passRate),
+    averageQualityScore: roundMetric(report2.averageQualityScore),
+    averageSpeedScore: roundMetric(report2.averageSpeedScore),
+    averageLatencyMs: roundMetric(report2.averageLatencyMs),
+    calibratedRuns: report2.calibrationSummary.calibratedRuns,
+    averageCalibrationScore: roundMetric(report2.calibrationSummary.averageCalibrationScore),
+    averageRubricDelta: roundMetric(report2.calibrationSummary.averageRubricDelta),
+    models: report2.byModel.map((item) => ({
       model: item.key,
       totalRuns: item.totalRuns,
       passRate: roundMetric(item.passRate),
@@ -6442,7 +6677,7 @@ function buildHistoryEntry(report, options) {
       averageSpeedScore: roundMetric(item.averageSpeedScore),
       averageLatencyMs: roundMetric(item.averageLatencyMs)
     })),
-    bestRunsByTask: report.bestRunsByTask.map((run2) => ({
+    bestRunsByTask: report2.bestRunsByTask.map((run2) => ({
       taskId: run2.taskId,
       model: run2.model,
       qualityScore: roundMetric(run2.qualityScore),
@@ -6480,8 +6715,8 @@ function readBenchmarkHistory(historyFile) {
   }
   return parseBenchmarkHistoryPayload(JSON.parse(content));
 }
-function appendBenchmarkHistory(report, options) {
-  const entry = buildHistoryEntry(report, options);
+function appendBenchmarkHistory(report2, options) {
+  const entry = buildHistoryEntry(report2, options);
   const maxEntries = Math.max(1, Math.floor(options.maxEntries ?? 50));
   const existing = readBenchmarkHistory(options.historyFile);
   const entries = [...existing, entry].slice(-maxEntries);
@@ -6610,48 +6845,48 @@ function formatDimensionSummary(scores) {
   }
   return entries.map(([id, score]) => `${id}=${score.toFixed(2)}`).join(", ");
 }
-function formatOfflineTaskEvaluationReport(report) {
+function formatOfflineTaskEvaluationReport(report2) {
   const lines = [
     "Offline routing evaluation",
-    `Tasks: ${report.totalTasks}, runs: ${report.evaluatedRuns}/${report.totalRuns}, passRate: ${(report.passRate * 100).toFixed(1)}%`,
-    `Average quality: ${report.averageQualityScore.toFixed(2)}, speed: ${report.averageSpeedScore.toFixed(2)}, latency: ${report.averageLatencyMs} ms`
+    `Tasks: ${report2.totalTasks}, runs: ${report2.evaluatedRuns}/${report2.totalRuns}, passRate: ${(report2.passRate * 100).toFixed(1)}%`,
+    `Average quality: ${report2.averageQualityScore.toFixed(2)}, speed: ${report2.averageSpeedScore.toFixed(2)}, latency: ${report2.averageLatencyMs} ms`
   ];
-  const dimensions = Object.entries(report.averageDimensionScores);
+  const dimensions = Object.entries(report2.averageDimensionScores);
   if (dimensions.length) {
-    lines.push(`Average dimensions: ${formatDimensionSummary(report.averageDimensionScores)}`);
+    lines.push(`Average dimensions: ${formatDimensionSummary(report2.averageDimensionScores)}`);
   }
-  if (report.calibrationSummary.calibratedRuns) {
+  if (report2.calibrationSummary.calibratedRuns) {
     lines.push(
-      `Calibration: ${report.calibrationSummary.calibratedRuns} runs, human ${report.calibrationSummary.averageHumanScore.toFixed(2)}, judge ${report.calibrationSummary.averageJudgeScore.toFixed(2)}, delta ${report.calibrationSummary.averageRubricDelta.toFixed(2)}`
+      `Calibration: ${report2.calibrationSummary.calibratedRuns} runs, human ${report2.calibrationSummary.averageHumanScore.toFixed(2)}, judge ${report2.calibrationSummary.averageJudgeScore.toFixed(2)}, delta ${report2.calibrationSummary.averageRubricDelta.toFixed(2)}`
     );
   } else {
     lines.push("Calibration: none (add humanScore or judgeScore to compare rubric with human/LLM judge)");
   }
-  if (report.missingTaskIds.length) {
-    lines.push(`Missing task ids: ${report.missingTaskIds.join(", ")}`);
+  if (report2.missingTaskIds.length) {
+    lines.push(`Missing task ids: ${report2.missingTaskIds.join(", ")}`);
   }
   lines.push("By model:");
-  for (const item of report.byModel) {
+  for (const item of report2.byModel) {
     lines.push(`- ${item.key}: pass ${(item.passRate * 100).toFixed(1)}%, quality ${item.averageQualityScore.toFixed(2)}, latency ${item.averageLatencyMs} ms, dimensions ${formatDimensionSummary(item.averageDimensionScores)}`);
   }
   lines.push("By route scenario:");
-  for (const item of report.byRouteScenario) {
+  for (const item of report2.byRouteScenario) {
     lines.push(`- ${item.key}: pass ${(item.passRate * 100).toFixed(1)}%, quality ${item.averageQualityScore.toFixed(2)}, latency ${item.averageLatencyMs} ms`);
   }
   lines.push("Best runs by task:");
-  for (const run2 of report.bestRunsByTask) {
+  for (const run2 of report2.bestRunsByTask) {
     lines.push(`- ${run2.taskId} -> ${run2.model}: ${run2.passed ? "pass" : "fail"}, quality ${run2.qualityScore.toFixed(2)}, latency ${run2.latencyMs ?? "-"} ms`);
   }
-  const failedRuns = report.runs.filter((run2) => !run2.passed || run2.findings.length);
+  const failedRuns = report2.runs.filter((run2) => !run2.passed || run2.findings.length);
   if (failedRuns.length) {
     lines.push("Findings:");
     for (const run2 of failedRuns) {
       lines.push(`- ${run2.taskId} -> ${run2.model}: ${run2.findings.length ? run2.findings.join(", ") : "quality_below_threshold"}`);
     }
   }
-  if (report.calibrationSummary.highDisagreementRuns.length) {
+  if (report2.calibrationSummary.highDisagreementRuns.length) {
     lines.push("Calibration disagreements:");
-    for (const run2 of report.calibrationSummary.highDisagreementRuns) {
+    for (const run2 of report2.calibrationSummary.highDisagreementRuns) {
       lines.push(`- ${run2.taskId} -> ${run2.model}: rubric ${run2.qualityScore.toFixed(2)}, calibration ${run2.calibrationScore.toFixed(2)}, delta ${run2.deltaFromQuality.toFixed(2)}`);
     }
   }
@@ -7134,13 +7369,13 @@ function summarizeCompiledModels(normalized) {
     }
   };
 }
-function summarizeGovernanceAlerts(report) {
+function summarizeGovernanceAlerts(report2) {
   return {
-    healthStatus: report.health?.status ?? "idle",
-    totalTraces: report.metrics.totalTraces,
-    alertCount: report.anomalies.length,
-    warnCount: report.anomalies.filter((item) => item.severity === "warn").length,
-    criticalCount: report.anomalies.filter((item) => item.severity === "critical").length
+    healthStatus: report2.health?.status ?? "idle",
+    totalTraces: report2.metrics.totalTraces,
+    alertCount: report2.anomalies.length,
+    warnCount: report2.anomalies.filter((item) => item.severity === "warn").length,
+    criticalCount: report2.anomalies.filter((item) => item.severity === "critical").length
   };
 }
 function scoreModelIdSuggestion(source, candidateId, candidate) {
@@ -8014,7 +8249,12 @@ var init_server = __esm({
         return {
           traces,
           routeDecisions: traces.map((trace) => summarizeRouteDecisionTrace(trace)),
-          switchContinuity: traces.map((trace) => summarizeSwitchContinuityTrace(trace))
+          switchContinuity: traces.map((trace) => summarizeSwitchContinuityTrace(trace)),
+          routeHandoffs: traces.map((trace) => trace.handoffSummary ? {
+            requestId: trace.requestId,
+            sessionKey: trace.sessionKey,
+            ...trace.handoffSummary
+          } : void 0).filter(Boolean)
         };
       });
       server.app.get("/api/governance/metrics", async (req) => {
@@ -8023,24 +8263,24 @@ var init_server = __esm({
         };
       });
       server.app.get("/api/governance/health", async (req) => {
-        const report = getGovernanceMetricsReport(readGovernanceMetricsQuery(req.query));
+        const report2 = getGovernanceMetricsReport(readGovernanceMetricsQuery(req.query));
         return {
-          health: report.health ?? buildGovernanceHealthSummary({
-            metrics: report.metrics,
-            anomalies: report.anomalies,
-            topRouteReasons: report.topRouteReasons,
-            topFinalModels: report.topFinalModels,
-            outcome: report.outcome
+          health: report2.health ?? buildGovernanceHealthSummary({
+            metrics: report2.metrics,
+            anomalies: report2.anomalies,
+            topRouteReasons: report2.topRouteReasons,
+            topFinalModels: report2.topFinalModels,
+            outcome: report2.outcome
           }),
-          metrics: report.metrics,
-          outcome: report.outcome,
-          anomalies: report.anomalies,
-          topRouteReasons: report.topRouteReasons,
-          topFinalModels: report.topFinalModels,
-          topSemanticIntents: report.topSemanticIntents,
-          windowMs: report.windowMs,
-          windowStart: report.windowStart,
-          windowEnd: report.windowEnd
+          metrics: report2.metrics,
+          outcome: report2.outcome,
+          anomalies: report2.anomalies,
+          topRouteReasons: report2.topRouteReasons,
+          topFinalModels: report2.topFinalModels,
+          topSemanticIntents: report2.topSemanticIntents,
+          windowMs: report2.windowMs,
+          windowStart: report2.windowStart,
+          windowEnd: report2.windowEnd
         };
       });
       server.app.get("/api/benchmark/history", async () => {
@@ -8072,8 +8312,8 @@ var init_server = __esm({
               }
             ]
           });
-          const report = runOfflineTaskEvaluation(inputs);
-          const entry = appendBenchmarkHistory(report, {
+          const report2 = runOfflineTaskEvaluation(inputs);
+          const entry = appendBenchmarkHistory(report2, {
             historyFile: benchmarkHistoryFile,
             source: "input",
             label: typeof body.label === "string" ? body.label : "ui-calibration"
@@ -8083,7 +8323,7 @@ var init_server = __esm({
             success: true,
             historyFile: benchmarkHistoryFile,
             entry,
-            report,
+            report: report2,
             summary
           };
         } catch (error) {
@@ -8096,8 +8336,8 @@ var init_server = __esm({
       });
       server.app.get("/api/governance/metrics/export", async (req, reply) => {
         const format = String(req.query?.format || "json").toLowerCase() === "csv" ? "csv" : "json";
-        const report = getGovernanceMetricsReport(readGovernanceMetricsQuery(req.query));
-        const content = exportGovernanceMetricsReport(report, format);
+        const report2 = getGovernanceMetricsReport(readGovernanceMetricsQuery(req.query));
+        const content = exportGovernanceMetricsReport(report2, format);
         reply.header(
           "Content-Type",
           format === "csv" ? "text/csv; charset=utf-8" : "application/json; charset=utf-8"
@@ -8193,7 +8433,8 @@ var init_server = __esm({
         return {
           ...trace,
           decisionSummary: summarizeRouteDecisionTrace(trace),
-          switchSummary: summarizeSwitchContinuityTrace(trace)
+          switchSummary: summarizeSwitchContinuityTrace(trace),
+          handoffSummary: trace.handoffSummary
         };
       });
       server.app.get("/api/governance/archives", async (req) => {
@@ -8578,6 +8819,111 @@ var init_router = __esm({
   }
 });
 
+// src/server/management-routes.ts
+function normalizePath(url) {
+  return String(url ?? "").split("?")[0] || "/";
+}
+function normalizeMethod(method) {
+  return String(method ?? "GET").toUpperCase();
+}
+function matchesRoute(contract, method, path) {
+  if (contract.method !== method) {
+    return false;
+  }
+  if (contract.pattern) {
+    return contract.pattern.test(path);
+  }
+  if (contract.match === "prefix") {
+    return path.startsWith(contract.path);
+  }
+  return path === contract.path;
+}
+function getManagementRouteContract(method, url) {
+  const normalizedMethod = normalizeMethod(method);
+  const path = normalizePath(url);
+  return MANAGEMENT_API_ROUTE_CONTRACTS.find((contract) => matchesRoute(contract, normalizedMethod, path));
+}
+function getRequiredScopeForRequest(method, url) {
+  const path = normalizePath(url);
+  if (path === "/v1/messages" || path === "/v1/chat/completions") {
+    return "client";
+  }
+  const contract = getManagementRouteContract(method, url);
+  if (contract) {
+    return contract.requiredScope;
+  }
+  return path.startsWith("/api/") || path === "/ui" ? "admin" : "client";
+}
+var readOnlyRoutes, operatorRoutes, adminRoutes, MANAGEMENT_API_ROUTE_CONTRACTS;
+var init_management_routes = __esm({
+  "src/server/management-routes.ts"() {
+    "use strict";
+    readOnlyRoutes = [
+      { method: "GET", path: "/api/health", domain: "service", requiredScope: "read-only" },
+      { method: "GET", path: "/api/service-info", domain: "service", requiredScope: "read-only" },
+      { method: "GET", path: "/api/remote-status", domain: "service", requiredScope: "read-only" },
+      { method: "GET", path: "/api/registration", domain: "service", requiredScope: "read-only" },
+      { method: "GET", path: "/api/models/compiled", domain: "models", requiredScope: "read-only" },
+      { method: "GET", path: "/api/models/pool-health", domain: "models", requiredScope: "read-only" },
+      { method: "GET", path: "/api/transformers", domain: "models", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/health", domain: "governance", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/metrics", domain: "governance", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/metrics/export", domain: "governance", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/metrics/exports", domain: "governance", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/traces", domain: "governance", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/traces/", domain: "governance", requiredScope: "read-only", match: "prefix" },
+      { method: "GET", path: "/api/governance/archives", domain: "governance", requiredScope: "read-only" },
+      { method: "GET", path: "/api/governance/archives/", domain: "governance", requiredScope: "read-only", match: "prefix" },
+      { method: "GET", path: "/api/benchmark/history", domain: "benchmark", requiredScope: "read-only" }
+    ];
+    operatorRoutes = [
+      { method: "POST", path: "/api/restart", domain: "runtime", requiredScope: "operator" },
+      { method: "POST", path: "/api/models/pool-health/probe", domain: "models", requiredScope: "operator" },
+      { method: "POST", path: "/api/governance/metrics/snapshots", domain: "governance", requiredScope: "operator" },
+      { method: "POST", path: "/api/governance/metrics/schedules", domain: "governance", requiredScope: "operator" },
+      { method: "POST", path: "/api/governance/observability/anomaly-thresholds", domain: "governance", requiredScope: "operator" },
+      {
+        method: "POST",
+        path: "/api/governance/archives/:file/delete",
+        domain: "governance",
+        requiredScope: "operator",
+        pattern: /^\/api\/governance\/archives\/[^/]+\/delete$/
+      }
+    ];
+    adminRoutes = [
+      { method: "GET", path: "/api/config", domain: "config", requiredScope: "admin", sensitiveResponse: true },
+      { method: "POST", path: "/api/config", domain: "config", requiredScope: "admin", sensitiveResponse: true },
+      { method: "POST", path: "/api/models/compiled/preview", domain: "models", requiredScope: "admin" },
+      { method: "GET", path: "/api/auth/keys", domain: "auth", requiredScope: "admin", sensitiveResponse: true },
+      { method: "GET", path: "/api/auth/audit", domain: "auth", requiredScope: "admin", sensitiveResponse: true },
+      { method: "POST", path: "/api/auth/keys", domain: "auth", requiredScope: "admin", sensitiveResponse: true },
+      {
+        method: "POST",
+        path: "/api/auth/keys/:id/revoke",
+        domain: "auth",
+        requiredScope: "admin",
+        sensitiveResponse: true,
+        pattern: /^\/api\/auth\/keys\/[^/]+\/revoke$/
+      },
+      {
+        method: "POST",
+        path: "/api/auth/keys/:id/rotate",
+        domain: "auth",
+        requiredScope: "admin",
+        sensitiveResponse: true,
+        pattern: /^\/api\/auth\/keys\/[^/]+\/rotate$/
+      },
+      { method: "POST", path: "/api/benchmark/calibration", domain: "benchmark", requiredScope: "admin" },
+      { method: "GET", path: "/ui", domain: "ui", requiredScope: "admin" }
+    ];
+    MANAGEMENT_API_ROUTE_CONTRACTS = [
+      ...readOnlyRoutes,
+      ...operatorRoutes,
+      ...adminRoutes
+    ];
+  }
+});
+
 // src/middleware/auth.ts
 function estimateRequestTokens(body) {
   if (body === void 0 || body === null) {
@@ -8587,42 +8933,7 @@ function estimateRequestTokens(body) {
   return Math.ceil(text.length / 4);
 }
 function authRequirementForRequest(req) {
-  const method = String(req.method ?? "").toUpperCase();
-  const path = String(req.url ?? "").split("?")[0];
-  const readOnlyPaths = /* @__PURE__ */ new Set([
-    "/api/health",
-    "/api/service-info",
-    "/api/remote-status",
-    "/api/registration",
-    "/api/models/compiled",
-    "/api/models/pool-health",
-    "/api/transformers",
-    "/api/governance/health",
-    "/api/governance/metrics",
-    "/api/governance/metrics/export",
-    "/api/governance/metrics/exports"
-  ]);
-  const modelCallPaths = /* @__PURE__ */ new Set([
-    "/v1/messages",
-    "/v1/chat/completions"
-  ]);
-  const operatorWritePaths = /* @__PURE__ */ new Set([
-    "/api/restart",
-    "/api/models/pool-health/probe",
-    "/api/governance/metrics/snapshots",
-    "/api/governance/metrics/schedules",
-    "/api/governance/observability/anomaly-thresholds"
-  ]);
-  if (method === "GET" && (readOnlyPaths.has(path) || path === "/api/governance/traces" || path.startsWith("/api/governance/traces/") || path === "/api/governance/archives" || path.startsWith("/api/governance/archives/"))) {
-    return "read-only";
-  }
-  if (modelCallPaths.has(path)) {
-    return "client";
-  }
-  if (method === "POST" && (operatorWritePaths.has(path) || path.startsWith("/api/governance/archives/") && path.endsWith("/delete"))) {
-    return "operator";
-  }
-  return path.startsWith("/api/") || path === "/ui" ? "admin" : "client";
+  return getRequiredScopeForRequest(req.method, req.url);
 }
 function isQuotaMeteredRequest(req) {
   const method = String(req.method ?? "").toUpperCase();
@@ -8717,6 +9028,7 @@ var init_auth = __esm({
   "src/middleware/auth.ts"() {
     "use strict";
     init_api_keys();
+    init_management_routes();
   }
 });
 
@@ -9006,6 +9318,10 @@ var init_image_agent = __esm({
             },
             required: ["imageId", "task"]
           },
+          capabilities: {
+            requiredModelCapabilities: ["tools"],
+            internalCall: true
+          },
           handler: async (args, context) => {
             logDebug("analyzeImage args:", JSON.stringify(args, null, 2));
             const imageMessages = [];
@@ -9155,6 +9471,46 @@ var init_agents = __esm({
   }
 });
 
+// src/agents/guardrail.ts
+function evaluateToolCapabilityGuardrail(agent, tool, compiledModel) {
+  const requiredModelCapabilities = tool.capabilities?.requiredModelCapabilities ?? [];
+  const missing = requiredModelCapabilities.filter((capability) => {
+    if (!compiledModel) {
+      return false;
+    }
+    if (capability === "tools") {
+      return compiledModel.capabilities.tools === false;
+    }
+    if (capability === "images") {
+      return compiledModel.capabilities.images === false;
+    }
+    return false;
+  });
+  if (missing.length) {
+    return {
+      agent: agent.name,
+      tool: tool.name,
+      allowed: false,
+      reason: `model_missing_${missing.join("_")}`,
+      requiredModelCapabilities,
+      modelId: compiledModel?.id
+    };
+  }
+  return {
+    agent: agent.name,
+    tool: tool.name,
+    allowed: true,
+    reason: compiledModel ? "capabilities_satisfied" : "model_capabilities_unknown",
+    requiredModelCapabilities,
+    modelId: compiledModel?.id
+  };
+}
+var init_guardrail = __esm({
+  "src/agents/guardrail.ts"() {
+    "use strict";
+  }
+});
+
 // src/trigger/types.ts
 var init_types2 = __esm({
   "src/trigger/types.ts"() {
@@ -10803,8 +11159,7 @@ function isRemoteForwardEnabled(config) {
   return (runtime.mode ?? "local") === "local" && Boolean(remoteService.enabled) && typeof remoteService.base_url === "string" && remoteService.base_url.trim().length > 0;
 }
 function isModelCallPath(url) {
-  const path = String(url ?? "").split("?")[0];
-  return path === "/v1/messages" || path === "/v1/chat/completions";
+  return isRuntimeModelCallPath(url);
 }
 function getRemoteForwardPath(url) {
   const requestUrl = String(url ?? "");
@@ -10868,6 +11223,7 @@ async function forwardModelCallToRemote(req, reply, config) {
     return true;
   } catch (error) {
     req.remoteForwarded = true;
+    req.remoteForwardFailed = true;
     req.responseGovernanceApplied = true;
     logWarn(`[RemoteForward] Failed to forward ${path}: ${error instanceof Error ? error.message : String(error)}`);
     reply.code(502);
@@ -11000,23 +11356,41 @@ async function run(options = {}) {
     }
   });
   server.addHook("preHandler", async (req, reply) => {
-    return new Promise((resolve, reject) => {
-      const done = (err) => {
-        if (err) reject(err);
-        else resolve();
-      };
-      authMiddleware(req, reply, done);
-    });
+    try {
+      await new Promise((resolve, reject) => {
+        const done = (err) => {
+          if (err) reject(err);
+          else resolve();
+        };
+        authMiddleware(req, reply, done);
+      });
+      recordRuntimePipelineStage(req, "auth", "completed");
+    } catch (error) {
+      recordRuntimePipelineStage(req, "auth", "failed", {
+        message: error instanceof Error ? error.message : String(error)
+      });
+      throw error;
+    }
   });
   server.addHook("preHandler", async (req, reply) => {
-    if (await forwardModelCallToRemote(req, reply, config)) {
+    const forwarded = await forwardModelCallToRemote(req, reply, config);
+    if (forwarded) {
+      recordRuntimePipelineStage(req, "remote_forward", req.remoteForwardFailed ? "failed" : "completed");
       return reply;
     }
+    if (isModelCallPath(req.url)) {
+      recordRuntimePipelineStage(req, "remote_forward", "skipped", {
+        reason: "local_runtime"
+      });
+    }
   });
   triggerRouter.init(config);
   log(`[SmartRouter] Initialized, enabled: ${triggerRouter.isEnabled()}`);
   server.addHook("preHandler", async (req, reply) => {
     if (req.remoteForwarded) {
+      recordRuntimePipelineStage(req, "smart_router", "bypassed", {
+        reason: "remote_forwarded"
+      });
       return;
     }
     if (req.url.startsWith("/v1/messages")) {
@@ -11032,9 +11406,18 @@ async function run(options = {}) {
         initialModel: req.body?.model
       });
       appendTraceReason(req.governanceTrace, "request_received");
+      const inputGuardrail = inspectInputGuardrail(req.body);
+      req.governanceTrace.inputGuardrail = inputGuardrail;
+      for (const finding of inputGuardrail.findings) {
+        appendTraceReason(req.governanceTrace, `input_guardrail:${finding.code}`);
+      }
       const bypassSmartRouter = req.headers["x-ctr-smart-router"] === "1";
       const triggerResult = bypassSmartRouter ? { matched: false, confidence: 0, analysisTime: 0 } : await triggerRouter.route(req);
       req.triggerResult = triggerResult;
+      recordRuntimePipelineStage(req, "smart_router", bypassSmartRouter ? "bypassed" : "completed", {
+        matched: Boolean(triggerResult.matched),
+        model: triggerResult.model
+      });
       if (!bypassSmartRouter && triggerResult.matched && triggerResult.model) {
         const previousSessionState = req.sessionId ? sessionStateStore.get(req.sessionId) : void 0;
         const previousModel = previousSessionState?.lastSuccessfulModel;
@@ -11074,14 +11457,30 @@ async function run(options = {}) {
       const useAgents = [];
       for (const agent of agents_default.getAllAgents()) {
         if (agent.shouldHandle(req, config)) {
+          const compiledForTool = getCompiledModelRef(config, req.body?.model);
+          const allowedTools = Array.from(agent.tools.values()).filter((tool) => {
+            const decision = evaluateToolCapabilityGuardrail(agent, tool, compiledForTool);
+            req.toolCapabilityDecisions = Array.isArray(req.toolCapabilityDecisions) ? req.toolCapabilityDecisions : [];
+            req.toolCapabilityDecisions.push(decision);
+            if (req.governanceTrace) {
+              appendTraceReason(
+                req.governanceTrace,
+                `tool_guardrail_${decision.allowed ? "allowed" : "denied"}:${agent.name}:${tool.name}:${decision.reason}`
+              );
+            }
+            return decision.allowed;
+          });
+          if (agent.tools.size && !allowedTools.length) {
+            continue;
+          }
           useAgents.push(agent.name);
           agent.reqHandler(req, config);
-          if (agent.tools.size) {
+          if (allowedTools.length) {
             if (!req.body?.tools?.length) {
               req.body.tools = [];
             }
             req.body.tools.unshift(
-              ...Array.from(agent.tools.values()).map((item) => ({
+              ...allowedTools.map((item) => ({
                 name: item.name,
                 description: item.description,
                 input_schema: item.input_schema
@@ -11092,15 +11491,37 @@ async function run(options = {}) {
       }
       if (useAgents.length) {
         req.agents = useAgents;
+        recordRuntimePipelineStage(req, "agent_tools", "completed", {
+          agents: useAgents
+        });
+      } else {
+        recordRuntimePipelineStage(req, "agent_tools", "skipped", {
+          reason: "no_matching_agent"
+        });
       }
       await router(req, reply, {
         config,
         event
       });
+      recordRuntimePipelineStage(req, "router", "completed", {
+        model: req.body?.model
+      });
       if (req.contextWindowExceeded) {
+        recordRuntimePipelineStage(req, "context_guard", "failed", {
+          code: req.contextWindowExceeded.code,
+          model: req.contextWindowExceeded.model
+        });
         req.responseGovernanceApplied = true;
         req.localStructuredError = true;
         if (req.governanceTrace) {
+          req.governanceTrace.handoffSummary = summarizeRouteHandoffTrace(
+            req.governanceTrace,
+            getRuntimePipeline(req)
+          );
+          req.governanceTrace.spans = buildTraceSpansFromPipeline(
+            req.governanceTrace,
+            getRuntimePipeline(req)
+          );
           req.governanceTrace = finalizeTrace(req.governanceTrace, {
             finalModel: req.body?.model ?? req.governanceTrace.finalModel
           });
@@ -11115,6 +11536,7 @@ async function run(options = {}) {
           }
         });
       }
+      recordRuntimePipelineStage(req, "context_guard", "completed");
       const compiledModel = getCompiledModelRef(config, req.body?.model);
       if (compiledModel?.interface && req.body?.messages) {
         const originalBody = cloneRequestBody(req.body);
@@ -11139,6 +11561,14 @@ async function run(options = {}) {
           ...upstream.body,
           model: req.body.model
         };
+        recordRuntimePipelineStage(req, "protocol_dispatch", "completed", {
+          interface: compiledModel.interface,
+          diagnostics: upstream.diagnostics.length
+        });
+      } else {
+        recordRuntimePipelineStage(req, "protocol_dispatch", "skipped", {
+          reason: "no_compiled_interface"
+        });
       }
     }
   });
@@ -11155,6 +11585,9 @@ async function run(options = {}) {
     if (req.sessionId && req.url.startsWith("/v1/messages")) {
       if (payload instanceof ReadableStream) {
         if (req.agents) {
+          recordRuntimePipelineStage(req, "agent_stream", "completed", {
+            agents: req.agents
+          });
           const abortController = new AbortController();
           const sseParser = new SSEParserTransform();
           const eventStream = payload.pipeThrough(sseParser);
@@ -11285,6 +11718,9 @@ async function run(options = {}) {
             governStreamingResponse(agentStream, req, config, servicePort)
           );
         }
+        recordRuntimePipelineStage(req, "agent_stream", "skipped", {
+          reason: "no_agent_tools"
+        });
         return done(null, governStreamingResponse(payload, req, config, servicePort));
       }
       sessionUsageCache.put(req.sessionId, payload.usage);
@@ -11326,6 +11762,11 @@ async function run(options = {}) {
         config,
         servicePort
       });
+      recordRuntimePipelineStage(req, "response_governance", "completed");
+    } else {
+      recordRuntimePipelineStage(req, "response_governance", "skipped", {
+        reason: "already_applied"
+      });
     }
     if (req.governanceTrace) {
       logDebug("[GovernanceTrace]", JSON.stringify(req.governanceTrace));
@@ -11359,6 +11800,7 @@ var init_index = __esm({
     init_rewriteStream();
     import_json5 = __toESM(require("json5"));
     init_agents();
+    init_guardrail();
     import_node_events = require("node:events");
     init_trigger();
     import_rotating_file_stream = require("rotating-file-stream");
@@ -11367,6 +11809,7 @@ var init_index = __esm({
     init_pool_health();
     init_pool_health_persistence();
     init_protocols();
+    init_pipeline();
     event = new import_node_events.EventEmitter();
   }
 });
@@ -12593,11 +13036,11 @@ async function promptCapabilityMetadata(io, currentMetadata) {
   return nextMetadata;
 }
 async function promptCapabilityWarningFixesForDraft(draft, io) {
-  const report = collectCapabilityWarnings(draft);
-  if (!report.entries.length || !draft.Models?.length) {
+  const report2 = collectCapabilityWarnings(draft);
+  if (!report2.entries.length || !draft.Models?.length) {
     return false;
   }
-  for (const entry of report.entries) {
+  for (const entry of report2.entries) {
     const stillActive = collectCapabilityWarnings(draft).entries.some(
       (item) => item.path === entry.path && item.modelId === entry.modelId && item.code === entry.code
     );
@@ -12977,9 +13420,10 @@ function formatSetupServiceReadyMessage(action) {
   return "\u672C\u5730\u4EE3\u7406\u5DF2\u5728\u8FD0\u884C\u5E76\u901A\u8FC7\u5065\u5EB7\u68C0\u67E5\u3002";
 }
 function printRemoteClientNextSteps(io, action) {
-  io.info(`${formatSetupServiceReadyMessage(action)}\u8FDC\u7A0B\u670D\u52A1\u8FDE\u63A5\u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u7528\u4E8E\u68C0\u67E5\u8FDC\u7AEF ready/status\u3002`);
-  io.info("\u4E0B\u4E00\u6B65\uFF1A\u8FD0\u884C ctr status \u67E5\u770B\u672C\u5730\u4EE3\u7406\u4E0E\u8FDC\u7A0B\u670D\u52A1 ready \u72B6\u6001\u3002");
-  io.info("\u65E5\u5E38\u76F4\u8FDE\u8FDC\u7A0B\u670D\u52A1\u65F6\uFF0C\u8BF7\u6309\u670D\u52A1\u7EF4\u62A4\u8005\u63D0\u4F9B\u7684 ANTHROPIC_BASE_URL \u548C ANTHROPIC_AUTH_TOKEN \u914D\u7F6E Claude Code\u3002");
+  io.info(`${formatSetupServiceReadyMessage(action)}\u8FDC\u7A0B\u670D\u52A1\u8FDE\u63A5\u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u7528\u4E8E\u672C\u5730\u4EE3\u7406\u8F6C\u53D1\u548C\u68C0\u67E5\u8FDC\u7AEF ready/status\u3002`);
+  io.info("\u4E0B\u4E00\u6B65\uFF1A\u8FD0\u884C ctr doctor \u6216 ctr status \u67E5\u770B\u672C\u5730\u4EE3\u7406\u4E0E\u8FDC\u7A0B\u670D\u52A1 ready \u72B6\u6001\u3002");
+  io.info("\u65E5\u5E38\u4F7F\u7528\uFF1A\u8FD0\u884C ctr code\uFF0CClaude Code \u4F1A\u8FDE\u63A5\u672C\u5730 ctr\uFF0C\u5E76\u7531\u672C\u5730 ctr \u8F6C\u53D1\u6A21\u578B\u8C03\u7528\u5230\u8FDC\u7AEF\u670D\u52A1\u3002");
+  io.info("\u53EF\u9009\u76F4\u8FDE\u8FDC\u7AEF\u670D\u52A1\u65F6\uFF0C\u518D\u6309\u670D\u52A1\u7EF4\u62A4\u8005\u63D0\u4F9B\u7684 ANTHROPIC_BASE_URL \u548C ANTHROPIC_AUTH_TOKEN \u914D\u7F6E Claude Code\u3002");
   io.info("\u5982\u679C\u8FDC\u7AEF\u4E0D\u53EF\u7528\uFF0C\u8BF7\u786E\u8BA4 Runtime.remote_service.base_url \u548C managed client + read-only key\u3002");
 }
 function printLocalClientNextSteps(io, action) {
@@ -14214,12 +14658,12 @@ function parseEvalModelsArg() {
 function getBenchmarkHistoryFile() {
   return getArgValue("--history-file") || BENCHMARK_HISTORY_FILE;
 }
-function saveBenchmarkHistoryIfRequested(report, source) {
+function saveBenchmarkHistoryIfRequested(report2, source) {
   if (!hasArg2("--save-history")) {
     return void 0;
   }
   const historyFile = getBenchmarkHistoryFile();
-  const entry = appendBenchmarkHistory(report, {
+  const entry = appendBenchmarkHistory(report2, {
     historyFile,
     source,
     label: getArgValue("--history-label")
@@ -14316,13 +14760,13 @@ async function runOfflineEvaluationCli() {
       }
       return;
     }
-    const report = runOfflineTaskEvaluation(inputs);
-    const saved = saveBenchmarkHistoryIfRequested(report, "input");
+    const report2 = runOfflineTaskEvaluation(inputs);
+    const saved = saveBenchmarkHistoryIfRequested(report2, "input");
     if (hasArg2("--json")) {
-      console.log(JSON.stringify(report, null, 2));
+      console.log(JSON.stringify(report2, null, 2));
       return;
     }
-    console.log(formatOfflineTaskEvaluationReport(report));
+    console.log(formatOfflineTaskEvaluationReport(report2));
     if (saved) {
       console.log(`Benchmark history saved: ${saved}`);
     }
@@ -14708,6 +15152,7 @@ async function openUI() {
   if (!healthy) {
     console.log("\u26A0\uFE0F  \u5F53\u524D UI \u670D\u52A1\u672A\u5C31\u7EEA\uFF1B\u5982\u679C\u9875\u9762\u65E0\u6CD5\u6253\u5F00\uFF0C\u8BF7\u5148\u8FD0\u884C ctr start \u6216 ctr start --daemon\u3002");
   }
+  console.log("   \u5982\u679C\u670D\u52A1\u542F\u7528\u4E86 APIKEY/managed key\uFF0C/ui \u9700\u8981 admin key\u3002\u6D4F\u89C8\u5668\u4E0D\u4F1A\u81EA\u52A8\u643A\u5E26 Authorization header\uFF1B\u8BF7\u901A\u8FC7\u5185\u7F51/\u672C\u5730\u96A7\u9053\u6216\u53CD\u5411\u4EE3\u7406\u6CE8\u5165 Authorization: Bearer <admin-key> \u540E\u8BBF\u95EE\uFF0C\u4E0D\u8981\u628A admin key \u653E\u8FDB URL\u3002");
   if (process.env.CTR_UI_SKIP_OPEN === "1") {
     console.log("   Browser launch skipped by CTR_UI_SKIP_OPEN=1");
     return;