@peterwangze/claude-trigger-router 1.0.5 → 1.0.6

package/dist/cli.js

@@ -228,36 +228,59 @@ function inferCompatibilityProfile(item, modelInterface) {
   if (modelInterface === "anthropic") {
     return "anthropic-native";
   }
-  const api = getModelApi(item);
-  const vendorHint = item.metadata?.vendor_hint?.trim().toLowerCase();
-  if (vendorHint === "openrouter" || api.includes("openrouter.ai")) {
-    return "openrouter-like";
-  }
-  if (vendorHint === "qianfan" || vendorHint === "qianfan-coding" || api.includes("qianfan.baidubce.com/v2/coding")) {
-    return "qianfan-coding";
-  }
-  if (vendorHint === "minimax" || vendorHint === "minimax-chatcompletion-v2" || api.includes("/v1/text/chatcompletion_v2")) {
-    return "minimax-chatcompletion-v2";
-  }
-  return "generic-openai-compatible";
+  return "openai-compatible-anthropic-dispatch";
 }
 function getDispatchFormatForProfile(modelInterface, compatibilityProfile) {
   if (modelInterface === "anthropic") {
     return "anthropic_messages";
   }
   switch (compatibilityProfile) {
-    case "openrouter-like":
-    case "qianfan-coding":
-    case "minimax-chatcompletion-v2":
+    case "openai-compatible-anthropic-dispatch":
       return "anthropic_messages";
     case "anthropic-native":
       return "anthropic_messages";
-    case "generic-openai-compatible":
-      return "anthropic_messages";
     default:
       return "anthropic_messages";
   }
 }
