dsh-decision-layer 0.4.0 → 0.5.1

package/lib/client.js

@@ -24,6 +24,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client/index.tsx
 var index_exports = {};
 __export(index_exports, {
+  AnalysisView: () => AnalysisView,
   ConfigForm: () => ConfigForm,
   apply: () => apply,
   inject: () => inject
@@ -51,6 +52,7 @@ var dictionaries = {
     cardGate: "\u5371\u9669\u95E8\u63A7",
     cardCheck: "\u4EA7\u51FA\u81EA\u68C0",
     cardNarrow: "\u5DE5\u5177\u6536\u7A84",
+    cardComplete: "\u5B8C\u6210\u6838\u5BF9",
     cardTimes: " \u6B21",
     allow: "\u653E\u884C",
     ask: "\u8BE2\u95EE",
@@ -79,6 +81,7 @@ var dictionaries = {
     logGate: "\u95E8\u63A7",
     logCheck: "\u81EA\u68C0",
     logNarrow: "\u6536\u7A84",
+    logComplete: "\u5B8C\u6210\u6838\u5BF9",
     logSuggested: "\u6A21\u578B\u5EFA\u8BAE",
     logEvalFailed: "\u8BC4\u4F30\u5931\u8D25",
     logScore: "\u5F97\u5206",
@@ -89,13 +92,14 @@ var dictionaries = {
     logNarrowHint: "\u6BCF\u56DE\u5408\u5F00\u59CB\u65F6\uFF0C\u628A\u8FD9\u8F6E\u4EFB\u52A1\u4E0E\u5F53\u524D\u53EF\u7528\u5DE5\u5177\u9010\u4E2A\u4EA4\u7ED9\u88C1\u51B3\u6A21\u578B\u5224\u65AD\u76F8\u5173\u6027\uFF08noul\uFF09\uFF0C\u6458\u6389\u660E\u663E\u7528\u4E0D\u4E0A\u7684\u5DE5\u5177\uFF0C\u53EA\u5728\u5F53\u524D\u5BBF\u4E3B\u5DF2\u5141\u8BB8\u7684\u96C6\u5408\u5185\u53D6\u4EA4\u96C6\u3001\u7EDD\u4E0D\u6269\u6743\uFF1B\u300C\u4EC5\u89C2\u5BDF\u300D\u53EA\u8BB0\u5F55\u5EFA\u8BAE\uFF0C\u300C\u5DF2\u751F\u6548\u300D\u624D\u771F\u6B63\u5BF9\u672C\u56DE\u5408\u9650\u5236\u5DE5\u5177\u3002",
     actionDeny: "\u5DF2\u62D2\u7EDD",
     actionAsk: "\u8F6C\u4EA4\u5BA1\u6279",
+    actionPass: "\u672A\u5E72\u9884",
+    gatePassThrough: "\u672A\u5E72\u9884\uFF08\u6309\u539F\u8DEF\u5F84\u6267\u884C\uFF09",
     checkResultLow: "\u5F97\u5206\u504F\u4F4E",
     checkResultOk: "\u901A\u8FC7",
     reasonUnavailable: "\u540E\u7AEF\u4E0D\u53EF\u8FBE",
     reasonHttpError: "\u540E\u7AEF\u8FD4\u56DE\u9519\u8BEF",
     reasonInvalidResponse: "\u54CD\u5E94\u683C\u5F0F\u4E0D\u7B26",
     reasonLowConfidence: "\u7F6E\u4FE1\u5EA6\u4E0D\u8DB3",
-    reasonCapacity: "\u4F1A\u8BDD\u72B6\u6001\u5DF2\u6EE1",
     reasonConfig: "\u914D\u7F6E\u65E0\u6548",
     reasonTooMany: "\u5019\u9009\u8FC7\u591A",
     reasonTooManyCount: "\u5019\u9009 {count} \u4E2A\u504F\u591A",
@@ -123,6 +127,25 @@ var dictionaries = {
     featureCheckHint: "\u5173\u95ED\u540E\u4E0D\u518D\u5728\u56DE\u5408\u7ED3\u675F\u65F6\u7ED9\u6700\u7EC8\u56DE\u590D\u6253\u5206\u3002",
     featureNarrow: "\u5DE5\u5177\u6536\u7A84",
     featureNarrowHint: "\u5173\u95ED\u540E\u4E0D\u518D\u5728\u56DE\u5408\u5F00\u59CB\u65F6\u8BC4\u4F30\u5DE5\u5177\u76F8\u5173\u6027\u3002\u9632\u5FAA\u73AF\u4E3A\u786E\u5B9A\u6027\u672C\u5730\u4FDD\u62A4\uFF0C\u59CB\u7EC8\u751F\u6548\uFF0C\u4E0D\u5728\u6B64\u5F00\u5173\u8303\u56F4\u3002",
+    featureComplete: "\u4EFB\u52A1\u5B8C\u6210\u6838\u5BF9",
+    featureCompleteHint: "\u5173\u95ED\u540E\u4E0D\u518D\u5728\u56DE\u5408\u7ED3\u675F\u65F6\u9010\u9879\u6838\u5BF9\u7528\u6237\u660E\u786E\u5217\u51FA\u7684\u4EA4\u4ED8\u6761\u4EF6\u3002",
+    trendWarnHint: "\u672C\u4F1A\u8BDD\u6700\u8FD1\u8FDE\u7EED\u51E0\u8F6E\u4EA7\u51FA\u8D28\u91CF\u504F\u4F4E\uFF08\u9AD8\u7F6E\u4FE1\uFF09\u3002\u53EF\u80FD\u662F\u4EFB\u52A1\u96BE\u5EA6\u4E0A\u5347\u6216\u6A21\u578B\u72B6\u6001\u6CE2\u52A8\uFF0C\u5EFA\u8BAE\u5C1D\u8BD5\u8C03\u6574 prompt \u6216\u66F4\u6362\u6A21\u578B\u3002",
+    trendSevereHint: "\u672C\u4F1A\u8BDD\u4EA7\u51FA\u8D28\u91CF\u6301\u7EED\u504F\u4F4E\uFF08\u9AD8\u7F6E\u4FE1\uFF09\u3002\u5EFA\u8BAE\u8C03\u6574 prompt \u6216\u66F4\u6362\u6A21\u578B\uFF0C\u6216\u91CD\u5F00\u4F1A\u8BDD\u3002",
+    rateGroup: "\u6807\u6CE8\u8FD9\u6B21\u5224\u65AD",
+    rateGood: "\u5224\u5BF9\u4E86",
+    rateBad: "\u5224\u9519\u4E86",
+    rateUnsure: "\u8BF4\u4E0D\u51C6",
+    rateSummary: "\u5DF2\u6807\u6CE8 {rated} \u6761\uFF08\u5224\u5BF9 {good} / \u5224\u9519 {bad} / \u8BF4\u4E0D\u51C6 {unsure}\uFF09",
+    annotateFailed: "\u6807\u6CE8\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+    completeSteer: "\u6709\u672A\u6EE1\u8DB3\u6761\u4EF6\u65F6\u81EA\u52A8\u8865\u4E00\u8F6E",
+    completeHint: "\u56DE\u5408\u7ED3\u675F\u65F6\uFF0C\u5BF9\u7528\u6237\u660E\u786E\u5217\u51FA\u7684\u591A\u4E2A\u4EA4\u4ED8\u6761\u4EF6\uFF08\u7F16\u53F7 / \u9879\u76EE\u7B26\u53F7 / \u591A\u547D\u4EE4\uFF09\u9010\u9879\u5224\u5B9A\u300C\u5DF2\u6EE1\u8DB3 / \u672A\u6EE1\u8DB3 / \u8BC1\u636E\u4E0D\u8DB3\u300D\uFF0C\u4EE5\u5DE5\u5177\u8BC1\u636E\u4E3A\u51C6\u3001\u56DE\u590D\u81EA\u79F0\u5B8C\u6210\u4E0D\u7B97\u8BC1\u636E\u3002\u5173\u95ED\uFF1A\u53EA\u628A\u7ED3\u679C\u8BB0\u8FDB\u65E5\u5FD7\u548C\u7EDF\u8BA1\uFF0C\u4E0D\u6253\u65AD\u5BF9\u8BDD\u3002\u5F00\u542F\uFF1A\u786E\u6709\u6761\u4EF6\u88AB\u5224\u300C\u672A\u6EE1\u8DB3\u300D\u4E14\u6A21\u578B\u6709\u628A\u63E1\u65F6\uFF0C\u81EA\u52A8\u4EE5\u4F60\u7684\u540D\u4E49\u8FFD\u52A0\u4E00\u6761\u63D0\u793A\u8BA9 AI \u590D\u6838\u8865\u5B8C\uFF1B\u300C\u8BC1\u636E\u4E0D\u8DB3\u300D\u4E0D\u89E6\u53D1\u8865\u5B8C\uFF0C\u540C\u4E00\u56DE\u5408\u6700\u591A\u8865\u4E00\u6B21\u3002",
+    completeResultOk: "\u6761\u4EF6\u9F50\u5907",
+    completeResultUnsatisfied: "\u6709\u672A\u6EE1\u8DB3",
+    completeConditions: "\u6761\u4EF6",
+    completeSatisfied: "\u6EE1\u8DB3",
+    completeUnsatisfied: "\u672A\u6EE1\u8DB3",
+    completeInsufficient: "\u8BC1\u636E\u4E0D\u8DB3",
+    completeSteered: "\u5DF2\u8865\u4E00\u8F6E",
     backend: "\u88C1\u51B3\u540E\u7AEF",
     url: "\u670D\u52A1\u5730\u5740",
     model: "\u6A21\u578B",
@@ -142,9 +165,22 @@ var dictionaries = {
     unavailable: "\u8FDE\u63A5\u4E0D\u53EF\u7528",
     error: "\u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
     loading: "\u6B63\u5728\u8BFB\u53D6\u4F1A\u8BDD\u72B6\u6001",
-    capacity: "\u4F1A\u8BDD\u72B6\u6001\u5BB9\u91CF\u5DF2\u6EE1\uFF1A\u6B64\u4F1A\u8BDD\u81EA\u52A8\u4ECB\u5165\u5DF2\u6682\u505C\uFF1B\u64CD\u4F5C\u4ECD\u53D7\u5BBF\u4E3B\u6743\u9650\u7B56\u7565\u7EA6\u675F\u3002",
     destination: "\u88C1\u51B3\u65F6\u4F1A\u5411\u4EE5\u4E0B\u540E\u7AEF\u53D1\u9001\u5FC5\u8981\u7684\u8BC4\u4F30\u4E0A\u4E0B\u6587\uFF1A",
-    httpWarning: "\u6B64\u5730\u5740\u4F7F\u7528\u672A\u52A0\u5BC6\u7684 HTTP\u3002\u786E\u8BA4\u540E\uFF0CAPI Key \u4E0E\u8BC4\u4F30\u4E0A\u4E0B\u6587\u5C06\u4EE5\u660E\u6587\u53D1\u9001\u81F3\u8BE5\u5730\u5740\u3002"
+    httpWarning: "\u6B64\u5730\u5740\u4F7F\u7528\u672A\u52A0\u5BC6\u7684 HTTP\u3002\u786E\u8BA4\u540E\uFF0CAPI Key \u4E0E\u8BC4\u4F30\u4E0A\u4E0B\u6587\u5C06\u4EE5\u660E\u6587\u53D1\u9001\u81F3\u8BE5\u5730\u5740\u3002",
+    analysisTab: "\u51B3\u7B56\u5206\u6790",
+    analysisTitle: "\u51B3\u7B56\u5206\u6790",
+    analysisIntro: "\u57FA\u4E8E\u672C\u4F1A\u8BDD\u5DF2\u843D\u76D8\u7684\u51B3\u7B56\u65E5\u5FD7\u505A\u53EA\u8BFB\u805A\u5408\u4E0E\u4EBA\u5DE5\u6807\u6CE8\uFF0C\u4E0D\u6539\u53D8\u4EFB\u4F55 agent \u884C\u4E3A\u3002",
+    analysisProfile: "\u8FC7\u7A0B\u753B\u50CF",
+    analysisMeanScore: "\u5E73\u5747\u5206",
+    analysisTrend: "\u8D28\u91CF\u8D8B\u52BF\u56DE\u6D4B",
+    analysisTrendWarn: "\u544A\u8B66\u89E6\u53D1",
+    analysisTrendSevere: "\u4E25\u91CD\u89E6\u53D1",
+    analysisTrendMaxRun: "\u6700\u957F\u8FDE\u7EED\u4F4E\u5206",
+    analysisTrendNote: "\u7528\u5F53\u524D\u9608\u503C\u628A\u672C\u4F1A\u8BDD\u7684\u81EA\u68C0\u5206\u6570\u6309\u65F6\u95F4\u91CD\u653E\uFF0C\u7EDF\u8BA1\u544A\u8B66\u672C\u4F1A\u300C\u4F1A\u300D\u89E6\u53D1\u51E0\u6B21\uFF0C\u7528\u4E8E\u6821\u51C6\u9608\u503C\uFF0C\u4E0D\u662F\u5B9E\u65F6\u4FE1\u53F7\u3002",
+    analysisAccuracy: "\u5224\u65AD\u51C6\u786E\u5EA6",
+    analysisAccuracyEmpty: "\u5C1A\u672A\u6807\u6CE8\u4EFB\u4F55\u51B3\u7B56\u3002\u5728\u4E0B\u65B9\u51B3\u7B56\u5217\u8868\u9010\u6761\u6807\u6CE8\u300C\u5224\u5BF9 / \u5224\u9519 / \u8BF4\u4E0D\u51C6\u300D\u540E\uFF0C\u8FD9\u91CC\u7ED9\u51FA\u6C47\u603B\u3002",
+    analysisLogNote: "\u6807\u6CE8\u5728\u6B64\u4E0E\u4ECB\u5165\u9762\u677F\u540C\u6E90\uFF1A\u4EFB\u4E00\u5904\u6807\u6CE8\u90FD\u5199\u5165\u540C\u4E00\u4EFD\u65E5\u5FD7\u3001\u6309\u51B3\u7B56 id \u5173\u8054\u3001\u53D6\u6700\u65B0\u3002",
+    analysisLogTruncated: "\u672C\u4F1A\u8BDD\u6682\u65E0\u53EF\u5C55\u793A\u7684\u51B3\u7B56\u8BB0\u5F55\uFF08\u5185\u5B58\u65E5\u5FD7\u53EF\u80FD\u5DF2\u6EDA\u52A8\u6E05\u7406\uFF09\u3002"
   },
   en: {
     summary: "A danger-call gate, output self-check, and loop guard driven by a pluggable adjudication model.",
@@ -165,6 +201,7 @@ var dictionaries = {
     cardGate: "Danger gate",
     cardCheck: "Output self-check",
     cardNarrow: "Tool narrowing",
+    cardComplete: "Task completion",
     cardTimes: "",
     allow: "Allow",
     ask: "Ask",
@@ -193,6 +230,7 @@ var dictionaries = {
     logGate: "Gate",
     logCheck: "Self-check",
     logNarrow: "Narrow",
+    logComplete: "Completion",
     logSuggested: "model suggested",
     logEvalFailed: "evaluation failed",
     logScore: "score",
@@ -203,13 +241,14 @@ var dictionaries = {
     logNarrowHint: "At the start of each turn, the current task and each available tool are sent to the adjudication model (a noul per tool) to judge relevance, dropping tools clearly not needed. It only intersects the host-allowed set and never expands it; observe merely logs the suggestion, enforced actually restricts the tools for this turn.",
     actionDeny: "denied",
     actionAsk: "sent to approval",
+    actionPass: "no intervention",
+    gatePassThrough: "no intervention (proceeded on its original path)",
     checkResultLow: "low score",
     checkResultOk: "passed",
     reasonUnavailable: "backend unreachable",
     reasonHttpError: "backend returned an error",
     reasonInvalidResponse: "unexpected response shape",
     reasonLowConfidence: "low confidence",
-    reasonCapacity: "session state full",
     reasonConfig: "invalid configuration",
     reasonTooMany: "too many candidates",
     reasonTooManyCount: "{count} candidates is too many",
@@ -237,6 +276,25 @@ var dictionaries = {
     featureCheckHint: "When off, the final reply is no longer scored at the end of a turn.",
     featureNarrow: "Tool narrowing",
     featureNarrowHint: "When off, tool relevance is no longer evaluated at the start of a turn. The loop guard is a deterministic local safeguard that is always on and not covered by this switch.",
+    featureComplete: "Task completion check",
+    featureCompleteHint: "When off, the explicit deliverable conditions the user listed are no longer checked at turn end.",
+    trendWarnHint: "Output quality has been low for a few consecutive turns this session (high confidence). It may be rising task difficulty or model drift \u2014 consider adjusting the prompt or switching models.",
+    trendSevereHint: "Output quality has stayed low this session (high confidence). Consider adjusting the prompt, switching models, or starting a new session.",
+    rateGroup: "Rate this decision",
+    rateGood: "Correct",
+    rateBad: "Wrong",
+    rateUnsure: "Unsure",
+    rateSummary: "Rated {rated} ({good} correct / {bad} wrong / {unsure} unsure)",
+    annotateFailed: "Could not save the rating. Please retry.",
+    completeSteer: "Auto re-prompt on an unmet condition",
+    completeHint: "At turn end, each explicit deliverable condition the user listed (numbered / bulleted / multi-command) is judged satisfied / unsatisfied / insufficient evidence, with tool evidence as the source of truth \u2014 a reply claiming completion is not evidence. Off: results are only logged, the conversation is not interrupted. On: when a condition is confidently judged unsatisfied, one prompt is appended on your behalf asking the AI to review and finish it; insufficient evidence never triggers a re-prompt, and at most one per turn.",
+    completeResultOk: "conditions met",
+    completeResultUnsatisfied: "unmet found",
+    completeConditions: "conditions",
+    completeSatisfied: "met",
+    completeUnsatisfied: "unmet",
+    completeInsufficient: "insufficient",
+    completeSteered: "re-prompted",
     backend: "Decision backend",
     url: "Server URL",
     model: "Model",
@@ -256,53 +314,319 @@ var dictionaries = {
     unavailable: "Connection unavailable",
     error: "Request failed. Please retry.",
     loading: "Loading session settings",
-    capacity: "Session capacity reached: automatic intervention is paused here; host permission rules still apply.",
     destination: "Decisions send the necessary evaluation context to this backend:",
-    httpWarning: "This address uses unencrypted HTTP. Your API key and evaluation context will be sent in plaintext to this address."
+    httpWarning: "This address uses unencrypted HTTP. Your API key and evaluation context will be sent in plaintext to this address.",
+    analysisTab: "Decision analysis",
+    analysisTitle: "Decision analysis",
+    analysisIntro: "A read-only aggregate and manual annotation over this session\u2019s persisted decision log. It changes no agent behavior.",
+    analysisProfile: "Process profile",
+    analysisMeanScore: "Mean score",
+    analysisTrend: "Quality-trend backtest",
+    analysisTrendWarn: "Warn fires",
+    analysisTrendSevere: "Severe fires",
+    analysisTrendMaxRun: "Longest low run",
+    analysisTrendNote: "Replays this session\u2019s self-check scores in time order under the current thresholds to count how often the alarm would fire \u2014 a calibration aid, not a live signal.",
+    analysisAccuracy: "Decision accuracy",
+    analysisAccuracyEmpty: "No decisions rated yet. Rate rows below as correct / wrong / unsure and a summary appears here.",
+    analysisLogNote: "Ratings here share one source with the intervention panel: a rating on either surface writes to the same log, keyed by decision id, latest wins.",
+    analysisLogTruncated: "No decision rows to show for this session (the in-memory log may have rolled over)."
   }
 };
 
 // src/client/panel.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var api = "/plugins/dsh-decision-layer/api";
+var import_react2 = require("react");
+
+// src/client/api.ts
+var API_BASE = "/plugins/dsh-decision-layer/api";
 async function request(path, init) {
-  const response = await fetch(`${api}/${path}`, init);
+  const response = await fetch(`${API_BASE}/${path}`, init);
   const body = await response.json();
   if (!response.ok || !body.ok || body.value === void 0) throw new Error(body.error || "Request failed");
   return body.value;
 }
+
+// src/client/decision-log.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var time = (at) => new Date(at).toLocaleTimeString();
+function reasonText(t, reason) {
+  return reason === "unavailable" || reason === "unreachable" ? t("reasonUnavailable") : reason === "http-error" ? t("reasonHttpError") : reason === "invalid-response" ? t("reasonInvalidResponse") : reason === "low-confidence" ? t("reasonLowConfidence") : reason === "too-many-candidates" ? t("reasonTooMany") : reason === "low-keep" ? t("reasonLowKeep") : reason === "config" ? t("reasonConfig") : reason;
+}
+function actionText(t, action) {
+  return action === "deny" ? t("actionDeny") : action === "ask" ? t("actionAsk") : action === "pass" ? t("actionPass") : action;
+}
+function failDetail(t, entry) {
+  const reason = reasonText(t, entry.reason);
+  if (entry.reason === "low-confidence" && typeof entry.confidence === "number") return `${reason}\uFF08${t("logConfidence")} ${entry.confidence}\uFF09`;
+  return reason;
+}
+function renderGate({ t }, entry) {
+  const tool = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "decision-log-tool", children: entry.tool ?? "\u2014" });
+  if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    t("logGate"),
+    " \xB7 ",
+    tool,
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      t("gatePassThrough"),
+      entry.reason ? ` \xB7 ${failDetail(t, entry)}` : ""
+    ] })
+  ] });
+  if (entry.outcome === "deny") {
+    const suggestion2 = entry.suggestion && entry.suggestion !== "deny" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      " \xB7 ",
+      t("logSuggested"),
+      " ",
+      actionText(t, entry.suggestion)
+    ] }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      t("logGate"),
+      " \xB7 ",
+      tool,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-verdict", children: [
+        "\u2192 ",
+        t("actionDeny")
+      ] }),
+      suggestion2
+    ] });
+  }
+  const suggestion = entry.suggestion ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+    " \xB7 ",
+    t("logSuggested"),
+    " ",
+    actionText(t, entry.suggestion)
+  ] }) : null;
+  const lowConf = entry.reason === "low-confidence" && typeof entry.confidence === "number" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+    " \xB7 ",
+    t("reasonLowConfidence"),
+    " ",
+    entry.confidence
+  ] }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    t("logGate"),
+    " \xB7 ",
+    tool,
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-verdict", children: t("gatePassThrough") }),
+    suggestion,
+    lowConf
+  ] });
+}
+function renderCheck({ t }, entry) {
+  const label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: t("logCheckHint"), children: t("logCheck") });
+  if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    label,
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      t("logEvalFailed"),
+      entry.reason ? ` \xB7 ${failDetail(t, entry)}` : ""
+    ] })
+  ] });
+  const result = entry.outcome === "low" ? t("checkResultLow") : t("checkResultOk");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    label,
+    " \xB7 ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-verdict", children: result }),
+    entry.score !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", title: t("logScoreHint"), children: [
+      " \xB7 ",
+      t("logScore"),
+      " ",
+      entry.score,
+      "/2"
+    ] }) : null,
+    typeof entry.confidence === "number" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      " \xB7 ",
+      t("logConfidence"),
+      " ",
+      entry.confidence
+    ] }) : null
+  ] });
+}
+function renderNarrow({ t }, entry) {
+  const label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: t("logNarrowHint"), children: t("logNarrow") });
+  if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    label,
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      t("logEvalFailed"),
+      entry.reason ? ` \xB7 ${failDetail(t, entry)}` : ""
+    ] })
+  ] });
+  const dropped = entry.dropped ?? 0;
+  const kept = typeof entry.kept === "number" ? entry.kept : void 0;
+  const guardText = entry.reason === "too-many-candidates" ? typeof entry.candidates === "number" ? t("reasonTooManyCount", { count: entry.candidates }) : t("reasonTooMany") : entry.reason === "low-keep" ? t("reasonLowKeep") : void 0;
+  const guard = guardText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+    " \xB7 ",
+    guardText
+  ] }) : null;
+  const modeTag = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+    " \xB7 ",
+    entry.mode === "enforce" ? t("narrowEnforce") : t("narrowObserve")
+  ] });
+  if (dropped === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      label,
+      " \xB7 ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-verdict", children: t("narrowKept") }),
+      kept !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+        " \xB7 ",
+        t("narrowKeptCount"),
+        " ",
+        kept
+      ] }) : null,
+      guard,
+      modeTag
+    ] });
+  }
+  const names = Array.isArray(entry.tools) && entry.tools.length > 0 ? entry.tools.join("\u3001") : void 0;
+  const overflow = names && Array.isArray(entry.tools) && entry.tools.length < dropped ? t("narrowMore", { count: dropped }) : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    label,
+    " \xB7 ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-verdict", children: [
+      t("narrowDropped"),
+      " ",
+      dropped,
+      kept !== void 0 ? ` / ${t("narrowKeptCount")} ${kept}` : ""
+    ] }),
+    names ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      " \xB7 ",
+      names,
+      overflow
+    ] }) : null,
+    guard,
+    modeTag
+  ] });
+}
+function renderComplete({ t }, entry) {
+  const label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("logComplete") });
+  if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    label,
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      t("logEvalFailed"),
+      entry.reason ? ` \xB7 ${failDetail(t, entry)}` : ""
+    ] })
+  ] });
+  const result = entry.outcome === "unsatisfied" ? t("completeResultUnsatisfied") : t("completeResultOk");
+  const parts = [];
+  if (typeof entry.satisfied === "number") parts.push(`${t("completeSatisfied")} ${entry.satisfied}`);
+  if (typeof entry.unsatisfied === "number" && entry.unsatisfied > 0) parts.push(`${t("completeUnsatisfied")} ${entry.unsatisfied}`);
+  if (typeof entry.insufficient === "number" && entry.insufficient > 0) parts.push(`${t("completeInsufficient")} ${entry.insufficient}`);
+  const tally = parts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+    " \xB7 ",
+    parts.join(" / ")
+  ] }) : null;
+  const steer = entry.steered ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+    " \xB7 ",
+    t("completeSteered")
+  ] }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    label,
+    " \xB7 ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-verdict", children: result }),
+    typeof entry.conditions === "number" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
+      " \xB7 ",
+      t("completeConditions"),
+      " ",
+      entry.conditions
+    ] }) : null,
+    tally,
+    steer
+  ] });
+}
+function outcomeTagOf(entry) {
+  if (entry.kind === "narrow") return entry.outcome === "error" ? "error" : "ok";
+  if (entry.kind === "complete") return entry.outcome === "error" ? "error" : entry.outcome === "unsatisfied" ? "warn" : "ok";
+  return entry.outcome === "deny" ? "deny" : entry.outcome === "error" ? "error" : entry.outcome === "low" ? "warn" : "ok";
+}
+function renderBody(props, entry) {
+  return entry.kind === "gate" ? renderGate(props, entry) : entry.kind === "narrow" ? renderNarrow(props, entry) : entry.kind === "complete" ? renderComplete(props, entry) : renderCheck(props, entry);
+}
+function RatingButtons({ id, t, ratings, onRate }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-rate", role: "group", "aria-label": t("rateGroup"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: `decision-rate-btn${ratings[id] === "good" ? " decision-rate-on decision-rate-good" : ""}`, "aria-label": t("rateGood"), title: t("rateGood"), "aria-pressed": ratings[id] === "good", onClick: () => onRate(id, "good"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 7.2 8.1 2.4c.6-.9 2-.5 2 .6V6h3.2c.9 0 1.5.8 1.3 1.6l-1.1 4.6c-.2.8-.9 1.3-1.7 1.3H5V7.2Z", stroke: "currentColor", "stroke-width": "1.2", "stroke-linejoin": "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 7.2H2.6v6.3H5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linejoin": "round" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: `decision-rate-btn${ratings[id] === "bad" ? " decision-rate-on decision-rate-bad" : ""}`, "aria-label": t("rateBad"), title: t("rateBad"), "aria-pressed": ratings[id] === "bad", onClick: () => onRate(id, "bad"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 8.8 7.9 13.6c-.6.9-2 .5-2-.6V10H2.7c-.9 0-1.5-.8-1.3-1.6l1.1-4.6C2.7 3 3.4 2.5 4.2 2.5H11v6.3Z", stroke: "currentColor", "stroke-width": "1.2", "stroke-linejoin": "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 8.8h2.4V2.5H11", stroke: "currentColor", "stroke-width": "1.2", "stroke-linejoin": "round" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: `decision-rate-btn${ratings[id] === "unsure" ? " decision-rate-on decision-rate-unsure" : ""}`, "aria-label": t("rateUnsure"), title: t("rateUnsure"), "aria-pressed": ratings[id] === "unsure", onClick: () => onRate(id, "unsure"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "6.2", stroke: "currentColor", "stroke-width": "1.2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6.3 6.2c0-1 .8-1.7 1.7-1.7s1.7.7 1.7 1.6c0 1.3-1.6 1.4-1.7 2.6", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "11.4", r: ".8", fill: "currentColor" })
+    ] }) })
+  ] });
+}
+function DecisionLogList({ entries, ratings, onRate, t, newestFirst = true }) {
+  const rows = newestFirst ? entries.slice().reverse() : entries.slice();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "decision-log", children: rows.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: `decision-log-item decision-log-${outcomeTagOf(entry)}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-time", children: time(entry.at) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-body", children: renderBody({ t }, entry) }),
+    entry.id && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RatingButtons, { id: entry.id, t, ratings, onRate })
+  ] }, entry.id ?? `${entry.at}-${index}`)) });
+}
+
+// src/client/use-annotations.ts
+var import_react = require("react");
+function useAnnotations(sessionId, onFail) {
+  const [ratings, setRatings] = (0, import_react.useState)({});
+  const seed = (0, import_react.useCallback)((analysis) => {
+    setRatings(analysis?.ratings ?? {});
+  }, []);
+  const annotate = (0, import_react.useCallback)(async (id, rating) => {
+    setRatings((prev) => ({ ...prev, [id]: rating }));
+    try {
+      await request("annotate", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ sessionId, target: id, rating })
+      });
+    } catch {
+      onFail();
+      setRatings((prev) => {
+        const next = { ...prev };
+        delete next[id];
+        return next;
+      });
+    }
+  }, [sessionId, onFail]);
+  return { ratings, seed, annotate };
+}
+
+// src/client/panel.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function DecisionPanel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SessionPanel, { ...props }, props.sessionId);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SessionPanel, { ...props }, props.sessionId);
 }
 function Bar({ allow, ask, deny }) {
   const total = allow + ask + deny;
-  if (total === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "decision-bar decision-bar-empty", "aria-hidden": "true" });
+  if (total === 0) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "decision-bar decision-bar-empty", "aria-hidden": "true" });
   const pct = (n) => `${n / total * 100}%`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-bar", "aria-hidden": "true", children: [
-    allow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-bar-allow", style: { width: pct(allow) } }),
-    ask > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-bar-ask", style: { width: pct(ask) } }),
-    deny > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-bar-deny", style: { width: pct(deny) } })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-bar", "aria-hidden": "true", children: [
+    allow > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-bar-allow", style: { width: pct(allow) } }),
+    ask > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-bar-ask", style: { width: pct(ask) } }),
+    deny > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-bar-deny", style: { width: pct(deny) } })
   ] });
 }
 function SessionPanel({ sessionId, t }) {
-  const dialog = (0, import_react.useRef)(null);
-  const trigger = (0, import_react.useRef)(null);
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [enabled, setEnabled] = (0, import_react.useState)(null);
-  const [capacityExceeded, setCapacityExceeded] = (0, import_react.useState)(false);
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const [metrics, setMetrics] = (0, import_react.useState)(null);
-  const [log, setLog] = (0, import_react.useState)([]);
-  const [status, setStatus] = (0, import_react.useState)("idle");
-  const [message, setMessage] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
+  const dialog = (0, import_react2.useRef)(null);
+  const trigger = (0, import_react2.useRef)(null);
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [enabled, setEnabled] = (0, import_react2.useState)(null);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [metrics, setMetrics] = (0, import_react2.useState)(null);
+  const [log, setLog] = (0, import_react2.useState)([]);
+  const [analysis, setAnalysis] = (0, import_react2.useState)(null);
+  const [status, setStatus] = (0, import_react2.useState)("idle");
+  const [message, setMessage] = (0, import_react2.useState)("");
+  const { ratings, seed, annotate } = useAnnotations(sessionId, () => setMessage(t("annotateFailed")));
+  (0, import_react2.useEffect)(() => {
     let live = true;
     void request(`session?sessionId=${encodeURIComponent(sessionId)}`).then((value) => {
-      if (live) {
-        setEnabled(value.enabled);
-        setCapacityExceeded(Boolean(value.capacityExceeded));
-      }
+      if (live) setEnabled(value.enabled);
     }).catch(() => {
       if (live) setMessage(t("error"));
     });
@@ -323,7 +647,7 @@ function SessionPanel({ sessionId, t }) {
       if (live()) setStatus("down");
     });
   };
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!open) return;
     const element = dialog.current;
     if (!element) return;
@@ -338,11 +662,18 @@ function SessionPanel({ sessionId, t }) {
       if (alive) setLog(value.entries);
     }).catch(() => {
     });
+    void request(`logs?sessionId=${encodeURIComponent(sessionId)}`).then((value) => {
+      if (alive) {
+        setAnalysis(value);
+        seed(value);
+      }
+    }).catch(() => {
+    });
     return () => {
       alive = false;
       element.close();
     };
-  }, [open, t, sessionId]);
+  }, [open, t, sessionId, seed]);
   const updateEnabled = async (next) => {
     setBusy(true);
     try {
@@ -352,159 +683,34 @@ function SessionPanel({ sessionId, t }) {
         body: JSON.stringify({ sessionId, enabled: next })
       });
       setEnabled(value.enabled);
-      setCapacityExceeded(Boolean(value.capacityExceeded));
     } catch {
       setMessage(t("error"));
     } finally {
       setBusy(false);
     }
   };
-  const time = (at) => new Date(at).toLocaleTimeString();
-  const reasonText = (reason) => reason === "unavailable" || reason === "unreachable" ? t("reasonUnavailable") : reason === "http-error" ? t("reasonHttpError") : reason === "invalid-response" ? t("reasonInvalidResponse") : reason === "low-confidence" ? t("reasonLowConfidence") : reason === "capacity" ? t("reasonCapacity") : reason === "too-many-candidates" ? t("reasonTooMany") : reason === "low-keep" ? t("reasonLowKeep") : reason === "config" ? t("reasonConfig") : reason;
-  const actionText = (action) => action === "deny" ? t("actionDeny") : action === "ask" ? t("actionAsk") : action;
-  const failDetail = (entry) => {
-    const reason = reasonText(entry.reason);
-    if (entry.reason === "low-confidence" && typeof entry.confidence === "number") return `${reason}\uFF08${t("logConfidence")} ${entry.confidence}\uFF09`;
-    return reason;
-  };
-  const outcomeTag = (entry) => entry.outcome === "deny" ? "deny" : entry.outcome === "error" ? "error" : entry.outcome === "low" ? "warn" : "ok";
-  const renderGate = (entry) => {
-    const tool = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "decision-log-tool", children: entry.tool ?? "\u2014" });
-    if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      t("logGate"),
-      " \xB7 ",
-      tool,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-        t("logEvalFailed"),
-        entry.reason ? ` \xB7 ${failDetail(entry)}` : ""
-      ] })
-    ] });
-    const verdict = entry.outcome === "deny" ? t("actionDeny") : actionText(entry.action) ?? entry.outcome;
-    const suggestion = entry.suggestion && entry.suggestion !== entry.action ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-      " \xB7 ",
-      t("logSuggested"),
-      " ",
-      actionText(entry.suggestion)
-    ] }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      t("logGate"),
-      " \xB7 ",
-      tool,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-verdict", children: [
-        "\u2192 ",
-        verdict
-      ] }),
-      suggestion
-    ] });
-  };
-  const renderCheck = (entry) => {
-    const label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: t("logCheckHint"), children: t("logCheck") });
-    if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      label,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-        t("logEvalFailed"),
-        entry.reason ? ` \xB7 ${failDetail(entry)}` : ""
-      ] })
-    ] });
-    const result = entry.outcome === "low" ? t("checkResultLow") : t("checkResultOk");
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      label,
-      " \xB7 ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-verdict", children: result }),
-      entry.score !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", title: t("logScoreHint"), children: [
-        " \xB7 ",
-        t("logScore"),
-        " ",
-        entry.score,
-        "/2"
-      ] }) : null,
-      typeof entry.confidence === "number" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-        " \xB7 ",
-        t("logConfidence"),
-        " ",
-        entry.confidence
-      ] }) : null
-    ] });
-  };
-  const renderNarrow = (entry) => {
-    const label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: t("logNarrowHint"), children: t("logNarrow") });
-    if (entry.outcome === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      label,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-        t("logEvalFailed"),
-        entry.reason ? ` \xB7 ${failDetail(entry)}` : ""
-      ] })
-    ] });
-    const dropped = entry.dropped ?? 0;
-    const kept = typeof entry.kept === "number" ? entry.kept : void 0;
-    const guardText = entry.reason === "too-many-candidates" ? typeof entry.candidates === "number" ? t("reasonTooManyCount", { count: entry.candidates }) : t("reasonTooMany") : entry.reason === "low-keep" ? t("reasonLowKeep") : void 0;
-    const guard = guardText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-      " \xB7 ",
-      guardText
-    ] }) : null;
-    const modeTag = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-      " \xB7 ",
-      entry.mode === "enforce" ? t("narrowEnforce") : t("narrowObserve")
-    ] });
-    if (dropped === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        label,
-        " \xB7 ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-verdict", children: t("narrowKept") }),
-        kept !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-          " \xB7 ",
-          t("narrowKeptCount"),
-          " ",
-          kept
-        ] }) : null,
-        guard,
-        modeTag
-      ] });
-    }
-    const names = Array.isArray(entry.tools) && entry.tools.length > 0 ? entry.tools.join("\u3001") : void 0;
-    const overflow = names && Array.isArray(entry.tools) && entry.tools.length < dropped ? t("narrowMore", { count: dropped }) : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      label,
-      " \xB7 ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-verdict", children: [
-        t("narrowDropped"),
-        " ",
-        dropped,
-        kept !== void 0 ? ` / ${t("narrowKeptCount")} ${kept}` : ""
-      ] }),
-      names ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-log-detail", children: [
-        " \xB7 ",
-        names,
-        overflow
-      ] }) : null,
-      guard,
-      modeTag
-    ] });
-  };
-  const outcomeTagOf = (entry) => entry.kind === "narrow" ? entry.outcome === "error" ? "error" : entry.outcome === "applied" ? "ok" : "ok" : outcomeTag(entry);
+  const time2 = (at) => new Date(at).toLocaleTimeString();
   const statusLabel = status === "ok" ? t("statusOk") : status === "down" ? t("statusDown") : status === "checking" ? t("statusChecking") : t("statusIdle");
   const attempts = metrics?.attempts ?? 0;
+  const severity = metrics?.check?.trend?.severity ?? "normal";
+  const trendTitle = severity === "severe" ? t("trendSevereHint") : severity === "warn" ? t("trendWarnHint") : void 0;
   const checkValid = metrics?.check ? metrics.check.attempts - metrics.check.failures : 0;
   const checkPassRate = metrics?.check && checkValid > 0 ? Math.round((checkValid - metrics.check.low) / checkValid * 100) : null;
   const narrowValid = metrics?.narrow ? metrics.narrow.attempts - metrics.narrow.failures : 0;
   const narrowApplyRate = metrics?.narrow && narrowValid > 0 ? Math.round(metrics.narrow.applied / narrowValid * 100) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { ref: trigger, className: "decision-trigger", type: "button", "aria-haspopup": "dialog", "aria-expanded": open, "aria-busy": enabled === null, "aria-label": t("button"), onClick: () => setOpen(true), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "decision-trigger-icon", width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 1.5 2 4.2v3.6c0 3.3 2.3 5.6 6 6.7 3.7-1.1 6-3.4 6-6.7V4.2L8 1.5Z", stroke: "currentColor", "stroke-width": "1.3", "stroke-linejoin": "round" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m5.6 8 1.7 1.8L10.6 6.3", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { ref: trigger, className: `decision-trigger decision-trend-${severity}`, type: "button", "aria-haspopup": "dialog", "aria-expanded": open, "aria-busy": enabled === null, "aria-label": t("button"), title: trendTitle, onClick: () => setOpen(true), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { className: "decision-trigger-icon", width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "8", cy: "8", r: "6.4", stroke: "currentColor", "stroke-width": "1.3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 4.6 11.3 11H4.7L8 4.6Z", fill: "currentColor", stroke: "none" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-trigger-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-trigger-text", children: [
         t("triggerDecisions"),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: attempts })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: attempts })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "dialog",
       {
         ref: dialog,
@@ -529,150 +735,174 @@ function SessionPanel({ sessionId, t }) {
           trigger.current?.focus();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-head", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "decision-panel-title", children: t("title") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { id: "decision-panel-title", children: t("title") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: () => {
               dialog.current?.close();
             }, "aria-label": t("close"), children: "\xD7" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-body", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
-              enabled === null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "status", children: t("loading") }),
-              capacityExceeded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", children: t("capacity") }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "decision-toggle", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-toggle-text", children: t("enabled") }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-toggle-box", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { children: [
+              enabled === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", children: t("loading") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-toggle", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-toggle-text", children: t("enabled") }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-toggle-box", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "input",
                     {
                       className: "decision-toggle-input",
                       type: "checkbox",
                       checked: enabled === true,
-                      disabled: busy || enabled === null || capacityExceeded,
+                      disabled: busy || enabled === null,
                       onChange: (event) => void updateEnabled(event.target.checked)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-toggle-track", "aria-hidden": "true" })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-toggle-track", "aria-hidden": "true" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-status", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `decision-status-dot decision-status-${status}`, "aria-hidden": "true" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-status-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-status", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `decision-status-dot decision-status-${status}`, "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-status-label", children: [
                   t("backendStatus"),
                   "\uFF1A",
                   statusLabel
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "decision-status-recheck", disabled: status === "checking", onClick: () => checkStatus(() => true), children: t("recheck") })
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "decision-status-recheck", disabled: status === "checking", onClick: () => checkStatus(() => true), children: t("recheck") })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("metrics") }),
-              !metrics?.gate && !metrics?.check && !metrics?.narrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "decision-empty", role: "status", children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-cards", children: [
-                metrics.gate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "decision-card decision-card-wide", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "decision-card-head", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-card-title", children: t("cardGate") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-card-total", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: t("metrics") }),
+              !metrics?.gate && !metrics?.check && !metrics?.narrow && !metrics?.complete ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-empty", role: "status", children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-cards", children: [
+                metrics.gate && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { className: "decision-card decision-card-wide", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "decision-card-head", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-card-title", children: t("cardGate") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-card-total", children: [
                       metrics.gate.attempts,
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: t("cardTimes") })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: t("cardTimes") })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bar, { allow: metrics.gate.allow, ask: metrics.gate.ask, deny: metrics.gate.deny }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { className: "decision-legend", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-legend-dot decision-dot-allow", "aria-hidden": "true" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Bar, { allow: metrics.gate.allow, ask: metrics.gate.ask, deny: metrics.gate.deny }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("ul", { className: "decision-legend", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-legend-dot decision-dot-allow", "aria-hidden": "true" }),
                       t("allow"),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: metrics.gate.allow })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: metrics.gate.allow })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-legend-dot decision-dot-ask", "aria-hidden": "true" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-legend-dot decision-dot-ask", "aria-hidden": "true" }),
                       t("ask"),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: metrics.gate.ask })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: metrics.gate.ask })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-legend-dot decision-dot-deny", "aria-hidden": "true" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-legend-dot decision-dot-deny", "aria-hidden": "true" }),
                       t("deny"),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: metrics.gate.deny })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: metrics.gate.deny })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "decision-card-foot", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("footer", { className: "decision-card-foot", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
                       t("actualShort"),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("b", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("b", { children: [
                         metrics.gate.actual.allow,
                         " / ",
                         metrics.gate.actual.deny
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
                       t("failures"),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: metrics.gate.failures })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: metrics.gate.failures })
                     ] })
                   ] })
                 ] }),
-                metrics.check && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "decision-card", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "decision-card-head", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-card-title", children: t("cardCheck") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-card-total", children: [
+                metrics.check && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { className: "decision-card", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "decision-card-head", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-card-title", children: t("cardCheck") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-card-total", children: [
                       metrics.check.attempts,
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: t("cardTimes") })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: t("cardTimes") })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-card-stats", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-stat", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-num decision-stat-warn", children: metrics.check.low }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-label", children: t("checkLow") })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-card-stats", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num decision-stat-warn", children: metrics.check.low }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("checkLow") })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-stat", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-num", children: metrics.check.attempts - metrics.check.low - metrics.check.failures }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-label", children: t("checkOk") })
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num", children: metrics.check.attempts - metrics.check.low - metrics.check.failures }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("checkOk") })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-stat", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-num decision-stat-muted", children: metrics.check.failures }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-label", children: t("failures") })
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num decision-stat-muted", children: metrics.check.failures }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("failures") })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("footer", { className: "decision-card-foot decision-card-rate", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("footer", { className: "decision-card-foot decision-card-rate", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
                     t("checkPassRate"),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: checkPassRate === null ? t("rateNa") : `${checkPassRate}%` })
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: checkPassRate === null ? t("rateNa") : `${checkPassRate}%` })
                   ] }) })
                 ] }),
-                metrics.narrow && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "decision-card", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "decision-card-head", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-card-title", children: t("cardNarrow") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "decision-card-total", children: [
+                metrics.narrow && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { className: "decision-card", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "decision-card-head", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-card-title", children: t("cardNarrow") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-card-total", children: [
                       metrics.narrow.attempts,
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: t("cardTimes") })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: t("cardTimes") })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-card-stats", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-stat", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-num", children: metrics.narrow.applied }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-label", children: t("narrowAppliedLabel") })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-card-stats", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num", children: metrics.narrow.applied }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("narrowAppliedLabel") })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-stat", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-num", children: metrics.narrow.dropped }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-label", children: t("narrowDroppedLabel") })
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num", children: metrics.narrow.dropped }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("narrowDroppedLabel") })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decision-stat", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-num decision-stat-muted", children: metrics.narrow.failures }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-stat-label", children: t("failures") })
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num decision-stat-muted", children: metrics.narrow.failures }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("failures") })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("footer", { className: "decision-card-foot decision-card-rate", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("footer", { className: "decision-card-foot decision-card-rate", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
                     t("narrowApplyRate"),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: narrowApplyRate === null ? t("rateNa") : `${narrowApplyRate}%` })
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: narrowApplyRate === null ? t("rateNa") : `${narrowApplyRate}%` })
+                  ] }) })
+                ] }),
+                metrics.complete && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { className: "decision-card", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "decision-card-head", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-card-title", children: t("cardComplete") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-card-total", children: [
+                      metrics.complete.attempts,
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: t("cardTimes") })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-card-stats", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num", children: metrics.complete.satisfied }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("completeSatisfied") })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num decision-stat-warn", children: metrics.complete.unsatisfied }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("completeUnsatisfied") })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-stat", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-num decision-stat-muted", children: metrics.complete.insufficient }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-stat-label", children: t("completeInsufficient") })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("footer", { className: "decision-card-foot decision-card-rate", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+                    t("failures"),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: metrics.complete.failures })
                   ] }) })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("log") }),
-              log.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "decision-empty", role: "status", children: t("logEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "decision-log", children: log.slice().reverse().map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: `decision-log-item decision-log-${outcomeTagOf(entry)}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-time", children: time(entry.at) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "decision-log-body", children: entry.kind === "gate" ? renderGate(entry) : entry.kind === "narrow" ? renderNarrow(entry) : renderCheck(entry) })
-              ] }, `${entry.at}-${index}`)) })
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: t("log") }),
+              log.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-empty", role: "status", children: t("logEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DecisionLogList, { entries: log, ratings, onRate: (id, rating) => void annotate(id, rating), t }),
+              analysis && analysis.annotations.rated > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-muted decision-rate-summary", children: t("rateSummary", { rated: analysis.annotations.rated, good: analysis.annotations.good, bad: analysis.annotations.bad, unsure: analysis.annotations.unsure }) })
             ] }),