+function describeCompatibilityProfile(profile) {
+  switch (profile) {
+    case "anthropic-native":
+      return {
+        label: "Anthropic native",
+        summary: "\u76EE\u6807\u63A5\u53E3\u539F\u751F\u63A5\u53D7 Anthropic messages \u5F62\u6001\uFF0C\u8BF7\u6C42\u65E0\u9700\u505A OpenAI-compatible \u517C\u5BB9\u8F6C\u6362\u3002"
+      };
+    case "openai-compatible-anthropic-dispatch":
+      return {
+        label: "OpenAI-compatible / Anthropic dispatch",
+        summary: "\u76EE\u6807\u63A5\u53E3\u5C5E\u4E8E OpenAI-compatible \u517C\u5BB9\u65CF\uFF0C\u8FD0\u884C\u65F6\u4F1A\u81EA\u52A8\u4F7F\u7528 Anthropic-style dispatch \u5904\u7406 tools\u3001messages \u4E0E\u63A7\u5236\u5B57\u6BB5\u5DEE\u5F02\u3002"
+      };
+    default:
+      return {
+        label: profile,
+        summary: "\u672A\u77E5\u517C\u5BB9\u753B\u50CF\u3002"
+      };
+  }
+}
+function describeDispatchFormat(format) {
+  switch (format) {
+    case "anthropic_messages":
+      return {
+        label: "Anthropic-style messages",
+        summary: "\u8FD0\u884C\u65F6\u4F1A\u628A\u7EDF\u4E00\u8BF7\u6C42\u7F16\u8BD1\u6210 Anthropic messages \u5F62\u6001\u540E\u518D\u53D1\u5F80\u76EE\u6807\u63A5\u53E3\u3002"
+      };
+    case "openai_chat":
+      return {
+        label: "OpenAI chat completions",
+        summary: "\u8FD0\u884C\u65F6\u4F1A\u628A\u7EDF\u4E00\u8BF7\u6C42\u7F16\u8BD1\u6210 OpenAI chat completions \u5F62\u6001\u540E\u518D\u53D1\u5F80\u76EE\u6807\u63A5\u53E3\u3002"
+      };
+    default:
+      return {
+        label: format,
+        summary: "\u672A\u77E5 dispatch \u5F62\u6001\u3002"
+      };
+  }
+}
 function buildCompiledCapabilities(item, modelInterface) {
   const reasoningSupported = item.metadata?.supports_reasoning !== false;
   return {
@@ -313,12 +336,7 @@ function buildModelRegistry(config) {
   const modelMap = providers.reduce((result, provider) => {
     for (const model of provider.models ?? []) {
       const compatibilityProfile = inferCompatibilityProfile(
-        {
-          api_base_url: provider.api_base_url,
-          metadata: {
-            vendor_hint: provider.transformer?.use?.[0]
-          }
-        },
+        { api_base_url: provider.api_base_url },
         "openai"
       );
       result[`${provider.name},${model}`] = {
@@ -576,6 +594,12 @@ function validateModelRef(ref, providers, fieldName) {
   }
   return null;
 }
+function validateKnownModelRef(ref, config, providers, fieldName) {
+  if (isKnownModelReference(config, ref)) {
+    return null;
+  }
+  return validateModelRef(ref, providers, fieldName);
+}
 function validateConfig(config) {
   const errors = [];
   if (config.Models !== void 0) {
@@ -652,7 +676,7 @@ function validateConfig(config) {
       ];
       for (const [ref, field] of routerModelFields) {
         if (ref) {
-          const err = validateModelRef(ref, validProviders, field);
+          const err = validateKnownModelRef(ref, config, validProviders, field);
           if (err) errors.push(err);
         }
       }
@@ -662,7 +686,7 @@ function validateConfig(config) {
     if (config.TriggerRouter.llm_intent_recognition && !config.TriggerRouter.intent_model) {
       errors.push("TriggerRouter.intent_model is required when llm_intent_recognition is enabled");
     } else if (config.TriggerRouter.intent_model && validProviders.length > 0) {
-      const err = validateModelRef(config.TriggerRouter.intent_model, validProviders, "TriggerRouter.intent_model");
+      const err = validateKnownModelRef(config.TriggerRouter.intent_model, config, validProviders, "TriggerRouter.intent_model");
       if (err) errors.push(err);
     }
     if (config.TriggerRouter.rules) {
@@ -673,10 +697,13 @@ function validateConfig(config) {
         if (!rule.model) {
           errors.push(`TriggerRouter.rules[${index}].model is required`);
         } else if (validProviders.length > 0) {
-          const err = validateModelRef(rule.model, validProviders, `TriggerRouter.rules[${index}].model`);
+          const err = validateKnownModelRef(rule.model, config, validProviders, `TriggerRouter.rules[${index}].model`);
           if (err) errors.push(err);
         }
-        if (!rule.patterns || rule.patterns.length === 0) {
+        const hasSemanticOnlyMatch = Boolean(
+          rule.description || rule.semantic_profile?.prototype || rule.semantic_profile?.enabled
+        );
+        if ((!rule.patterns || rule.patterns.length === 0) && !hasSemanticOnlyMatch) {
           errors.push(`TriggerRouter.rules[${index}].patterns must be a non-empty array`);
         }
       });
@@ -686,7 +713,7 @@ function validateConfig(config) {
     if (!config.SmartRouter.router_model) {
       errors.push("SmartRouter.router_model is required when SmartRouter is enabled");
     } else if (validProviders.length > 0) {
-      const err = validateModelRef(config.SmartRouter.router_model, validProviders, "SmartRouter.router_model");
+      const err = validateKnownModelRef(config.SmartRouter.router_model, config, validProviders, "SmartRouter.router_model");
       if (err) errors.push(err);
     }
     if (!config.SmartRouter.candidates || config.SmartRouter.candidates.length < 2) {
@@ -696,7 +723,7 @@ function validateConfig(config) {
         if (!candidate.model) {
           errors.push(`SmartRouter.candidates[${index}].model is required`);
         } else if (validProviders.length > 0) {
-          const err = validateModelRef(candidate.model, validProviders, `SmartRouter.candidates[${index}].model`);
+          const err = validateKnownModelRef(candidate.model, config, validProviders, `SmartRouter.candidates[${index}].model`);
           if (err) errors.push(err);
         }
         if (!candidate.description) {
@@ -823,7 +850,104 @@ function validateConfig(config) {
   }
   return errors;
 }
+function normalizeUnifiedRouterInput(config) {
+  const routes = config.Router?.routes;
+  const decision = config.Router?.decision;
+  const defaults = config.Router?.defaults;
+  const hasUnifiedRouterInput = Boolean(
+    Array.isArray(routes) && routes.length || decision || defaults
+  );
+  if (!hasUnifiedRouterInput) {
+    return config;
+  }
+  const nextConfig = {
+    ...config,
+    Router: {
+      ...config.Router ?? {}
+    }
+  };
+  if (Array.isArray(routes) && routes.length > 0) {
+    const semanticExplicitlyEnabled = defaults?.semantic?.enabled;
+    nextConfig.TriggerRouter = {
+      ...config.TriggerRouter ?? DEFAULT_TRIGGER_CONFIG,
+      enabled: true,
+      rules: routes.map((route) => ({
+        name: route.name,
+        priority: route.priority ?? 0,
+        enabled: route.enabled ?? true,
+        model: route.model,
+        description: route.description,
+        semantic_profile: route.match?.semantic || route.match?.semantic_profile ? {
+          enabled: route.match?.semantic ?? true,
+          prototype: route.match?.semantic_profile?.prototype,
+          threshold: route.match?.semantic_profile?.threshold
+        } : void 0,
+        patterns: [
+          ...Array.isArray(route.match?.keywords) && route.match?.keywords.length ? [{
+            type: "exact",
+            keywords: route.match?.keywords
+          }] : [],
+          ...typeof route.match?.regex === "string" && route.match.regex.trim().length ? [{
+            type: "regex",
+            pattern: route.match.regex
+          }] : []
+        ]
+      }))
+    };
+    const semanticPrototypes = Object.fromEntries(
+      routes.filter((route) => route.match?.semantic || route.match?.semantic_profile?.prototype || route.description).map((route) => [
+        route.name,
+        route.match?.semantic_profile?.prototype ?? route.description ?? ""
+      ]).filter(([, prototype]) => typeof prototype === "string" && prototype.trim().length > 0)
+    );
+    if (Object.keys(semanticPrototypes).length > 0 || defaults?.semantic) {
+      nextConfig.Governance = {
+        ...config.Governance ?? DEFAULT_GOVERNANCE_CONFIG,
+        enabled: config.Governance?.enabled ?? (semanticExplicitlyEnabled !== void 0 ? semanticExplicitlyEnabled : Object.keys(semanticPrototypes).length > 0),
+        semantic: {
+          ...config.Governance?.semantic ?? {},
+          ...defaults?.semantic ?? {},
+          enabled: defaults?.semantic?.enabled ?? true,
+          prototypes: {
+            ...config.Governance?.semantic?.prototypes ?? {},
+            ...semanticPrototypes
+          }
+        }
+      };
+    }
+  }
+  if (decision) {
+    nextConfig.SmartRouter = {
+      ...config.SmartRouter ?? DEFAULT_SMART_ROUTER_CONFIG,
+      enabled: decision.smart_fallback ?? true,
+      router_model: decision.router_model ?? config.SmartRouter?.router_model ?? "",
+      candidates: decision.candidates ?? config.SmartRouter?.candidates ?? [],
+      cache_ttl: decision.cache_ttl ?? config.SmartRouter?.cache_ttl,
+      max_tokens: decision.max_tokens ?? config.SmartRouter?.max_tokens,
+      fallback: decision.fallback ?? config.SmartRouter?.fallback,
+      router_hint: decision.router_hint ?? config.SmartRouter?.router_hint
+    };
+  }
+  if (defaults?.sticky || defaults?.semantic) {
+    nextConfig.Governance = {
+      ...nextConfig.Governance ?? config.Governance ?? DEFAULT_GOVERNANCE_CONFIG,
+      enabled: config.Governance?.enabled ?? Boolean(
+        defaults?.sticky?.enabled || defaults?.semantic?.enabled || nextConfig.Governance?.semantic?.enabled
+      ),
+      sticky: defaults?.sticky ? {
+        ...config.Governance?.sticky ?? {},
+        ...defaults.sticky
+      } : config.Governance?.sticky,
+      semantic: defaults?.semantic ? {
+        ...nextConfig.Governance?.semantic ?? config.Governance?.semantic ?? {},
+        ...defaults.semantic
+      } : nextConfig.Governance?.semantic ?? config.Governance?.semantic
+    };
+  }
+  return nextConfig;
+}
 function normalizeAndValidateConfig(config = {}) {
+  const normalizedInput = normalizeUnifiedRouterInput(config);
   const normalizedConfig = deepMerge(
     {
       ...DEFAULT_CONFIG2,
@@ -833,16 +957,16 @@ function normalizeAndValidateConfig(config = {}) {
       Providers: [],
       SmartRouter: DEFAULT_SMART_ROUTER_CONFIG
     },
-    config
+    normalizedInput
   );
-  if (config.TriggerRouter) {
-    normalizedConfig.TriggerRouter = deepMerge(DEFAULT_TRIGGER_CONFIG, config.TriggerRouter);
+  if (normalizedInput.TriggerRouter) {
+    normalizedConfig.TriggerRouter = deepMerge(DEFAULT_TRIGGER_CONFIG, normalizedInput.TriggerRouter);
   }
-  if (config.Governance) {
-    normalizedConfig.Governance = deepMerge(DEFAULT_GOVERNANCE_CONFIG, config.Governance);
+  if (normalizedInput.Governance) {
+    normalizedConfig.Governance = deepMerge(DEFAULT_GOVERNANCE_CONFIG, normalizedInput.Governance);
   }
-  if (config.Models) {
-    normalizedConfig.Models = config.Models.map((item) => normalizeModelEndpointConfig(item));
+  if (normalizedInput.Models) {
+    normalizedConfig.Models = normalizedInput.Models.map((item) => normalizeModelEndpointConfig(item));
   }
   return {
     config: normalizedConfig,
@@ -1367,7 +1491,13 @@ function normalizeContentParts(content) {
         return typeof item.text === "string" ? [{ type: "text", text: item.text }] : [];
       case "image":
       case "image_url":
-        return [{ type: "image", source: item.source ?? item.image_url ?? item.url }];
+        return [{
+          type: "image",
+          source: item.source ?? (item.image_url ? {
+            ...item.image_url,
+            ...item.media_type ? { media_type: item.media_type } : {}
+          } : item.url)
+        }];
       case "tool_use":
         return item.id && item.name ? [{ type: "tool_call", id: item.id, name: item.name, arguments: JSON.stringify(item.input ?? {}) }] : [];
       case "tool_result":
@@ -1377,12 +1507,54 @@ function normalizeContentParts(content) {
     }
   });
 }
+function normalizeOpenAIToolCalls(toolCalls) {
+  if (!Array.isArray(toolCalls)) {
+    return [];
+  }
+  return toolCalls.flatMap((toolCall) => {
+    const id = toolCall?.id;
+    const name = toolCall?.function?.name;
+    const args = toolCall?.function?.arguments;
+    if (!id || !name) {
+      return [];
+    }
+    return [{
+      type: "tool_call",
+      id,
+      name,
+      arguments: typeof args === "string" ? args : JSON.stringify(args ?? {})
+    }];
+  });
+}
 function createMessageIR(input3) {
-  const system = typeof input3.system === "string" ? [input3.system] : Array.isArray(input3.system) ? input3.system.flatMap((item) => item?.type === "text" && typeof item.text === "string" ? [item.text] : []) : [];
-  const messages = Array.isArray(input3.messages) ? input3.messages.filter((item) => item?.role).map((item) => ({
-    role: item.role,
-    parts: normalizeContentParts(item.content)
-  })) : [];
+  const system = typeof input3.system === "string" ? [input3.system] : Array.isArray(input3.system) ? input3.system.flatMap(
+    (item) => typeof item === "string" ? [item] : item?.type === "text" && typeof item.text === "string" ? [item.text] : []
+  ) : [];
+  const messages = Array.isArray(input3.messages) ? input3.messages.filter((item) => item?.role).flatMap((item) => {
+    if (item.role === "system") {
+      const systemParts = typeof item.content === "string" ? [item.content] : normalizeContentParts(item.content).filter((part) => part.type === "text").map((part) => part.text);
+      system.push(...systemParts);
+      return [];
+    }
+    if (item.role === "tool" && item.tool_call_id) {
+      return [{
+        role: "user",
+        parts: [{
+          type: "tool_result",
+          tool_call_id: item.tool_call_id,
+          content: item.content
+        }]
+      }];
+    }
+    const parts = [
+      ...normalizeContentParts(item.content),
+      ...item.role === "assistant" ? normalizeOpenAIToolCalls(item.tool_calls) : []
+    ];
+    return [{
+      role: item.role,
+      parts
+    }];
+  }) : [];
   const thinking = input3.thinking ? {
     enabled: input3.thinking?.type === "enabled" || input3.thinking?.enabled === true,
     effort: input3.thinking?.effort,
@@ -1462,6 +1634,21 @@ function toAnthropicMessagesRequest(input3) {
       input_schema: tool?.input_schema ?? tool?.function?.parameters
     }));
   }
+  if (input3.tool_choice) {
+    if (typeof input3.tool_choice === "string") {
+      body.tool_choice = input3.tool_choice;
+    } else if (input3.tool_choice?.type === "tool" && input3.tool_choice?.name) {
+      body.tool_choice = {
+        type: "tool",
+        name: input3.tool_choice.name
+      };
+    } else if (input3.tool_choice?.type === "function" && input3.tool_choice?.function?.name) {
+      body.tool_choice = {
+        type: "tool",
+        name: input3.tool_choice.function.name
+      };
+    }
+  }
   if (input3.ir.system.length) {
     body.system = input3.ir.system.map((text) => ({ type: "text", text }));
   }
@@ -1794,6 +1981,37 @@ Return JSON only:
         }
         return best;
       }
+      analyzeCandidates(text, candidates, defaultThreshold = 0.85) {
+        const inputTokens = tokenize(text);
+        if (inputTokens.length === 0 || !candidates.length) {
+          return null;
+        }
+        const inputVector = buildVector(inputTokens);
+        let best = null;
+        let bestThreshold = defaultThreshold;
+        for (const candidate of candidates) {
+          const prototypeTokens = tokenize(candidate.prototype);
+          if (prototypeTokens.length === 0) {
+            continue;
+          }
+          const prototypeVector = buildVector(prototypeTokens);
+          const matched = prototypeTokens.filter((token) => inputTokens.includes(token));
+          const confidence = cosineSimilarity(inputVector, prototypeVector);
+          if (!best || confidence > best.confidence) {
+            best = {
+              intent: candidate.intent,
+              confidence,
+              matchedPrototype: candidate.prototype,
+              evidence: matched
+            };
+            bestThreshold = candidate.threshold ?? defaultThreshold;
+          }
+        }
+        if (!best || best.confidence < bestThreshold) {
+          return null;
+        }
+        return best;
+      }
       analyze(text, config) {
         return this.analyzeEmbedding(text, config);
       }
@@ -3037,6 +3255,8 @@ function diffCompiledRegistry(base, next) {
       before?.providerName !== after?.providerName ? "providerName" : null,
       before?.modelName !== after?.modelName ? "modelName" : null,
       before?.protocol !== after?.protocol ? "protocol" : null,
+      before?.compatibilityProfile !== after?.compatibilityProfile ? "compatibilityProfile" : null,
+      before?.dispatchFormat !== after?.dispatchFormat ? "dispatchFormat" : null,
       JSON.stringify(before?.thinking ?? {}) !== JSON.stringify(after?.thinking ?? {}) ? "thinking" : null,
       JSON.stringify(before?.capabilities ?? {}) !== JSON.stringify(after?.capabilities ?? {}) ? "capabilities" : null,
       before?.source !== after?.source ? "source" : null
@@ -3361,7 +3581,7 @@ var init_server = __esm({
       server.app.get("/ui", async (_, reply) => {
         reply.header("Content-Type", "text/html; charset=utf-8");
         return reply.send(
-          `<!DOCTYPE html><html><head><meta charset="utf-8"><title>Claude Trigger Router</title><style>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}.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:1rem;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}.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}</style></head><body><h2>Claude Trigger Router</h2><p class="muted">\u7B80\u6613 Governance Trace \u8C03\u8BD5\u9875\u3002\u53EF\u67E5\u770B\u6700\u8FD1\u6CBB\u7406\u94FE\u8DEF\uFF0C\u6309 requestId / sessionKey / routeReason \u8FC7\u6EE4\uFF0C\u5E76\u6309 cascade / shadow \u72B6\u6001\u7B5B\u9009\uFF1B\u6CBB\u7406 trace \u73B0\u5DF2\u652F\u6301\u672C\u5730\u6301\u4E45\u5316\uFF0C\u91CD\u542F\u540E\u53EF\u7EE7\u7EED\u67E5\u770B\u8FD1\u671F\u7A97\u53E3\u3002</p><div class="panel"><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/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/metrics/export</code>\u3001<code>/api/governance/metrics/exports</code></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">Trigger 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="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">\u9996\u6279\u8868\u5355\u5316\u7F16\u8F91 TriggerRouter / SmartRouter / Governance \u7684\u6838\u5FC3\u5F15\u7528</span></div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>TriggerRouter</strong><span class="muted">\u89C4\u5219\u8DEF\u7531\u4E0E\u610F\u56FE\u8BC6\u522B</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 trigger 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">\u5BF9\u9F50\u3001\u8BED\u4E49\u3001\u5F71\u5B50\u6821\u9A8C\u4E0E\u7EA7\u8054</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 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" 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"}]}'></textarea><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 / TriggerRouter / Governance \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>Thinking</th><th>Capabilities</th><th>Source</th></tr></thead><tbody><tr><td colspan="6" class="muted">Loading model map...</td></tr></tbody></table></div></div></div><div id="metricsGrid" class="stats"><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">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="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>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="${configuredThresholds.min_sample_size ?? 3}"></div><div><label>Cascade warn</label><input id="cascadeWarnRate" value="${configuredThresholds.cascade_warn_rate ?? 0.4}"></div><div><label>Shadow warn</label><input id="shadowWarnRate" value="${configuredThresholds.shadow_warn_rate ?? 0.5}"></div><div><label>Latency warn ms</label><input id="latencyWarnMs" value="${configuredThresholds.latency_warn_ms ?? 1500}"></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>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><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>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><script>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 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 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 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 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');let currentDraftConfig={};let knownModelIds=[];let activeValidationHighlight=null;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 TriggerRule\u3002', affects:['Router.default','TriggerRouter.enabled','TriggerRouter.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\u6838\u5FC3\u80FD\u529B\uFF0C\u5E76\u586B\u5165 summarizer/classifier/verifier \u793A\u4F8B\u6A21\u578B\u3002', affects:['Governance.enabled','Governance.sticky.alignment','Governance.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 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 renderDraftSummary(config){  const models=Array.isArray(config?.Models) ? config.Models : [];  const triggerRules=Array.isArray(config?.TriggerRouter?.rules) ? config.TriggerRouter.rules : [];  const patternCount=triggerRules.reduce((sum,rule)=>sum + (Array.isArray(rule.patterns) ? rule.patterns.length : 0),0);  const smartCandidates=Array.isArray(config?.SmartRouter?.candidates) ? config.SmartRouter.candidates : [];  const cascadeLevels=Array.isArray(config?.Governance?.cascade?.levels) ? config.Governance.cascade.levels : [];  const modelRefCount=[config?.Router?.default, config?.TriggerRouter?.intent_model, config?.SmartRouter?.router_model, config?.Governance?.sticky?.alignment?.summarizer_model, config?.Governance?.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],    ['Trigger 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 renderDraftValidation(errors,warnings){  const errorList=Array.isArray(errors) ? errors.filter(Boolean) : [];  const warningList=Array.isArray(warnings) ? warnings.filter(Boolean) : [];  if(!errorList.length && !warningList.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 grouped=[...errorList.map(item=>({ text:String(item), severity:'error' })), ...warningList.map(item=>({ text:String(item), severity:'warning' }))].reduce((acc,item)=>{    const text=item.text;    const bucket=text.startsWith('Models') ? 'Models' : text.startsWith('Router') ? 'Router' : text.startsWith('TriggerRouter') ? 'TriggerRouter' : text.startsWith('SmartRouter') ? 'SmartRouter' : text.startsWith('Governance') ? 'Governance' : text.startsWith('JSON parse error') ? 'Draft JSON' : 'Other';    acc[bucket]=acc[bucket] || [];    acc[bucket].push({ text, path: extractPath(text), severity:item.severity });    return acc;  }, {});  const summary='<div class="alert info"><div class="row"><strong>Validation summary</strong><span class="pill">'+esc(errorList.length)+' errors / '+esc(warningList.length)+' warnings</span></div><div class="muted">'+(errorList.length ? '\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)+'</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 TriggerRouter / 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\u9884\u8BBE\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('TriggerRouter'); }    else if(path.startsWith('SmartRouter.')){ 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">\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>' +      '<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">\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>' +      '<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>' +      '<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>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 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(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 trigger 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();  if(triggerEnabled.checked || triggerIntentEnabled.checked || triggerIntentModel.value.trim() || triggerRules.length){ payload.TriggerRouter={ ...(payload.TriggerRouter || {}), enabled: triggerEnabled.checked, analysis_scope: triggerAnalysisScope.value || 'last_message', llm_intent_recognition: triggerIntentEnabled.checked, intent_model: triggerIntentModel.value.trim(), rules: triggerRules }; } else { delete payload.TriggerRouter; }  const smartCandidates=extractSmartCandidatesFromForm();  if(smartEnabled.checked || smartRouterModel.value.trim() || smartCandidates.length || smartCacheTtl.value.trim() || smartMaxTokens.value.trim()){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: smartEnabled.checked, 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 }; } else { delete payload.SmartRouter; }  const cascadeLevels=extractCascadeLevelsFromForm();  if(governanceEnabled.checked || governanceAlignmentEnabled.checked || governanceSummarizerModel.value.trim() || governanceSemanticEnabled.checked || governanceClassifierModel.value.trim() || governanceShadowEnabled.checked || governanceVerifierModel.value.trim() || cascadeLevels.length){ payload.Governance={ ...(payload.Governance || {}), enabled: governanceEnabled.checked, sticky:{ ...((payload.Governance && payload.Governance.sticky) || {}), enabled: Boolean(governanceEnabled.checked || governanceAlignmentEnabled.checked), alignment:{ ...(((payload.Governance && payload.Governance.sticky && payload.Governance.sticky.alignment) || {})), enabled: governanceAlignmentEnabled.checked, summarizer_model: governanceSummarizerModel.value.trim() } }, semantic:{ ...((payload.Governance && payload.Governance.semantic) || {}), enabled: governanceSemanticEnabled.checked, mode:'classifier', classifier_model: governanceClassifierModel.value.trim() }, 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 trigger=config?.TriggerRouter || {};  triggerEnabled.checked=Boolean(trigger.enabled);  triggerIntentEnabled.checked=Boolean(trigger.llm_intent_recognition);  triggerAnalysisScope.value=trigger.analysis_scope || 'last_message';  triggerIntentModel.value=trigger.intent_model || '';  renderTriggerRulesList(trigger.rules || []);  const smart=config?.SmartRouter || {};  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(governance.sticky?.alignment?.enabled);  governanceSummarizerModel.value=governance.sticky?.alignment?.summarizer_model || '';  governanceSemanticEnabled.checked=Boolean(governance.semantic?.enabled);  governanceClassifierModel.value=governance.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();    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([],[]);  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5C06\u5EFA\u8BAE\u6A21\u578B\u5E94\u7528\u5230 '+path+'\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();  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 renderCompiledModels(data){  const providers=Array.isArray(data.providers) ? data.providers : [];  const modelMapEntries=Object.entries(data.modelMap || {});  knownModelIds=modelMapEntries.map(([modelId])=>modelId).sort();  updateTopLevelModelSuggestionLists();  renderCapabilityWarnings(data.capabilityWarnings);  compiledModelsStatus.textContent='\u5DF2\u52A0\u8F7D '+providers.length+' \u4E2A compiled provider / '+modelMapEntries.length+' \u4E2A modelId \u6620\u5C04';  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><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="6" class="muted">No compiled model map</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);  renderDraftValidation([],[]);  renderCapabilityWarnings();  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();    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 || []);    renderCapabilityWarnings(data.capabilityWarnings);    renderCompiledDiff();    renderReferenceImpact(data.referenceImpact);    renderDraftPreviewMeta();    return;  }  renderDraftValidation([], data.warnings || []);  renderCompiledModels(data);  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u9884\u89C8\u5B8C\u6210\uFF1A\u5DF2\u6309\u8349\u7A3F\u914D\u7F6E\u5237\u65B0 compiled models';}async function saveConfigDraft(){  let payload;  try {    payload=buildDraftPayloadFromForm();    configDraftEditor.value=JSON.stringify(payload,null,2);  } catch (error) {    renderDraftValidation(['JSON parse error: '+error.message],[]);    renderCapabilityWarnings();    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 || []);  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 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(); });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); });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); });function renderMetrics(metrics){  metricsGrid.innerHTML=[    ['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)],    ['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.TriggerRouter={ ...(payload.TriggerRouter || {}), enabled: preset.triggerEnabled !== undefined ? Boolean(preset.triggerEnabled) : Boolean(payload.TriggerRouter?.enabled), analysis_scope: payload.TriggerRouter?.analysis_scope || 'last_message', llm_intent_recognition: payload.TriggerRouter?.llm_intent_recognition || false, intent_model: payload.TriggerRouter?.intent_model || '', rules: preset.triggerRules ? preset.triggerRules.map(rule=>({ ...rule, model: resolvePresetModelId(rule.model) })) : (payload.TriggerRouter?.rules || []) }; }  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 }; }  if(preset.governanceEnabled !== undefined || preset.governanceAlignmentEnabled !== undefined || preset.governanceSemanticEnabled !== undefined || preset.governanceShadowEnabled !== undefined || preset.governanceSummarizerModel !== undefined || preset.governanceClassifierModel !== undefined || preset.governanceVerifierModel !== undefined){ payload.Governance={ ...(payload.Governance || {}), enabled: preset.governanceEnabled !== undefined ? Boolean(preset.governanceEnabled) : Boolean(payload.Governance?.enabled), sticky:{ ...((payload.Governance && payload.Governance.sticky) || {}), alignment:{ ...(((payload.Governance && payload.Governance.sticky && payload.Governance.sticky.alignment) || {})), enabled: preset.governanceAlignmentEnabled !== undefined ? Boolean(preset.governanceAlignmentEnabled) : Boolean(payload.Governance?.sticky?.alignment?.enabled), summarizer_model: preset.governanceSummarizerModel !== undefined ? resolvePresetModelId(preset.governanceSummarizerModel) : (payload.Governance?.sticky?.alignment?.summarizer_model || '') } }, semantic:{ ...((payload.Governance && payload.Governance.semantic) || {}), enabled: preset.governanceSemanticEnabled !== undefined ? Boolean(preset.governanceSemanticEnabled) : Boolean(payload.Governance?.semantic?.enabled), mode:(payload.Governance?.semantic?.mode || 'classifier'), classifier_model: preset.governanceClassifierModel !== undefined ? resolvePresetModelId(preset.governanceClassifierModel) : (payload.Governance?.semantic?.classifier_model || '') }, 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();  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 || []); 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 || []);  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 renderAnomalies(anomalies){  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 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 || []);  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]=await Promise.all([    fetch('/api/governance/traces'+query),    fetch('/api/governance/metrics'+query)  ]);  const data=await traceRes.json();  const metricsData=await metricsRes.json();  renderMetrics(metricsData.metrics || {});  renderBuckets(metricsData || {});  renderAnomalies(metricsData.anomalies || []);  renderRanking(routeRanking,metricsData.topRouteReasons || [],'No routes');  renderRanking(modelRanking,metricsData.topFinalModels || [],'No models');  renderRanking(intentRanking,metricsData.topSemanticIntents || [],'No intents');  renderTrendTable(metricsData || {});  const traces=data.traces || [];  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('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);tbody.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn){ loadDetail(btn.dataset.request); } });renderDraftPresetGuide();renderDraftPresetModeHint();renderDraftPreviewMeta();loadConfigDraft();loadCompiledModels();loadExports();loadArchives();loadTraces();</script></body></html>`
+          `<!DOCTYPE html><html><head><meta charset="utf-8"><title>Claude Trigger Router</title><style>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}.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:1rem;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}.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}</style></head><body><h2>Claude Trigger Router</h2><p class="muted">\u7B80\u6613 Governance Trace \u8C03\u8BD5\u9875\u3002\u53EF\u67E5\u770B\u6700\u8FD1\u6CBB\u7406\u94FE\u8DEF\uFF0C\u6309 requestId / sessionKey / routeReason \u8FC7\u6EE4\uFF0C\u5E76\u6309 cascade / shadow \u72B6\u6001\u7B5B\u9009\uFF1B\u6CBB\u7406 trace \u73B0\u5DF2\u652F\u6301\u672C\u5730\u6301\u4E45\u5316\uFF0C\u91CD\u542F\u540E\u53EF\u7EE7\u7EED\u67E5\u770B\u8FD1\u671F\u7A97\u53E3\u3002</p><div class="panel"><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/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/metrics/export</code>\u3001<code>/api/governance/metrics/exports</code></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">Trigger 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="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">\u9996\u6279\u8868\u5355\u5316\u7F16\u8F91 TriggerRouter / SmartRouter / Governance \u7684\u6838\u5FC3\u5F15\u7528</span></div><div class="detail-grid"><div class="panel" style="margin-bottom:0"><div class="row"><strong>TriggerRouter</strong><span class="muted">\u89C4\u5219\u8DEF\u7531\u4E0E\u610F\u56FE\u8BC6\u522B</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 trigger 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">\u5BF9\u9F50\u3001\u8BED\u4E49\u3001\u5F71\u5B50\u6821\u9A8C\u4E0E\u7EA7\u8054</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 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" 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"}]}'></textarea><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 / TriggerRouter / Governance \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></div><div id="metricsGrid" class="stats"><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">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="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>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="${configuredThresholds.min_sample_size ?? 3}"></div><div><label>Cascade warn</label><input id="cascadeWarnRate" value="${configuredThresholds.cascade_warn_rate ?? 0.4}"></div><div><label>Shadow warn</label><input id="shadowWarnRate" value="${configuredThresholds.shadow_warn_rate ?? 0.5}"></div><div><label>Latency warn ms</label><input id="latencyWarnMs" value="${configuredThresholds.latency_warn_ms ?? 1500}"></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>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><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>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><script>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 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 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 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 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');let currentDraftConfig={};let knownModelIds=[];let activeValidationHighlight=null;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 TriggerRule\u3002', affects:['Router.default','TriggerRouter.enabled','TriggerRouter.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\u6838\u5FC3\u80FD\u529B\uFF0C\u5E76\u586B\u5165 summarizer/classifier/verifier \u793A\u4F8B\u6A21\u578B\u3002', affects:['Governance.enabled','Governance.sticky.alignment','Governance.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 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 renderDraftSummary(config){  const models=Array.isArray(config?.Models) ? config.Models : [];  const triggerRules=Array.isArray(config?.TriggerRouter?.rules) ? config.TriggerRouter.rules : [];  const patternCount=triggerRules.reduce((sum,rule)=>sum + (Array.isArray(rule.patterns) ? rule.patterns.length : 0),0);  const smartCandidates=Array.isArray(config?.SmartRouter?.candidates) ? config.SmartRouter.candidates : [];  const cascadeLevels=Array.isArray(config?.Governance?.cascade?.levels) ? config.Governance.cascade.levels : [];  const modelRefCount=[config?.Router?.default, config?.TriggerRouter?.intent_model, config?.SmartRouter?.router_model, config?.Governance?.sticky?.alignment?.summarizer_model, config?.Governance?.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],    ['Trigger 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 renderDraftValidation(errors,warnings){  const errorList=Array.isArray(errors) ? errors.filter(Boolean) : [];  const warningList=Array.isArray(warnings) ? warnings.filter(Boolean) : [];  if(!errorList.length && !warningList.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 grouped=[...errorList.map(item=>({ text:String(item), severity:'error' })), ...warningList.map(item=>({ text:String(item), severity:'warning' }))].reduce((acc,item)=>{    const text=item.text;    const bucket=text.startsWith('Models') ? 'Models' : text.startsWith('Router') ? 'Router' : text.startsWith('TriggerRouter') ? 'TriggerRouter' : text.startsWith('SmartRouter') ? 'SmartRouter' : text.startsWith('Governance') ? 'Governance' : text.startsWith('JSON parse error') ? 'Draft JSON' : 'Other';    acc[bucket]=acc[bucket] || [];    acc[bucket].push({ text, path: extractPath(text), severity:item.severity });    return acc;  }, {});  const summary='<div class="alert info"><div class="row"><strong>Validation summary</strong><span class="pill">'+esc(errorList.length)+' errors / '+esc(warningList.length)+' warnings</span></div><div class="muted">'+(errorList.length ? '\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)+'</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 TriggerRouter / 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\u9884\u8BBE\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('TriggerRouter'); }    else if(path.startsWith('SmartRouter.')){ 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">\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>' +      '<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">\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>' +      '<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>' +      '<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>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 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(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 trigger 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();  if(triggerEnabled.checked || triggerIntentEnabled.checked || triggerIntentModel.value.trim() || triggerRules.length){ payload.TriggerRouter={ ...(payload.TriggerRouter || {}), enabled: triggerEnabled.checked, analysis_scope: triggerAnalysisScope.value || 'last_message', llm_intent_recognition: triggerIntentEnabled.checked, intent_model: triggerIntentModel.value.trim(), rules: triggerRules }; } else { delete payload.TriggerRouter; }  const smartCandidates=extractSmartCandidatesFromForm();  if(smartEnabled.checked || smartRouterModel.value.trim() || smartCandidates.length || smartCacheTtl.value.trim() || smartMaxTokens.value.trim()){ payload.SmartRouter={ ...(payload.SmartRouter || {}), enabled: smartEnabled.checked, 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 }; } else { delete payload.SmartRouter; }  const cascadeLevels=extractCascadeLevelsFromForm();  if(governanceEnabled.checked || governanceAlignmentEnabled.checked || governanceSummarizerModel.value.trim() || governanceSemanticEnabled.checked || governanceClassifierModel.value.trim() || governanceShadowEnabled.checked || governanceVerifierModel.value.trim() || cascadeLevels.length){ payload.Governance={ ...(payload.Governance || {}), enabled: governanceEnabled.checked, sticky:{ ...((payload.Governance && payload.Governance.sticky) || {}), enabled: Boolean(governanceEnabled.checked || governanceAlignmentEnabled.checked), alignment:{ ...(((payload.Governance && payload.Governance.sticky && payload.Governance.sticky.alignment) || {})), enabled: governanceAlignmentEnabled.checked, summarizer_model: governanceSummarizerModel.value.trim() } }, semantic:{ ...((payload.Governance && payload.Governance.semantic) || {}), enabled: governanceSemanticEnabled.checked, mode:'classifier', classifier_model: governanceClassifierModel.value.trim() }, 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 trigger=config?.TriggerRouter || {};  triggerEnabled.checked=Boolean(trigger.enabled);  triggerIntentEnabled.checked=Boolean(trigger.llm_intent_recognition);  triggerAnalysisScope.value=trigger.analysis_scope || 'last_message';  triggerIntentModel.value=trigger.intent_model || '';  renderTriggerRulesList(trigger.rules || []);  const smart=config?.SmartRouter || {};  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(governance.sticky?.alignment?.enabled);  governanceSummarizerModel.value=governance.sticky?.alignment?.summarizer_model || '';  governanceSemanticEnabled.checked=Boolean(governance.semantic?.enabled);  governanceClassifierModel.value=governance.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();    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([],[]);  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u5DF2\u5C06\u5EFA\u8BAE\u6A21\u578B\u5E94\u7528\u5230 '+path+'\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();  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 renderCompiledModels(data){  const providers=Array.isArray(data.providers) ? data.providers : [];  const modelMapEntries=Object.entries(data.modelMap || {});  knownModelIds=modelMapEntries.map(([modelId])=>modelId).sort();  updateTopLevelModelSuggestionLists();  renderCapabilityWarnings(data.capabilityWarnings);  compiledModelsStatus.textContent='\u5DF2\u52A0\u8F7D '+providers.length+' \u4E2A compiled provider / '+modelMapEntries.length+' \u4E2A modelId \u6620\u5C04';  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>';  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);  renderDraftValidation([],[]);  renderCapabilityWarnings();  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();    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 || []);    renderCapabilityWarnings(data.capabilityWarnings);    renderCompiledDiff();    renderReferenceImpact(data.referenceImpact);    renderDraftPreviewMeta();    return;  }  renderDraftValidation([], data.warnings || []);  renderCompiledModels(data);  renderDraftPreviewMeta();  draftPreviewStatus.textContent='\u9884\u89C8\u5B8C\u6210\uFF1A\u5DF2\u6309\u8349\u7A3F\u914D\u7F6E\u5237\u65B0 compiled models';}async function saveConfigDraft(){  let payload;  try {    payload=buildDraftPayloadFromForm();    configDraftEditor.value=JSON.stringify(payload,null,2);  } catch (error) {    renderDraftValidation(['JSON parse error: '+error.message],[]);    renderCapabilityWarnings();    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 || []);  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 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(); });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); });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); });function renderMetrics(metrics){  metricsGrid.innerHTML=[    ['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)],    ['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.TriggerRouter={ ...(payload.TriggerRouter || {}), enabled: preset.triggerEnabled !== undefined ? Boolean(preset.triggerEnabled) : Boolean(payload.TriggerRouter?.enabled), analysis_scope: payload.TriggerRouter?.analysis_scope || 'last_message', llm_intent_recognition: payload.TriggerRouter?.llm_intent_recognition || false, intent_model: payload.TriggerRouter?.intent_model || '', rules: preset.triggerRules ? preset.triggerRules.map(rule=>({ ...rule, model: resolvePresetModelId(rule.model) })) : (payload.TriggerRouter?.rules || []) }; }  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 }; }  if(preset.governanceEnabled !== undefined || preset.governanceAlignmentEnabled !== undefined || preset.governanceSemanticEnabled !== undefined || preset.governanceShadowEnabled !== undefined || preset.governanceSummarizerModel !== undefined || preset.governanceClassifierModel !== undefined || preset.governanceVerifierModel !== undefined){ payload.Governance={ ...(payload.Governance || {}), enabled: preset.governanceEnabled !== undefined ? Boolean(preset.governanceEnabled) : Boolean(payload.Governance?.enabled), sticky:{ ...((payload.Governance && payload.Governance.sticky) || {}), alignment:{ ...(((payload.Governance && payload.Governance.sticky && payload.Governance.sticky.alignment) || {})), enabled: preset.governanceAlignmentEnabled !== undefined ? Boolean(preset.governanceAlignmentEnabled) : Boolean(payload.Governance?.sticky?.alignment?.enabled), summarizer_model: preset.governanceSummarizerModel !== undefined ? resolvePresetModelId(preset.governanceSummarizerModel) : (payload.Governance?.sticky?.alignment?.summarizer_model || '') } }, semantic:{ ...((payload.Governance && payload.Governance.semantic) || {}), enabled: preset.governanceSemanticEnabled !== undefined ? Boolean(preset.governanceSemanticEnabled) : Boolean(payload.Governance?.semantic?.enabled), mode:(payload.Governance?.semantic?.mode || 'classifier'), classifier_model: preset.governanceClassifierModel !== undefined ? resolvePresetModelId(preset.governanceClassifierModel) : (payload.Governance?.semantic?.classifier_model || '') }, 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();  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 || []); 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 || []);  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 renderAnomalies(anomalies){  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 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 || []);  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]=await Promise.all([    fetch('/api/governance/traces'+query),    fetch('/api/governance/metrics'+query)  ]);  const data=await traceRes.json();  const metricsData=await metricsRes.json();  renderMetrics(metricsData.metrics || {});  renderBuckets(metricsData || {});  renderAnomalies(metricsData.anomalies || []);  renderRanking(routeRanking,metricsData.topRouteReasons || [],'No routes');  renderRanking(modelRanking,metricsData.topFinalModels || [],'No models');  renderRanking(intentRanking,metricsData.topSemanticIntents || [],'No intents');  renderTrendTable(metricsData || {});  const traces=data.traces || [];  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('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);tbody.addEventListener('click',(e)=>{ const btn=e.target.closest('button[data-request]'); if(btn){ loadDetail(btn.dataset.request); } });renderDraftPresetGuide();renderDraftPresetModeHint();renderDraftPreviewMeta();loadConfigDraft();loadCompiledModels();loadExports();loadArchives();loadTraces();</script></body></html>`
         );
       });
       return server;
@@ -3586,6 +3806,16 @@ function isProcessAlive(pid) {
     return false;
   }
 }
+async function waitForProcessExit(pid, timeoutMs = 5e3) {
+  const startedAt = Date.now();
+  while (Date.now() - startedAt < timeoutMs) {
+    if (!isProcessAlive(pid)) {
+      return true;
+    }
+    await new Promise((resolve) => setTimeout(resolve, 100));
+  }
+  return !isProcessAlive(pid);
+}
 function killProcess(pid) {
   if (process.platform === "win32") {
     (0, import_child_process.spawnSync)("taskkill", ["/F", "/PID", String(pid)], { timeout: 5e3 });
@@ -4366,7 +4596,7 @@ Important: Respond ONLY with the JSON, no additional text.`;
 });
 
 // src/trigger/smart-router.ts
-var import_lru_cache7, SMART_ROUTER_PROMPT, SmartRouterSelector, smartRouterSelector;
+var import_lru_cache7, SmartRouterSelector, smartRouterSelector;
 var init_smart_router = __esm({
   "src/trigger/smart-router.ts"() {
     "use strict";
@@ -4375,26 +4605,6 @@ var init_smart_router = __esm({
     init_log();
     init_message_ir();
     init_anthropic();
-    SMART_ROUTER_PROMPT = `You are a model routing assistant. Your job is to select the most appropriate AI model from the given candidates to handle the user's request.
-
-User request:
-"""
-{request}
-"""
-
-Available models:
-{candidates}
-
-Select the most appropriate model and respond in the following JSON format ONLY:
-{
-  "model": "<exact model identifier from the list>",
-  "confidence": <0.0-1.0>,
-  "reasoning": "<brief explanation>"
-}
-
-Important:
-- The "model" field MUST be one of the exact identifiers listed above
-- Respond ONLY with the JSON, no additional text`;
     SmartRouterSelector = class {
       cache;
       constructor() {
@@ -4427,8 +4637,42 @@ Important:
       /**
        * 构建完整 prompt
        */
-      buildPrompt(text, candidates) {
-        return SMART_ROUTER_PROMPT.replace("{request}", text).replace("{candidates}", this.buildCandidatesList(candidates));
+      buildPrompt(text, candidates, hint) {
+        const sections = [
+          "You are a model routing assistant. Your job is to select the most appropriate AI model from the given candidates to handle the user's request."
+        ];
+        if (hint?.taskSummary) {
+          sections.push(`Task summary:
+"""
+${hint.taskSummary}
+"""`);
+        }
+        if (hint?.topRouteCandidates?.length) {
+          sections.push(
+            "Pre-filtered route candidates:\n" + hint.topRouteCandidates.map(
+              (candidate, index) => `${index + 1}. ${candidate.name} -> ${candidate.model}${candidate.description ? ` (${candidate.description})` : ""}${candidate.confidence !== void 0 ? ` [confidence=${candidate.confidence}]` : ""}`
+            ).join("\n")
+          );
+        }
+        sections.push(
+          `User request:
+"""
+${text}
+"""`,
+          `Available models:
+${this.buildCandidatesList(candidates)}`,
+          `Select the most appropriate model and respond in the following JSON format ONLY:
+{
+  "model": "<exact model identifier from the list>",
+  "confidence": <0.0-1.0>,
+  "reasoning": "<brief explanation>"
+}
+
+Important:
+- The "model" field MUST be one of the exact identifiers listed above
+- Respond ONLY with the JSON, no additional text`
+        );
+        return sections.join("\n\n");
       }
       /**
        * 使用 LLM 选择最优模型
@@ -4439,7 +4683,7 @@ Important:
        * @param fetchFn 可注入的 fetch 函数（用于测试）
        * @returns 选择结果，失败时返回 null
        */
-      async selectModel(text, config, port = DEFAULT_CONFIG2.PORT, fetchFn, apiKey, timeoutMs) {
+      async selectModel(text, config, port = DEFAULT_CONFIG2.PORT, fetchFn, apiKey, timeoutMs, hint) {
         if (!config.enabled) {
           return null;
         }
@@ -4453,7 +4697,7 @@ Important:
         }
         try {
           const fetchImpl = fetchFn || fetch;
-          const prompt = this.buildPrompt(text, config.candidates);
+          const prompt = this.buildPrompt(text, config.candidates, hint);
           const response = await fetchImpl(`http://127.0.0.1:${port}/v1/messages`, {
             method: "POST",
             headers: {
@@ -4520,6 +4764,82 @@ var init_selector = __esm({
     init_semantic_router();
     init_compile();
     ModelSelector = class {
+      resolveRouteModel(appConfig, ref) {
+        if (!ref) {
+          return void 0;
+        }
+        return appConfig ? resolveModelReference(appConfig, ref) ?? ref : ref;
+      }
+      buildSemanticCandidates(rules, governanceConfig) {
+        const defaultThreshold = governanceConfig?.semantic?.threshold;
+        const legacyPrototypes = governanceConfig?.semantic?.prototypes ?? {};
+        return this.sortRulesByPriority(rules).map((rule) => {
+          const prototype = rule.semantic_profile?.prototype ?? legacyPrototypes[rule.name] ?? rule.description;
+          const semanticEnabled = rule.semantic_profile?.enabled !== false && Boolean(prototype);
+          if (!semanticEnabled || !prototype) {
+            return null;
+          }
+          return {
+            rule,
+            prototype,
+            threshold: rule.semantic_profile?.threshold ?? defaultThreshold
+          };
+        }).filter(Boolean);
+      }
+      getStickyCorrection(text, req, governanceConfig) {
+        if (!governanceConfig?.enabled || !governanceConfig.sticky?.enabled || !req.sessionId) {
+          return {};
+        }
+        const fingerprint = createTaskFingerprint(text);
+        const sessionState = sessionStateStore.get(req.sessionId);
+        if (!fingerprint || sessionState?.lastTaskFingerprint !== fingerprint || !(sessionState.preferredModel || sessionState.lastSuccessfulModel)) {
+          return {};
+        }
+        return {
+          fingerprint,
+          sessionModel: sessionState.preferredModel || sessionState.lastSuccessfulModel
+        };
+      }
+      applyStickyCorrection(candidate, sticky, appConfig) {
+        if (!sticky.sessionModel) {
+          return candidate;
+        }
+        const stickyModel = this.resolveRouteModel(appConfig, sticky.sessionModel);
+        if (!stickyModel) {
+          return candidate;
+        }
+        if (!candidate) {
+          log(`[StickyRouting] Reusing model "${stickyModel}" as unified router correction`);
+          return {
+            matched: true,
+            model: stickyModel,
+            confidence: 0.95,
+            analysisTime: 0,
+            routeSource: "sticky_correction"
+          };
+        }
+        if (candidate.model === stickyModel) {
+          return candidate;
+        }
+        log(`[StickyRouting] Correcting selected model "${candidate.model}" -> "${stickyModel}"`);
+        return {
+          ...candidate,
+          model: stickyModel,
+          confidence: Math.max(candidate.confidence, 0.95),
+          routeSource: "sticky_correction"
+        };
+      }
+      buildSmartRouterHint(text, rules) {
+        return {
+          taskSummary: text.slice(0, 240),
+          topRouteCandidates: this.sortRulesByPriority(rules).filter((rule) => rule.description).slice(0, 3).map((rule) => ({
+            name: rule.name,
+            model: rule.model,
+            description: rule.description,
+            confidence: void 0
+          }))
+        };
+      }
       /**
        * 按优先级排序规则
        * 优先级数值越大，优先级越高
@@ -4604,33 +4924,29 @@ var init_selector = __esm({
             routeSource: "trigger_rule"
           };
         }
-        if (governanceConfig?.enabled && governanceConfig.sticky?.enabled && req.sessionId) {
-          const fingerprint = createTaskFingerprint(text);
-          const sessionState = sessionStateStore.get(req.sessionId);
-          if (fingerprint && sessionState?.lastTaskFingerprint === fingerprint && (sessionState.preferredModel || sessionState.lastSuccessfulModel)) {
-            const stickyModel = sessionState.preferredModel || sessionState.lastSuccessfulModel;
-            if (stickyModel) {
-              log(`[StickyRouting] Reusing model "${stickyModel}" for session "${req.sessionId}"`);
-              return {
-                matched: true,
-                model: appConfig ? resolveModelReference(appConfig, stickyModel) ?? stickyModel : stickyModel,
-                confidence: 0.95,
-                analysisTime: Date.now() - startTime,
-                analyzedText: text,
-                routeSource: "sticky"
-              };
-            }
-          }
-        }
-        if (governanceConfig?.enabled && governanceConfig.semantic?.enabled) {
-          const semanticResult = governanceConfig.semantic.mode === "classifier" ? await semanticRouter.analyzeWithClassifier(
+        const stickyCorrection = this.getStickyCorrection(text, req, governanceConfig);
+        const semanticCandidates = this.buildSemanticCandidates(config.rules, governanceConfig);
+        if (governanceConfig?.enabled && governanceConfig.semantic?.enabled && semanticCandidates.length > 0) {
+          const semanticConfig = {
+            ...governanceConfig.semantic,
+            prototypes: Object.fromEntries(semanticCandidates.map((candidate) => [candidate.rule.name, candidate.prototype]))
+          };
+          const semanticResult = semanticConfig.mode === "classifier" ? await semanticRouter.analyzeWithClassifier(
             text,
-            governanceConfig.semantic,
+            semanticConfig,
             port,
             void 0,
             apiKey,
             timeoutMs
-          ) : semanticRouter.analyze(text, governanceConfig.semantic);
+          ) : semanticRouter.analyzeCandidates(
+            text,
+            semanticCandidates.map((candidate) => ({
+              intent: candidate.rule.name,
+              prototype: candidate.prototype,
+              threshold: candidate.threshold
+            })),
+            semanticConfig.threshold
+          );
           if (semanticResult) {
             const matchedRule = config.rules.find(
               (rule) => rule.enabled !== false && rule.name.toLowerCase() === semanticResult.intent.toLowerCase()
@@ -4640,15 +4956,16 @@ var init_selector = __esm({
               if (req.governanceTrace) {
                 req.governanceTrace.semanticIntent = semanticResult.intent;
               }
-              return {
+              const semanticSelection = {
                 matched: true,
                 rule: matchedRule,
-                model: appConfig ? resolveModelReference(appConfig, matchedRule.model) ?? matchedRule.model : matchedRule.model,
+                model: this.resolveRouteModel(appConfig, matchedRule.model),
                 confidence: semanticResult.confidence,
                 analysisTime: Date.now() - startTime,
                 analyzedText: text,
-                routeSource: "intent"
+                routeSource: "semantic_match"
               };
+              return this.applyStickyCorrection(semanticSelection, stickyCorrection, appConfig) ?? semanticSelection;
             }
           }
         }
@@ -4656,16 +4973,24 @@ var init_selector = __esm({
           try {
             const resolvedSmartRouterConfig = appConfig ? {
               ...smartRouterConfig,
-              router_model: resolveModelReference(appConfig, smartRouterConfig.router_model) ?? smartRouterConfig.router_model,
+              router_model: this.resolveRouteModel(appConfig, smartRouterConfig.router_model) ?? smartRouterConfig.router_model,
               candidates: smartRouterConfig.candidates.map((candidate) => ({
                 ...candidate,
-                model: resolveModelReference(appConfig, candidate.model) ?? candidate.model
+                model: this.resolveRouteModel(appConfig, candidate.model) ?? candidate.model
               }))
             } : smartRouterConfig;
-            const smartResult = await smartRouterSelector.selectModel(text, resolvedSmartRouterConfig, port, void 0, apiKey, timeoutMs);
+            const smartResult = await smartRouterSelector.selectModel(
+              text,
+              resolvedSmartRouterConfig,
+              port,
+              void 0,
+              apiKey,
+              timeoutMs,
+              this.buildSmartRouterHint(text, config.rules)
+            );
             if (smartResult) {
               log(`[SmartRouter] Selected model "${smartResult.model}" (confidence: ${smartResult.confidence})`);
-              return {
+              const smartSelection = {
                 matched: true,
                 model: smartResult.model,
                 confidence: smartResult.confidence,
@@ -4673,6 +4998,7 @@ var init_selector = __esm({
                 analyzedText: text,
                 routeSource: "smart_router"
               };
+              return this.applyStickyCorrection(smartSelection, stickyCorrection, appConfig) ?? smartSelection;
             }
           } catch (error) {
             logError("[ModelSelector] SmartRouter error:", error);
@@ -4684,21 +5010,30 @@ var init_selector = __esm({
             if (intentResult.confidence > 0.5 && intentResult.intent !== "general") {
               const matchedRule = intentDetector.findRuleByIntent(intentResult.intent, config.rules);
               if (matchedRule) {
-                return {
+                const intentSelection = {
                   matched: true,
                   rule: matchedRule,
-                  model: appConfig ? resolveModelReference(appConfig, matchedRule.model) ?? matchedRule.model : matchedRule.model,
+                  model: this.resolveRouteModel(appConfig, matchedRule.model),
                   confidence: intentResult.confidence,
                   analysisTime: Date.now() - startTime,
                   analyzedText: text,
-                  routeSource: "intent"
+                  routeSource: "intent_fallback"
                 };
+                return this.applyStickyCorrection(intentSelection, stickyCorrection, appConfig) ?? intentSelection;
               }
             }
           } catch (error) {
             logError("[ModelSelector] Intent detection error:", error);
           }
         }
+        const stickyOnlySelection = this.applyStickyCorrection(null, stickyCorrection, appConfig);
+        if (stickyOnlySelection) {
+          return {
+            ...stickyOnlySelection,
+            analysisTime: Date.now() - startTime,
+            analyzedText: text
+          };
+        }
         return {
           matched: false,
           confidence: 0,
@@ -4855,13 +5190,15 @@ var init_trigger = __esm({
         if (req.governanceTrace) {
           if (result.routeSource === "trigger_rule" && result.rule?.name) {
             appendTraceReason(req.governanceTrace, `trigger_rule:${result.rule.name}`);
-          } else if (result.routeSource === "sticky") {
+          } else if (result.routeSource === "semantic_match" && result.rule?.name) {
+            appendTraceReason(req.governanceTrace, `semantic_match:${result.rule.name}`);
+          } else if (result.routeSource === "sticky_correction") {
             req.governanceTrace.stickyHit = true;
-            appendTraceReason(req.governanceTrace, "sticky_routing");
+            appendTraceReason(req.governanceTrace, "sticky_correction");
           } else if (result.routeSource === "smart_router") {
-            appendTraceReason(req.governanceTrace, "smart_router");
-          } else if (result.routeSource === "intent") {
-            appendTraceReason(req.governanceTrace, "intent_detection");
+            appendTraceReason(req.governanceTrace, "smart_decision");
+          } else if (result.routeSource === "intent_fallback") {
+            appendTraceReason(req.governanceTrace, "intent_fallback");
           } else {
             appendTraceReason(req.governanceTrace, "trigger_router:no_match");
           }
@@ -4919,7 +5256,7 @@ var init_trigger = __esm({
               req.body.model = result.model;
               req.triggerResult = result;
               log(
-                `[TriggerRouter] ${result.routeSource === "sticky" ? "Sticky routing selected" : result.rule ? `Matched rule "${result.rule.name}"` : "SmartRouter selected"} -> model "${result.model}" (confidence: ${result.confidence}, time: ${result.analysisTime}ms)`
+                `[TriggerRouter] ${result.routeSource === "sticky_correction" ? "Sticky correction selected" : result.routeSource === "semantic_match" ? `Semantic match "${result.rule?.name}"` : result.routeSource === "smart_router" ? "Smart fallback selected" : result.routeSource === "intent_fallback" ? `Intent fallback "${result.rule?.name}"` : result.rule ? `Matched rule "${result.rule.name}"` : "Unified router selected"} -> model "${result.model}" (confidence: ${result.confidence}, time: ${result.analysisTime}ms)`
               );
             }
           } catch (error) {
@@ -5158,6 +5495,42 @@ function applyCapabilityFallbacks(input3) {
     request: nextRequest
   };
 }
+function describeProtocolDiagnostic(code) {
+  switch (code) {
+    case "thinking_ignored":
+      return {
+        code,
+        severity: "info",
+        label: "thinking \u5DF2\u5FFD\u7565",
+        summary: "\u5F53\u524D\u6A21\u578B\u6216\u63A5\u53E3\u672A\u542F\u7528 reasoning \u80FD\u529B\uFF0C\u8BF7\u6C42\u4E2D\u7684 thinking \u8BBE\u7F6E\u4E0D\u4F1A\u7EE7\u7EED\u4F20\u7ED9\u4E0A\u6E38\u3002",
+        action: "\u5982\u9700\u4FDD\u7559 thinking\uFF0C\u8BF7\u5207\u56DE\u652F\u6301 reasoning \u7684\u6A21\u578B\uFF0C\u6216\u79FB\u9664\u5F53\u524D\u6A21\u578B\u4E0A\u7684 thinking \u914D\u7F6E\u3002"
+      };
+    case "images_text_fallback":
+      return {
+        code,
+        severity: "warn",
+        label: "\u56FE\u7247\u5DF2\u964D\u7EA7\u4E3A\u6587\u672C",
+        summary: "\u5F53\u524D\u6A21\u578B\u672A\u58F0\u660E\u56FE\u7247\u8F93\u5165\u80FD\u529B\uFF0C\u8BF7\u6C42\u4E2D\u7684\u56FE\u7247\u5185\u5BB9\u4F1A\u9000\u5316\u4E3A\u6587\u672C\u63D0\u793A\uFF0C\u4E0D\u4F1A\u539F\u6837\u53D1\u9001\u5230\u4E0A\u6E38\u3002",
+        action: "\u5982\u9700\u4FDD\u7559\u56FE\u7247\u8F93\u5165\uFF0C\u8BF7\u542F\u7528 supports_images \u6216\u5207\u56DE\u652F\u6301\u56FE\u7247\u7684\u6A21\u578B\u3002"
+      };
+    case "tools_text_fallback":
+      return {
+        code,
+        severity: "warn",
+        label: "\u5DE5\u5177\u8C03\u7528\u5DF2\u964D\u7EA7\u4E3A\u6587\u672C",
+        summary: "\u5F53\u524D\u6A21\u578B\u672A\u58F0\u660E\u5DE5\u5177\u80FD\u529B\uFF0Ctool definitions \u4E0E tool call/result \u4F1A\u9000\u5316\u4E3A\u666E\u901A\u6587\u672C\u5185\u5BB9\u3002",
+        action: "\u5982\u9700\u4FDD\u7559\u5DE5\u5177\u8C03\u7528\uFF0C\u8BF7\u542F\u7528 supports_tools \u6216\u5207\u56DE\u652F\u6301\u5DE5\u5177\u7684\u6A21\u578B\u3002"
+      };
+    default:
+      return {
+        code,
+        severity: "info",
+        label: code,
+        summary: "\u672A\u77E5\u534F\u8BAE\u8BCA\u65AD\u3002",
+        action: "\u8BF7\u7ED3\u5408\u539F\u59CB\u8BF7\u6C42\u548C\u4E0A\u6E38\u54CD\u5E94\u7EE7\u7EED\u6392\u67E5\u3002"
+      };
+  }
+}
 function omitRequestFields(body) {
   const {
     model,
@@ -5167,6 +5540,7 @@ function omitRequestFields(body) {
     thinking,
     metadata,
     max_tokens,
+    max_completion_tokens,
     ...rest
   } = body;
   return rest;
@@ -5200,10 +5574,11 @@ function buildProviderDispatchRequestFromIR(input3) {
     ...passthrough,
     ...toAnthropicMessagesRequest({
       model: input3.model,
-      max_tokens: fallback.request.max_tokens,
+      max_tokens: fallback.request.max_tokens ?? fallback.request.max_completion_tokens,
       stream: fallback.request.stream,
       metadata: fallback.request.metadata,
       tools: fallback.request.tools,
+      tool_choice: fallback.request.tool_choice,
       ir: fallback.ir
     })
   };
@@ -5669,7 +6044,16 @@ async function applyServiceAction(input3) {
   }
   const healthy = await input3.verifyHealth();
   if (!healthy) {
-    throw new Error("service health check failed");
+    if (input3.action.kind === "restart") {
+      throw new Error("service health check failed after restart; the previous ctr service may still be shutting down. Please wait a moment and retry, or run `ctr stop` first.");
+    }
+    if (input3.action.kind === "start") {
+      throw new Error("service health check failed after start; please check whether the target port is already occupied or the configuration is still invalid.");
+    }
+    if (input3.action.kind === "reload") {
+      throw new Error("service health check failed after reload; please retry or run `ctr restart` / `ctr stop` first.");
+    }
+    throw new Error("service health check failed while reusing the current service; please run `ctr status` or `ctr restart` to verify it.");
   }
 }
 var init_service = __esm({
@@ -5740,20 +6124,6 @@ function createNonMigratableResult() {
     missingFields: ["defaultModel", "apiKey", "apiBaseUrl"]
   };
 }
-function inferVendorHintFromLegacyProvider(provider) {
-  const transformerUse = Array.isArray(provider.transformer?.use) ? provider.transformer.use.map((item) => String(item).trim().toLowerCase()) : [];
-  const normalizedName = (provider.name ?? "").trim().toLowerCase();
-  if (transformerUse.includes("openrouter")) {
-    return "openrouter";
-  }
-  if (normalizedName.includes("qianfan")) {
-    return "qianfan-coding";
-  }
-  if (normalizedName.includes("minimax")) {
-    return "minimax-chatcompletion-v2";
-  }
-  return void 0;
-}
 function isLegacyProviderInput(value) {
   return typeof value === "object" && value !== null;
 }
@@ -5765,6 +6135,80 @@ function pushUnique(target, value) {
     target.push(value);
   }
 }
+function readString(value) {
+  return typeof value === "string" ? value.trim() : void 0;
+}
+function readBoolean(value) {
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "string") {
+    if (value.toLowerCase() === "true") {
+      return true;
+    }
+    if (value.toLowerCase() === "false") {
+      return false;
+    }
+  }
+  return void 0;
+}
+function readFiniteNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return void 0;
+}
+function extractSupportedTopLevelConfig(input3, consumedTopLevelFields) {
+  const nextConfig = {};
+  const hasOwn = (key) => Object.prototype.hasOwnProperty.call(input3, key);
+  const host = readString(input3.HOST);
+  if (hasOwn("HOST")) {
+    nextConfig.HOST = host;
+    consumedTopLevelFields.add("HOST");
+  }
+  const port = readFiniteNumber(input3.PORT);
+  if (hasOwn("PORT") && port !== void 0) {
+    nextConfig.PORT = port;
+    consumedTopLevelFields.add("PORT");
+  }
+  const log2 = readBoolean(input3.LOG);
+  if (hasOwn("LOG") && log2 !== void 0) {
+    nextConfig.LOG = log2;
+    consumedTopLevelFields.add("LOG");
+  }
+  const logLevel = readString(input3.LOG_LEVEL);
+  if (hasOwn("LOG_LEVEL")) {
+    nextConfig.LOG_LEVEL = logLevel;
+    consumedTopLevelFields.add("LOG_LEVEL");
+  }
+  const apiTimeoutMs = readFiniteNumber(input3.API_TIMEOUT_MS);
+  if (hasOwn("API_TIMEOUT_MS") && apiTimeoutMs !== void 0) {
+    nextConfig.API_TIMEOUT_MS = apiTimeoutMs;
+    consumedTopLevelFields.add("API_TIMEOUT_MS");
+  }
+  const proxyUrl = readString(input3.PROXY_URL);
+  if (hasOwn("PROXY_URL")) {
+    nextConfig.PROXY_URL = proxyUrl;
+    consumedTopLevelFields.add("PROXY_URL");
+  }
+  const apiKey = readString(input3.APIKEY);
+  if (hasOwn("APIKEY")) {
+    nextConfig.APIKEY = apiKey;
+    consumedTopLevelFields.add("APIKEY");
+  }
+  const customRouterPath = readString(input3.CUSTOM_ROUTER_PATH);
+  if (hasOwn("CUSTOM_ROUTER_PATH")) {
+    nextConfig.CUSTOM_ROUTER_PATH = customRouterPath;
+    consumedTopLevelFields.add("CUSTOM_ROUTER_PATH");
+  }
+  return nextConfig;
+}
 function normalizeLegacyConfig(input3) {
   const lowerProviders = Array.isArray(input3.providers) && input3.providers.every(isLegacyProviderInput) ? input3.providers : null;
   const upperProviders = Array.isArray(input3.Providers) && input3.Providers.every(isLegacyProviderInput) ? input3.Providers : null;
@@ -5788,6 +6232,7 @@ function normalizeLegacyConfig(input3) {
     pushUnique(skippedFields, alternateDefaultKey);
   }
   const consumedTopLevelFields = /* @__PURE__ */ new Set([providerKey]);
+  const supportedTopLevelConfig = extractSupportedTopLevelConfig(input3, consumedTopLevelFields);
   const providers = rawProviders.map((provider, index) => {
     if (provider.transformer !== void 0) {
       pushUnique(skippedFields, `${providerKey}[${index}].transformer`);
@@ -5799,11 +6244,11 @@ function normalizeLegacyConfig(input3) {
       name: provider.name ?? "",
       api_base_url: provider.api_base_url,
       api_key: provider.api_key ?? "",
-      models: Array.isArray(provider.models) ? provider.models : [],
-      vendor_hint: inferVendorHintFromLegacyProvider(provider)
+      models: Array.isArray(provider.models) ? provider.models : []
     };
   });
   let defaultRoute;
+  const routeSlots = {};
   if (providerKey === "providers") {
     consumedTopLevelFields.add("default");
     defaultRoute = typeof input3.default === "string" ? input3.default : void 0;
@@ -5811,18 +6256,11 @@ function normalizeLegacyConfig(input3) {
     consumedTopLevelFields.add("Router");
     if (isLegacyRouterInput(input3.Router)) {
       defaultRoute = typeof input3.Router.default === "string" ? input3.Router.default : void 0;
-      if (input3.Router.background !== void 0) {
-        pushUnique(skippedFields, "Router.background");
-      }
-      if (input3.Router.think !== void 0) {
-        pushUnique(skippedFields, "Router.think");
-      }
-      if (input3.Router.longContext !== void 0) {
-        pushUnique(skippedFields, "Router.longContext");
-      }
-      if (input3.Router.longContextThreshold !== void 0) {
-        pushUnique(skippedFields, "Router.longContextThreshold");
-      }
+      routeSlots.background = readString(input3.Router.background);
+      routeSlots.think = readString(input3.Router.think);
+      routeSlots.longContext = readString(input3.Router.longContext);
+      routeSlots.webSearch = readString(input3.Router.webSearch);
+      routeSlots.longContextThreshold = readFiniteNumber(input3.Router.longContextThreshold);
     }
   }
   for (const key of Object.keys(input3)) {
@@ -5834,6 +6272,8 @@ function normalizeLegacyConfig(input3) {
   return {
     providers,
     defaultRoute,
+    routeSlots,
+    supportedTopLevelConfig,
     skippedFields
   };
 }
@@ -5852,8 +6292,7 @@ function migrateLegacyConfig(input3) {
       interface: inferProtocolFromApiBaseUrl(provider.api_base_url),
       protocol: inferProtocolFromApiBaseUrl(provider.api_base_url),
       model,
-      providerName: provider.name,
-      vendorHint: provider.vendor_hint
+      providerName: provider.name
     })).filter((item) => item.model)
   );
   const seenIds = /* @__PURE__ */ new Map();
@@ -5871,23 +6310,29 @@ function migrateLegacyConfig(input3) {
       api_key: entry.api_key,
       interface: entry.interface,
       protocol: entry.protocol,
-      model: entry.model,
-      metadata: entry.vendorHint ? {
-        vendor_hint: entry.vendorHint
-      } : void 0
+      model: entry.model
     };
   });
-  const hasLegacyDefaultRoute = typeof normalized.defaultRoute === "string" && normalized.defaultRoute.length > 0;
-  const defaultModelId = hasLegacyDefaultRoute ? (() => {
-    const [rawProviderName, rawModelName] = String(normalized.defaultRoute).split(",");
+  const resolveLegacyRoute = (ref, fieldName) => {
+    if (!ref) {
+      return void 0;
+    }
+    const [rawProviderName, rawModelName] = String(ref).split(",");
     const providerName = (rawProviderName ?? "").trim();
     const modelName = (rawModelName ?? "").trim();
     const fromLookup = routeLookup.get(`${providerName},${modelName}`);
-    if (fromLookup) return fromLookup;
-    return models.find(
-      (item) => item.id === toModelId(providerName, modelName, 0) || item.id.startsWith(`${normalizeSegment(providerName)}_`) && item.model === modelName
-    )?.id;
-  })() : void 0;
+    if (fromLookup) {
+      return fromLookup;
+    }
+    pushUnique(normalized.skippedFields, fieldName);
+    return void 0;
+  };
+  const hasLegacyDefaultRoute = typeof normalized.defaultRoute === "string" && normalized.defaultRoute.length > 0;
+  const defaultModelId = hasLegacyDefaultRoute ? resolveLegacyRoute(normalized.defaultRoute, "Router.default") : void 0;
+  const backgroundModelId = resolveLegacyRoute(normalized.routeSlots.background, "Router.background");
+  const thinkModelId = resolveLegacyRoute(normalized.routeSlots.think, "Router.think");
+  const longContextModelId = resolveLegacyRoute(normalized.routeSlots.longContext, "Router.longContext");
+  const webSearchModelId = resolveLegacyRoute(normalized.routeSlots.webSearch, "Router.webSearch");
   const hasMissingApiKey = normalized.providers.some((provider) => provider.api_key.length === 0);
   const hasMissingApiBaseUrl = normalized.providers.some((provider) => (provider.api_base_url?.trim() ?? "").length === 0);
   const missingFields = [];
@@ -5902,9 +6347,17 @@ function migrateLegacyConfig(input3) {
   }
   return {
     draft: {
+      ...normalized.supportedTopLevelConfig,
       Providers: [],
       Models: models,
-      Router: defaultModelId ? { default: defaultModelId } : {}
+      Router: {
+        ...defaultModelId ? { default: defaultModelId } : {},
+        ...backgroundModelId ? { background: backgroundModelId } : {},
+        ...thinkModelId ? { think: thinkModelId } : {},
+        ...longContextModelId ? { longContext: longContextModelId } : {},
+        ...normalized.routeSlots.longContextThreshold !== void 0 ? { longContextThreshold: normalized.routeSlots.longContextThreshold } : {},
+        ...webSearchModelId ? { webSearch: webSearchModelId } : {}
+      }
     },
     skippedFields: normalized.skippedFields,
     needsCompletion: missingFields.length > 0,
@@ -6615,6 +7068,7 @@ async function executeRestart() {
   if (info) {
     try {
       killProcess(info.pid);
+      await waitForProcessExit(info.pid, 5e3);
     } catch {
     }
   }
@@ -7007,6 +7461,69 @@ var init_setup2 = __esm({
 });
 
 // src/doctor/index.ts
+function collectCompatibilityPreviewDiagnostics(model) {
+  const registry = buildModelRegistry({
+    Providers: [],
+    Models: [model],
+    Router: {
+      default: model.id
+    }
+  });
+  const compiledModel = registry.modelMap[model.id];
+  if (!compiledModel) {
+    return [];
+  }
+  const preview = buildProviderDispatchRequest({
+    model: compiledModel.modelName,
+    interface: compiledModel.interface ?? "openai",
+    compatibilityProfile: compiledModel.compatibilityProfile,
+    capabilities: compiledModel.capabilities,
+    request: {
+      model: compiledModel.id,
+      max_tokens: 32,
+      messages: [
+        {
+          role: "user",
+          content: [
+            {
+              type: "text",
+              text: "compatibility preview"
+            },
+            {
+              type: "image",
+              source: {
+                type: "base64",
+                media_type: "image/png",
+                data: "preview"
+              }
+            }
+          ]
+        }
+      ],
+      tools: [
+        {
+          name: "preview_tool",
+          description: "Preview tool",
+          input_schema: {
+            type: "object",
+            properties: {
+              query: { type: "string" }
+            }
+          }
+        }
+      ],
+      tool_choice: {
+        type: "tool",
+        name: "preview_tool"
+      },
+      thinking: {
+        type: "enabled",
+        effort: "medium"
+      }
+    }
+  });
+  return preview.diagnostics.map((code) => describeProtocolDiagnostic(code));
+}
 function hasArg(flag) {
   return process.argv.slice(2).includes(flag);
 }
@@ -7385,6 +7902,46 @@ async function probeModelAvailability(model) {
     };
   }
 }
+function explainProbeFailure(category) {
+  switch (category) {
+    case "auth_error":
+      return {
+        label: "\u9274\u6743\u5931\u8D25",
+        summary: "\u4E0A\u6E38\u63A5\u53E3\u62D2\u7EDD\u4E86\u5F53\u524D API Key\uFF0C\u6216\u5F53\u524D\u8D26\u53F7\u6CA1\u6709\u8BBF\u95EE\u8BE5\u6A21\u578B\u7684\u6743\u9650\u3002",
+        action: "\u8BF7\u68C0\u67E5 API Key\u3001\u8D26\u53F7\u8BA2\u9605\u72B6\u6001\uFF0C\u4EE5\u53CA\u5F53\u524D\u8D26\u53F7\u662F\u5426\u5177\u5907\u76EE\u6807\u6A21\u578B\u6743\u9650\u3002"
+      };
+    case "model_not_found":
+      return {
+        label: "\u6A21\u578B\u4E0D\u5B58\u5728\u6216\u65E0\u6743\u9650",
+        summary: "\u4E0A\u6E38\u63A5\u53E3\u65E0\u6CD5\u8BC6\u522B\u5F53\u524D\u6A21\u578B\u540D\uFF0C\u6216\u5F53\u524D\u8D26\u53F7\u6CA1\u6709\u8BE5\u6A21\u578B\u7684\u8BBF\u95EE\u6743\u9650\u3002",
+        action: "\u8BF7\u68C0\u67E5\u6A21\u578B\u540D\u662F\u5426\u6B63\u786E\uFF0C\u4EE5\u53CA\u5F53\u524D\u8D26\u53F7\u662F\u5426\u5DF2\u5F00\u901A\u8BE5\u6A21\u578B\u3002"
+      };
+    case "endpoint_unreachable":
+      return {
+        label: "\u63A5\u53E3\u4E0D\u53EF\u8FBE",
+        summary: "doctor \u65E0\u6CD5\u8FDE\u63A5\u5230\u5F53\u524D API \u5730\u5740\uFF0C\u53EF\u80FD\u662F\u5730\u5740\u3001\u7F51\u7EDC\u3001TLS \u6216\u4EE3\u7406\u914D\u7F6E\u95EE\u9898\u3002",
+        action: "\u8BF7\u68C0\u67E5 API Base URL\u3001\u7F51\u7EDC\u8FDE\u901A\u6027\u3001TLS \u8BC1\u4E66\u94FE\uFF0C\u4EE5\u53CA\u662F\u5426\u9700\u8981\u4EE3\u7406\u3002"
+      };
+    case "protocol_mismatch":
+      return {
+        label: "\u534F\u8BAE\u517C\u5BB9\u5931\u8D25",
+        summary: "\u5F53\u524D\u4E0A\u6E38\u63A5\u53E3\u4E0E\u7EDF\u4E00\u6D88\u606F\u62BD\u8C61\u5728 messages\u3001tools\u3001stream \u6216\u63A7\u5236\u5B57\u6BB5\u4E0A\u5B58\u5728\u517C\u5BB9\u5DEE\u5F02\u3002",
+        action: "\u8BF7\u5148\u786E\u8BA4 API Base URL \u548C interface \u662F\u5426\u914D\u7F6E\u6B63\u786E\uFF1B\u5982\u679C\u6587\u672C\u8BF7\u6C42\u6B63\u5E38\u4F46\u5DE5\u5177\u8C03\u7528\u5931\u8D25\uFF0C\u8BF7\u4FDD\u7559\u539F\u59CB\u62A5\u9519\u7EE7\u7EED\u6536\u655B\u517C\u5BB9\u5C42\u3002"
+      };
+    case "remote_error":
+      return {
+        label: "\u4E0A\u6E38\u8FD4\u56DE\u9519\u8BEF",
+        summary: "\u8BF7\u6C42\u5DF2\u7ECF\u5230\u8FBE\u4E0A\u6E38\uFF0C\u4F46\u4E0A\u6E38\u8FD4\u56DE\u4E86\u5176\u4ED6\u4E1A\u52A1\u6216\u670D\u52A1\u7AEF\u9519\u8BEF\u3002",
+        action: "\u8BF7\u7ED3\u5408\u539F\u59CB\u9519\u8BEF\u4FE1\u606F\u68C0\u67E5\u4E0A\u6E38\u670D\u52A1\u72B6\u6001\u3001\u6A21\u578B\u914D\u989D\u6216\u8D26\u53F7\u9650\u5236\u3002"
+      };
+    default:
+      return {
+        label: category,
+        summary: "\u672A\u77E5\u8FDC\u7AEF\u9519\u8BEF\u3002",
+        action: "\u8BF7\u4FDD\u7559\u539F\u59CB\u9519\u8BEF\u4FE1\u606F\u540E\u7EE7\u7EED\u6392\u67E5\u3002"
+      };
+  }
+}
 async function ensureServiceUsable(config, deps, configChanged) {
   const port = config.PORT ?? DEFAULT_CONFIG2.PORT;
   const healthy = await deps.probeServiceHealth(port, 500);
@@ -7470,6 +8027,26 @@ async function runDoctorCli(customDeps) {
     if (normalized.warnings.length > 0) {
       deps.io.info(`\u914D\u7F6E\u63D0\u793A\uFF1A${normalized.warnings.join("; ")}`);
     }
+    const registry = buildModelRegistry(normalized.config);
+    for (const model of normalized.config.Models ?? []) {
+      const compiledModel = registry.modelMap[model.id];
+      if (!compiledModel) {
+        continue;
+      }
+      const compatibility = describeCompatibilityProfile(compiledModel.compatibilityProfile);
+      const dispatch = describeDispatchFormat(compiledModel.dispatchFormat);
+      deps.io.info(
+        `\u6A21\u578B\u517C\u5BB9\u7B56\u7565\uFF1A${model.id} -> ${compatibility.label}`
+      );
+      deps.io.info(`\u517C\u5BB9\u8BF4\u660E\uFF1A${compatibility.summary}`);
+      deps.io.info(`\u8BF7\u6C42\u7F16\u8BD1\uFF1A${dispatch.label}\u3002${dispatch.summary}`);
+      const previewDiagnostics = collectCompatibilityPreviewDiagnostics(model);
+      for (const diagnostic of previewDiagnostics) {
+        deps.io.info(`\u8FD0\u884C\u65F6\u517C\u5BB9\u63D0\u793A\uFF1A${diagnostic.label}`);
+        deps.io.info(`\u8FD0\u884C\u65F6\u8BF4\u660E\uFF1A${diagnostic.summary}`);
+        deps.io.info(`\u8FD0\u884C\u65F6\u5EFA\u8BAE\uFF1A${diagnostic.action}`);
+      }
+    }
     const needWrite = current.repairedParse || deterministic.changes.length > 0 || completed.changes.length > 0 || !current.existed;
     if (needWrite) {
       if (current.existed) {
@@ -7488,15 +8065,24 @@ async function runDoctorCli(customDeps) {
       deps.io.info("\u5DF2\u8DF3\u8FC7\u6A21\u578B\u63A2\u6D4B\u3002\u914D\u7F6E\u548C\u670D\u52A1\u8BCA\u65AD\u5DF2\u5B8C\u6210\u3002");
       return;
     }
+    let probeSuccess = 0;
+    let probeFailure = 0;
     for (const model of normalized.config.Models ?? []) {
       const result = await probeModelAvailability(model);
       if (result.kind === "success") {
         deps.io.info(`\u6A21\u578B\u63A2\u6D4B\u6210\u529F\uFF1A${model.id}`);
+        probeSuccess += 1;
         continue;
       }
-      deps.io.error(`\u6A21\u578B\u63A2\u6D4B\u5931\u8D25\uFF1A${model.id} -> ${result.category} -> ${result.message}`);
+      const explanation = explainProbeFailure(result.category);
+      probeFailure += 1;
+      deps.io.error(`\u6A21\u578B\u63A2\u6D4B\u5931\u8D25\uFF1A${model.id} -> ${explanation.label}`);
+      deps.io.info(`\u5931\u8D25\u8BF4\u660E\uFF1A${explanation.summary}`);
+      deps.io.info(`\u5904\u7406\u5EFA\u8BAE\uFF1A${explanation.action}`);
+      deps.io.info(`\u8FDC\u7AEF\u539F\u59CB\u4FE1\u606F\uFF1A${result.message}`);
       deps.io.info("\u8FD9\u7C7B\u8FDC\u7AEF\u5931\u8D25\u9700\u8981\u4F60\u786E\u8BA4\u5E76\u624B\u52A8\u5904\u7406\uFF1Bdoctor \u4E0D\u4F1A\u81EA\u52A8\u4FEE\u6539\u6A21\u578B\u8BED\u4E49\u6216\u8FDC\u7AEF\u8D26\u53F7\u914D\u7F6E\u3002");
     }
+    deps.io.info(`\u6A21\u578B\u63A2\u6D4B\u5B8C\u6210\uFF1A\u6210\u529F ${probeSuccess}\uFF0C\u5931\u8D25 ${probeFailure}\u3002`);
     deps.io.info("doctor \u8BCA\u65AD\u5B8C\u6210\u3002");
   } finally {
     deps.io.close?.();