-            message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "status", className: "decision-message decision-message-warn", children: message })
+            message && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", className: "decision-message decision-message-warn", children: message })
           ] })
         ]
       }
@@ -680,12 +910,144 @@ function SessionPanel({ sessionId, t }) {
   ] });
 }
 
+// src/client/analysis-view.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Stat({ label, value, tone }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-stat", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `decision-stat-num${tone ? ` decision-stat-${tone}` : ""}`, children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "decision-stat-label", children: label })
+  ] });
+}
+function AnalysisView({ sessionId, t }) {
+  const [analysis, setAnalysis] = (0, import_react3.useState)(null);
+  const [log, setLog] = (0, import_react3.useState)([]);
+  const [loaded, setLoaded] = (0, import_react3.useState)(false);
+  const [message, setMessage] = (0, import_react3.useState)("");
+  const { ratings, seed, annotate } = useAnnotations(sessionId, () => setMessage(t("annotateFailed")));
+  (0, import_react3.useEffect)(() => {
+    let alive = true;
+    setMessage("");
+    setLoaded(false);
+    void Promise.allSettled([
+      request(`logs?sessionId=${encodeURIComponent(sessionId)}`).then((value) => {
+        if (alive) {
+          setAnalysis(value);
+          seed(value);
+        }
+      }),
+      request(`log?sessionId=${encodeURIComponent(sessionId)}`).then((value) => {
+        if (alive) setLog(value.entries);
+      })
+    ]).finally(() => {
+      if (alive) setLoaded(true);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [sessionId, seed]);
+  const profile = analysis?.profile;
+  const backtest = analysis?.trendBacktest;
+  const annotations = analysis?.annotations;
+  const meanScore = profile && profile.check.scoreCount > 0 ? Math.round(profile.check.scoreSum / profile.check.scoreCount * 10) / 10 : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "decision-analysis", role: "region", "aria-label": t("analysisTitle"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-analysis-inner", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "decision-analysis-title", children: t("analysisTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-muted decision-analysis-intro", children: t("analysisIntro") }),
+    loaded && (!analysis || analysis.totalDecisions === 0) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-empty", role: "status", children: t("logEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      profile && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "decision-analysis-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("analysisProfile") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-analysis-cards", children: [
+          profile.gate.attempts > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "decision-card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "decision-card-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "decision-card-title", children: t("cardGate") }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "decision-card-total", children: [
+                profile.gate.attempts,
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: t("cardTimes") })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-card-stats", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("deny"), value: profile.gate.deny, tone: "warn" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("allow"), value: profile.gate.allow }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("ask"), value: profile.gate.ask }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("failures"), value: profile.gate.error, tone: "muted" })
+            ] })
+          ] }),
+          profile.check.attempts > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "decision-card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "decision-card-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "decision-card-title", children: t("cardCheck") }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "decision-card-total", children: [
+                profile.check.attempts,
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: t("cardTimes") })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-card-stats", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("checkLow"), value: profile.check.low, tone: "warn" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("checkOk"), value: profile.check.ok }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("analysisMeanScore"), value: meanScore === null ? t("rateNa") : `${meanScore}/2` }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("failures"), value: profile.check.error, tone: "muted" })
+            ] })
+          ] }),
+          profile.narrow.attempts > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "decision-card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "decision-card-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "decision-card-title", children: t("cardNarrow") }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "decision-card-total", children: [
+                profile.narrow.attempts,
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: t("cardTimes") })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-card-stats", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("narrowAppliedLabel"), value: profile.narrow.applied }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("narrowDroppedLabel"), value: profile.narrow.droppedSum }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("failures"), value: profile.narrow.error, tone: "muted" })
+            ] })
+          ] }),
+          profile.complete.attempts > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "decision-card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "decision-card-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "decision-card-title", children: t("cardComplete") }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "decision-card-total", children: [
+                profile.complete.attempts,
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: t("cardTimes") })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-card-stats", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("completeSatisfied"), value: profile.complete.satisfied }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("completeUnsatisfied"), value: profile.complete.unsatisfied, tone: "warn" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("completeInsufficient"), value: profile.complete.insufficient, tone: "muted" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      backtest && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "decision-analysis-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("analysisTrend") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "decision-card-stats decision-analysis-trend", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("analysisTrendWarn"), value: backtest.warnHits }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("analysisTrendSevere"), value: backtest.severeHits, tone: "warn" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stat, { label: t("analysisTrendMaxRun"), value: backtest.maxRun })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-muted decision-analysis-note", children: t("analysisTrendNote") })
+      ] }),
+      annotations && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "decision-analysis-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("analysisAccuracy") }),
+        annotations.rated === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-muted", children: t("analysisAccuracyEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-muted decision-rate-summary", children: t("rateSummary", { rated: annotations.rated, good: annotations.good, bad: annotations.bad, unsure: annotations.unsure }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "decision-analysis-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("log") }),
+        log.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-empty", role: "status", children: t("analysisLogTruncated") }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DecisionLogList, { entries: log, ratings, onRate: (id, rating) => void annotate(id, rating), t }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "decision-muted decision-analysis-note", children: t("analysisLogNote") })
+        ] })
+      ] })
+    ] }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "status", className: "decision-message decision-message-warn", children: message })
+  ] }) });
+}
+
 // src/client/config-form.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var api2 = "/plugins/dsh-decision-layer/api";
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var api = "/plugins/dsh-decision-layer/api";
 async function request2(path, fetchFn, init) {
-  const response = await fetchFn(`${api2}/${path}`, init);
+  const response = await fetchFn(`${api}/${path}`, init);
   const body = await response.json();
   if (!response.ok || !body.ok || body.value === void 0) throw new Error(body.error || "Request failed");
   return body.value;
@@ -699,31 +1061,31 @@ var maxCandidatesOf = (settings) => settings?.maxCandidates ?? DEFAULT_MAX_CANDI
 var thresholdOf = (settings) => settings?.threshold ?? DEFAULT_THRESHOLD;
 function HeadIcon({ name }) {
   const glyphs = {
-    features: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "2", y: "3", width: "12", height: "4.2", rx: "2.1", stroke: "currentColor", "stroke-width": "1.3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.9", cy: "5.1", r: "1.25", fill: "currentColor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "2", y: "8.8", width: "12", height: "4.2", rx: "2.1", stroke: "currentColor", "stroke-width": "1.3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "4.1", cy: "10.9", r: "1.25", fill: "currentColor" })
+    features: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "2", y: "3", width: "12", height: "4.2", rx: "2.1", stroke: "currentColor", "stroke-width": "1.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "11.9", cy: "5.1", r: "1.25", fill: "currentColor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "2", y: "8.8", width: "12", height: "4.2", rx: "2.1", stroke: "currentColor", "stroke-width": "1.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4.1", cy: "10.9", r: "1.25", fill: "currentColor" })
     ] }),
-    advanced: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M2.5 5h11M2.5 11h11", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "10.5", cy: "5", r: "1.9", fill: "var(--dsw-alias-bg-layer-2,#fff)", stroke: "currentColor", "stroke-width": "1.3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5.5", cy: "11", r: "1.9", fill: "var(--dsw-alias-bg-layer-2,#fff)", stroke: "currentColor", "stroke-width": "1.3" })
+    advanced: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2.5 5h11M2.5 11h11", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "10.5", cy: "5", r: "1.9", fill: "var(--dsw-alias-bg-layer-2,#fff)", stroke: "currentColor", "stroke-width": "1.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "5.5", cy: "11", r: "1.9", fill: "var(--dsw-alias-bg-layer-2,#fff)", stroke: "currentColor", "stroke-width": "1.3" })
     ] }),
-    backend: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "2.3", y: "2.6", width: "11.4", height: "4.6", rx: "1.1", stroke: "currentColor", "stroke-width": "1.3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "2.3", y: "8.8", width: "11.4", height: "4.6", rx: "1.1", stroke: "currentColor", "stroke-width": "1.3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5", cy: "4.9", r: ".7", fill: "currentColor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5", cy: "11.1", r: ".7", fill: "currentColor" })
+    backend: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "2.3", y: "2.6", width: "11.4", height: "4.6", rx: "1.1", stroke: "currentColor", "stroke-width": "1.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "2.3", y: "8.8", width: "11.4", height: "4.6", rx: "1.1", stroke: "currentColor", "stroke-width": "1.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "5", cy: "4.9", r: ".7", fill: "currentColor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "5", cy: "11.1", r: ".7", fill: "currentColor" })
     ] })
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `decision-head-icon decision-head-icon-${name}`, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", children: glyphs[name] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `decision-head-icon decision-head-icon-${name}`, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", children: glyphs[name] }) });
 }
 function Toggle({ label, checked, disabled, onChange }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-toggle", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-toggle-text", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "decision-toggle-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-toggle-text", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "decision-toggle-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "input",
         {
           className: "decision-toggle-input",
@@ -733,42 +1095,46 @@ function Toggle({ label, checked, disabled, onChange }) {
           onChange: (event) => onChange(event.target.checked)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-toggle-track", "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-toggle-track", "aria-hidden": "true" })
     ] })
   ] });
 }
 function ConfigForm({ t, fetchFn = fetch }) {
-  const [config, setConfig] = (0, import_react2.useState)({ url: "", model: "", apiKeySet: false, httpApprovedUrl: "", effectiveUrl: "https://api.typesafe.ai" });
-  const [checkMode, setCheckMode] = (0, import_react2.useState)("observe");
-  const [narrowMode, setNarrowMode] = (0, import_react2.useState)("enforce");
-  const [keepPrefixes, setKeepPrefixes] = (0, import_react2.useState)(DEFAULT_KEEP_PREFIXES.join("\n"));
-  const [maxCandidates, setMaxCandidates] = (0, import_react2.useState)(String(DEFAULT_MAX_CANDIDATES));
-  const [threshold, setThreshold] = (0, import_react2.useState)(String(DEFAULT_THRESHOLD));
-  const [gateOn, setGateOn] = (0, import_react2.useState)(true);
-  const [checkOn, setCheckOn] = (0, import_react2.useState)(true);
-  const [narrowOn, setNarrowOn] = (0, import_react2.useState)(true);
-  const [key, setKey] = (0, import_react2.useState)("");
-  const [busy, setBusy] = (0, import_react2.useState)(false);
-  const [advancedDirty, setAdvancedDirty] = (0, import_react2.useState)(false);
-  const [backendDirty, setBackendDirty] = (0, import_react2.useState)(false);
-  const [ready, setReady] = (0, import_react2.useState)(false);
-  const [message, setMessage] = (0, import_react2.useState)(null);
-  const [probeResult, setProbeResult] = (0, import_react2.useState)(null);
+  const [config, setConfig] = (0, import_react4.useState)({ url: "", model: "", apiKeySet: false, httpApprovedUrl: "", effectiveUrl: "https://api.typesafe.ai" });
+  const [checkMode, setCheckMode] = (0, import_react4.useState)("observe");
+  const [narrowMode, setNarrowMode] = (0, import_react4.useState)("enforce");
+  const [keepPrefixes, setKeepPrefixes] = (0, import_react4.useState)(DEFAULT_KEEP_PREFIXES.join("\n"));
+  const [maxCandidates, setMaxCandidates] = (0, import_react4.useState)(String(DEFAULT_MAX_CANDIDATES));
+  const [threshold, setThreshold] = (0, import_react4.useState)(String(DEFAULT_THRESHOLD));
+  const [gateOn, setGateOn] = (0, import_react4.useState)(true);
+  const [checkOn, setCheckOn] = (0, import_react4.useState)(true);
+  const [narrowOn, setNarrowOn] = (0, import_react4.useState)(true);
+  const [completeOn, setCompleteOn] = (0, import_react4.useState)(true);
+  const [completeMode, setCompleteMode] = (0, import_react4.useState)("observe");
+  const [key, setKey] = (0, import_react4.useState)("");
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [advancedDirty, setAdvancedDirty] = (0, import_react4.useState)(false);
+  const [backendDirty, setBackendDirty] = (0, import_react4.useState)(false);
+  const [ready, setReady] = (0, import_react4.useState)(false);
+  const [message, setMessage] = (0, import_react4.useState)(null);
+  const [probeResult, setProbeResult] = (0, import_react4.useState)(null);
   const applyFeatures = (features) => {
     setGateOn(features?.gate !== false);
     setCheckOn(features?.check !== false);
     setNarrowOn(features?.narrow !== false);
+    setCompleteOn(features?.complete !== false);
   };
   const applyConfig = (value) => {
     setConfig(value);
     setCheckMode(value.checkSettings?.mode ?? "observe");
     setNarrowMode(value.narrowSettings?.mode ?? "enforce");
+    setCompleteMode(value.completeSettings?.mode ?? "observe");
     setKeepPrefixes(prefixesText(value.narrowSettings));
     setMaxCandidates(String(maxCandidatesOf(value.narrowSettings)));
     setThreshold(String(thresholdOf(value.narrowSettings)));
     applyFeatures(value.features);
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     let live = true;
     setMessage(null);
     setReady(false);
@@ -800,7 +1166,8 @@ function ConfigForm({ t, fetchFn = fetch }) {
         body: JSON.stringify({
           checkSettings: { mode: checkMode },
           narrowSettings: { mode: narrowMode, keepPrefixes: parsePrefixes(keepPrefixes), maxCandidates: cap, threshold: thresh },
-          features: { gate: gateOn, check: checkOn, narrow: narrowOn }
+          completeSettings: { mode: completeMode },
+          features: { gate: gateOn, check: checkOn, narrow: narrowOn, complete: completeOn }
         })
       });
       applyConfig(value);
@@ -870,17 +1237,17 @@ ${url}`)) return;
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-config", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("details", { className: "decision-collapse", open: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("summary", { className: "decision-collapse-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h3", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(HeadIcon, { name: "features" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-config", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "decision-collapse", open: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("summary", { className: "decision-collapse-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h3", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HeadIcon, { name: "features" }),
           t("basicFeatures")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-collapse-icon", "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-collapse-icon", "aria-hidden": "true" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-collapse-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-collapse-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Toggle,
           {
             label: t("featureGate"),
@@ -892,8 +1259,8 @@ ${url}`)) return;
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-muted", children: t("featureGateHint") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("featureGateHint") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Toggle,
           {
             label: t("featureCheck"),
@@ -905,8 +1272,8 @@ ${url}`)) return;
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-muted", children: t("featureCheckHint") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("featureCheckHint") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Toggle,
           {
             label: t("featureNarrow"),
@@ -918,22 +1285,35 @@ ${url}`)) return;
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-muted", children: t("featureNarrowHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("featureNarrowHint") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          Toggle,
+          {
+            label: t("featureComplete"),
+            checked: completeOn,
+            disabled: !ready,
+            onChange: (next) => {
+              setCompleteOn(next);
+              setAdvancedDirty(true);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("featureCompleteHint") })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("details", { className: "decision-collapse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("summary", { className: "decision-collapse-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h3", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(HeadIcon, { name: "advanced" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "decision-collapse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("summary", { className: "decision-collapse-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h3", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HeadIcon, { name: "advanced" }),
           t("advancedConfig")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-collapse-icon", "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-collapse-icon", "aria-hidden": "true" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { className: "decision-collapse-body", onSubmit: (event) => void saveAdvanced(event), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-advanced-grid", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-field-block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-subhead", children: t("advancedSwitches") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("form", { className: "decision-collapse-body", onSubmit: (event) => void saveAdvanced(event), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-advanced-grid", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-field-block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-subhead", children: t("advancedSwitches") }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               Toggle,
               {
                 label: t("selfCheckSteer"),
@@ -945,8 +1325,8 @@ ${url}`)) return;
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-muted", children: t("selfCheckHint") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("selfCheckHint") }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               Toggle,
               {
                 label: t("narrowObserveLabel"),
@@ -958,13 +1338,26 @@ ${url}`)) return;
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "decision-muted", children: t("narrowHint") })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("narrowHint") }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              Toggle,
+              {
+                label: t("completeSteer"),
+                checked: completeMode === "steer",
+                disabled: !ready || !completeOn,
+                onChange: (next) => {
+                  setCompleteMode(next ? "steer" : "observe");
+                  setAdvancedDirty(true);
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "decision-muted", children: t("completeHint") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-field-block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-subhead", children: t("advancedParams") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-field-block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-subhead", children: t("advancedParams") }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-field", children: [
               t("narrowKeepLabel"),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 "textarea",
                 {
                   className: "decision-prefixes",
@@ -978,11 +1371,11 @@ ${url}`)) return;
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { className: "decision-muted", children: t("narrowKeepHint") })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "decision-muted", children: t("narrowKeepHint") })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-field decision-field-inline", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-field decision-field-inline", children: [
               t("narrowMaxLabel"),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 "input",
                 {
                   className: "decision-narrow-cap",
@@ -999,11 +1392,11 @@ ${url}`)) return;
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { className: "decision-muted", children: t("narrowMaxHint") })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "decision-muted", children: t("narrowMaxHint") })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-field decision-field-inline", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-field decision-field-inline", children: [
               t("narrowThresholdLabel"),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 "input",
                 {
                   className: "decision-narrow-cap",
@@ -1020,26 +1413,26 @@ ${url}`)) return;
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { className: "decision-muted", children: t("narrowThresholdHint") })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "decision-muted", children: t("narrowThresholdHint") })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "decision-actions", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { disabled: busy || !ready || !advancedDirty, type: "submit", children: t("saveAdvanced") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "decision-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { disabled: busy || !ready || !advancedDirty, type: "submit", children: t("saveAdvanced") }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h3", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(HeadIcon, { name: "backend" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h3", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HeadIcon, { name: "backend" }),
         t("backend")
       ] }),
-      ready && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "decision-muted decision-destination", children: [
+      ready && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "decision-muted decision-destination", children: [
         t("destination"),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: config.effectiveUrl })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: config.effectiveUrl })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { onSubmit: (event) => void saveBackend(event), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("form", { onSubmit: (event) => void saveBackend(event), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-field", children: [
           t("url"),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "input",
             {
               type: "url",
@@ -1054,9 +1447,9 @@ ${url}`)) return;
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-field", children: [
           t("model"),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "input",
             {
               value: config.model,
@@ -1070,9 +1463,9 @@ ${url}`)) return;
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "decision-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "decision-field", children: [
           t("key"),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "input",
             {
               type: "password",
@@ -1087,23 +1480,23 @@ ${url}`)) return;
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { className: "decision-muted", children: config.apiKeySet ? t("keyHintSaved") : t("keyHintEmpty") })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "decision-muted", children: config.apiKeySet ? t("keyHintSaved") : t("keyHintEmpty") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { disabled: busy || !ready, type: "submit", children: t("save") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "decision-secondary", disabled: busy || !ready || backendDirty, type: "button", onClick: () => void probe(), children: t("probe") }),
-          probeResult && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { role: "status", className: `decision-probe-result${probeResult.ok ? " decision-message-ok" : " decision-message-warn"}`, children: probeResult.text })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { disabled: busy || !ready, type: "submit", children: t("save") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "decision-secondary", disabled: busy || !ready || backendDirty, type: "button", onClick: () => void probe(), children: t("probe") }),
+          probeResult && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "status", className: `decision-probe-result${probeResult.ok ? " decision-message-ok" : " decision-message-warn"}`, children: probeResult.text })
         ] })
       ] }),
-      config.apiKeySet && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-danger-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "decision-danger-text", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "decision-danger-title", children: t("removeKey") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { className: "decision-muted", children: t("removeKeyHint") })
+      config.apiKeySet && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-danger-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "decision-danger-text", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "decision-danger-title", children: t("removeKey") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "decision-muted", children: t("removeKeyHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "decision-danger-button", disabled: busy || !ready, onClick: () => void removeSavedKey(), children: t("removeKeyButton") })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "decision-danger-button", disabled: busy || !ready, onClick: () => void removeSavedKey(), children: t("removeKeyButton") })
       ] })
     ] }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", className: `decision-message${message.ok ? " decision-message-ok" : " decision-message-warn"}`, children: message.text })
+    message && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "status", className: `decision-message${message.ok ? " decision-message-ok" : " decision-message-warn"}`, children: message.text })
   ] });
 }
 
@@ -1112,6 +1505,16 @@ var css = `
 .decision-trigger{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:14rem;border:none;border-radius:var(--dsw-radius-sm,6px);background:0 0;color:var(--dsw-alias-label-tertiary,#77818b);padding:1px 8px;font:inherit;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);font-weight:400;line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}
 .decision-trigger:hover,.decision-trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover,#eef1f3);color:var(--dsw-alias-label-secondary,#59636e)}
 .decision-trigger-icon{flex:none;color:inherit}
+/* Quality-trend severity on the radar-triangle icon. Only the icon is tinted, via
+   a CSS variable so light/dark are one pair of overrides. Multimodal: the tooltip
+   text and the icon shape carry the meaning too, not color alone. First version
+   is color-only; a pulse animation is added later behind prefers-reduced-motion. */
+.decision-trend-warn .decision-trigger-icon{color:var(--decision-trend-warn,#c98a1e)}
+.decision-trend-severe .decision-trigger-icon{color:var(--decision-trend-severe,#c0392b)}
+@media (prefers-color-scheme:dark){
+  .decision-trend-warn .decision-trigger-icon{color:var(--decision-trend-warn,#e0a83e)}
+  .decision-trend-severe .decision-trigger-icon{color:var(--decision-trend-severe,#f0645a)}
+}
 .decision-trigger-text{min-width:0;flex:0 1 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
 .decision-trigger-text b{color:inherit;font-weight:500;font-variant-numeric:tabular-nums}
 .decision-trigger:focus-visible,.decision-dialog button:focus-visible,.decision-dialog input:focus-visible,.decision-config input:focus-visible,.decision-config button:focus-visible{outline:2px solid #1f5d50;outline-offset:2px}
@@ -1163,6 +1566,14 @@ var css = `
 .decision-log-item.decision-log-ok{border-left-color:#1f8a70}
 .decision-log-time{color:var(--dsw-alias-label-tertiary,#77818b);font-variant-numeric:tabular-nums;flex:0 0 auto}
 .decision-log-body{color:var(--dsw-alias-label-primary,#202124);flex:1 1 auto;min-width:0}
+.decision-rate{flex:0 0 auto;display:inline-flex;gap:1px;align-self:center}
+.decision-rate-btn{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border:1px solid transparent;background:0 0;border-radius:7px;padding:0;cursor:pointer;color:var(--dsw-alias-label-tertiary,#9aa5b1);transition:color .12s,background .12s}
+.decision-rate-btn:hover{color:var(--dsw-alias-label-secondary,#59636e);background:var(--dsw-alias-interactive-bg-hover,#eef1f3)}
+.decision-rate-btn.decision-rate-on{background:var(--dsw-alias-interactive-bg-hover,#eef1f3)}
+.decision-rate-btn.decision-rate-good{color:#1f8a70}
+.decision-rate-btn.decision-rate-bad{color:#c0392b}
+.decision-rate-btn.decision-rate-unsure{color:#c98a1e}
+.decision-rate-summary{margin-top:.5rem}
 .decision-log-tool{font-size:.76rem;padding:.05rem .35rem;border-radius:5px;background:var(--dsw-alias-bg-layer-1,#f2f4f6);color:var(--dsw-alias-label-primary,#202124)}
 .decision-log-verdict{font-weight:600}
 .decision-log-deny .decision-log-verdict{color:#c0392b}
@@ -1252,6 +1663,22 @@ var css = `
 .decision-message{font-size:.82rem;margin:.2rem 0 0}
 .decision-message-ok{color:#1f6f57}
 .decision-message-warn{color:#9d4b1f}
+/* Conversation-view "Decision analysis" tab. It reuses the card / stat / log
+   primitives above; this block only supplies the scroll container and section
+   rhythm, since the tab is not inside the modal's .decision-body wrapper. */
+.decision-analysis{height:100%;overflow:auto;color:var(--dsw-alias-label-primary,#202124);font:inherit}
+.decision-analysis-inner{max-width:52rem;margin:0 auto;padding:1.4rem 1.5rem 3rem}
+.decision-analysis-title{font-size:1.15rem;margin:0 0 .3rem}
+.decision-analysis-intro{margin:0 0 .4rem}
+.decision-analysis-section{border-top:1px solid var(--dsw-alias-border-l2,#eceff1);margin-top:1.1rem;padding-top:1rem}
+.decision-analysis-section>h3{font-size:.92rem;margin:0 0 .6rem}
+.decision-analysis-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem}
+.decision-analysis-cards .decision-card-stats{flex-wrap:wrap}
+.decision-analysis-trend{max-width:26rem}
+.decision-analysis-note{margin:.5rem 0 0}
+@media (prefers-color-scheme:dark){
+  .decision-analysis{color:var(--dsw-alias-label-primary,#e6eaee)}
+}
 `;
 function installStyles() {
   if (typeof document === "undefined" || document.querySelector('style[data-plugin="dsh-decision-layer"]')) return () => {
@@ -1264,9 +1691,10 @@ function installStyles() {
 }
 
 // src/client/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var inject = ["slots", "locale"];
 function apply(ctx) {
+  const t = ctx.locale.bind("dsh-decision-layer");
   ctx.effect(installStyles);
   ctx.effect(() => ctx.locale.register("dsh-decision-layer", dictionaries));
   ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register({
@@ -1277,9 +1705,18 @@ function apply(ctx) {
     registrant: "dsh-decision-layer",
     inject: (sessionId) => ({ sessionId })
   }, DecisionPanel));
+  ctx.slots.inject("conversation.view", () => ctx.slots.register({
+    name: "conversation.view",
+    id: "decision-layer-analysis",
+    order: 40,
+    locale: "dsh-decision-layer",
+    registrant: "dsh-decision-layer",
+    label: () => t("analysisTab"),
+    inject: (sessionId) => ({ sessionId })
+  }, AnalysisView));
   ctx.slots.inject("plugins.bundle.config", () => ctx.slots.register(
     { name: "plugins.bundle.config", key: "dsh-decision-layer", locale: "dsh-decision-layer" },
-    (props) => props.view === "summary" ? props.t("summary") : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ConfigForm, { t: props.t })
+    (props) => props.view === "summary" ? props.t("summary") : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConfigForm, { t: props.t })
   ));
 }