oh-my-knowledge 0.36.0 → 0.37.0

package/dist/renderer/observation-inbox/styles.js

@@ -141,9 +141,9 @@ export const OBSERVATION_INBOX_STYLES = `
           gap: 6px;
           position: relative;
         }
-        .inbox-card:hover { background: var(--bg-muted, rgba(58,58,58,.04)); }
+        .inbox-card:hover { background: var(--bg-muted, rgba(0,0,0,.04)); }
         .inbox-card.is-active {
-          background: var(--info-bg, rgba(90,122,147,.08));
+          background: var(--info-bg, rgba(79,70,229,.08));
         }
         .inbox-card.is-active::before {
           content: '';
@@ -234,7 +234,7 @@ export const OBSERVATION_INBOX_STYLES = `
           font-size: 11px;
           padding: 2px 6px;
           border-radius: 4px;
-          background: var(--bg-soft, rgba(58,58,58,.04));
+          background: var(--bg-soft, rgba(0,0,0,.04));
           color: var(--text-secondary);
           line-height: 1.4;
         }
@@ -276,7 +276,7 @@ export const OBSERVATION_INBOX_STYLES = `
           border-radius: 8px;
           padding: 10px 12px;
           margin-bottom: 12px;
-          box-shadow: var(--shadow-sm, 0 1px 3px rgba(58,58,58,.06));
+          box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));
         }
         .inbox-detail-actions-row {
           display: flex;
@@ -424,7 +424,7 @@ export const OBSERVATION_INBOX_STYLES = `
           min-width: 38px;
           height: 20px;
           padding: 0 6px;
-          background: var(--bg-muted, rgba(58,58,58,.04));
+          background: var(--bg-muted, rgba(0,0,0,.04));
           color: var(--text-secondary);
           font-size: 11px;
           border-radius: 4px;
@@ -442,7 +442,7 @@ export const OBSERVATION_INBOX_STYLES = `
         }
         .runtime-step-detail > summary:hover { color: var(--text-primary); }
         .runtime-step-detail-body { font-size: 12px; color: var(--text-secondary); line-height: 1.5; }
-        .runtime-step-detail-body code { font-size: 11px; padding: 1px 4px; background: var(--bg-muted, rgba(58,58,58,.04)); border-radius: 3px; }
+        .runtime-step-detail-body code { font-size: 11px; padding: 1px 4px; background: var(--bg-muted, rgba(0,0,0,.04)); border-radius: 3px; }
         .runtime-step-detail-body p { margin: 4px 0 0; }
         .runtime-step-detail-body ul { margin: 4px 0 0; padding-left: 18px; }
         .runtime-rule-lite {
@@ -519,7 +519,7 @@ export const OBSERVATION_INBOX_STYLES = `
           padding: 7px 8px 7px 20px;
           border: 1px solid var(--border);
           border-radius: 6px;
-          background: var(--bg-muted, rgba(58,58,58,.03));
+          background: var(--bg-muted, rgba(0,0,0,.03));
         }
         .runtime-rule-node::before {
           content: '';
@@ -686,7 +686,7 @@ export const OBSERVATION_INBOX_STYLES = `
           padding: 8px;
           border: 1px solid var(--border);
           border-radius: 5px;
-          background: var(--bg-muted, rgba(58,58,58,.04));
+          background: var(--bg-muted, rgba(0,0,0,.04));
           color: var(--text-secondary);
           font-size: 11px;
           line-height: 1.45;
@@ -697,7 +697,7 @@ export const OBSERVATION_INBOX_STYLES = `
           border: 1px solid var(--border);
           border-radius: 5px;
           padding: 6px 7px 6px 20px;
-          background: var(--bg-muted, rgba(58,58,58,.03));
+          background: var(--bg-muted, rgba(0,0,0,.03));
         }
         .runtime-rule-breakdown-item::before {
           content: '';
@@ -774,7 +774,7 @@ export const OBSERVATION_INBOX_STYLES = `
           border: 1px solid var(--border);
           border-radius: 5px;
           padding: 7px;
-          background: var(--bg-muted, rgba(58,58,58,.03));
+          background: var(--bg-muted, rgba(0,0,0,.03));
         }
         .runtime-rule-breakdown-list strong,
         .runtime-rule-breakdown-list span {
@@ -811,7 +811,7 @@ export const OBSERVATION_INBOX_STYLES = `
         .runtime-rule-lite-notice span {
           border: 1px solid var(--border);
           border-radius: 5px;
-          background: var(--bg-muted, rgba(58,58,58,.04));
+          background: var(--bg-muted, rgba(0,0,0,.04));
           padding: 4px 7px;
         }
         .runtime-rule-lite-section h5 {
@@ -911,7 +911,7 @@ export const OBSERVATION_INBOX_STYLES = `
           margin-left: -1px;
           padding: 4px 7px;
           border: 1px solid var(--border);
-          background: var(--info-bg, rgba(90,122,147,.08));
+          background: var(--info-bg, rgba(79,70,229,.08));
           color: var(--accent);
           font-size: 11px;
           border-radius: 0 999px 999px 0;
@@ -923,7 +923,7 @@ export const OBSERVATION_INBOX_STYLES = `
         }
         .inbox-session-flow-chip:hover {
           border-color: var(--accent);
-          background: rgba(90,122,147,.14);
+          background: rgba(79,70,229,.14);
         }
         .inbox-session-tab:hover { color: var(--text-primary); border-color: var(--border-hover, var(--border)); }
         .inbox-session-tab.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }
@@ -954,7 +954,7 @@ export const OBSERVATION_INBOX_STYLES = `
           font-size: 9px;
           line-height: 1.25;
           font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-          box-shadow: var(--shadow-sm, 0 1px 3px rgba(58,58,58,.08));
+          box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08));
         }
         .inbox-session-panes { width: 100%; }
         .inbox-session-pane { display: none; width: 100%; box-sizing: border-box; }
@@ -965,7 +965,7 @@ export const OBSERVATION_INBOX_STYLES = `
           flex-wrap: wrap;
           gap: 10px 14px;
           padding: 8px 12px;
-          background: var(--bg-soft, rgba(58,58,58,.03));
+          background: var(--bg-soft, rgba(0,0,0,.03));
           border: 1px solid var(--border);
           border-radius: 6px;
           margin-bottom: 12px;
@@ -975,7 +975,7 @@ export const OBSERVATION_INBOX_STYLES = `
         .inbox-session-meta code { font-size: 11px; padding: 1px 5px; background: var(--bg-surface); border: 1px solid var(--border); border-radius: 4px; }
         .inbox-section-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
         .inbox-section-head-clickable { cursor: pointer; user-select: none; margin: -4px -6px 8px; padding: 4px 6px; border-radius: 6px; }
-        .inbox-section-head-clickable:hover { background: var(--bg-soft, rgba(58,58,58,.04)); }
+        .inbox-section-head-clickable:hover { background: var(--bg-soft, rgba(0,0,0,.04)); }
         .inbox-section.is-collapsed .inbox-section-head-clickable { margin-bottom: 0; }
         .inbox-section-head h3 { font-size: 13px; margin: 0; color: var(--text-primary); flex-shrink: 0; }
         .inbox-section-summary {
@@ -989,7 +989,7 @@ export const OBSERVATION_INBOX_STYLES = `
         }
         .inbox-section-summary.is-attention { background: var(--red-bg); border-color: var(--red); color: var(--red); }
         .inbox-section-summary.is-ok { background: var(--green-bg); border-color: var(--green); color: var(--green); }
-        .inbox-section-summary.is-neutral { background: var(--info-bg, rgba(90,122,147,.08)); border-color: var(--accent); color: var(--accent); }
+        .inbox-section-summary.is-neutral { background: var(--info-bg, rgba(79,70,229,.08)); border-color: var(--accent); color: var(--accent); }
         .inbox-section-hint { font-size: 11px; color: var(--text-muted); flex: 1 1 auto; min-width: 0; }
         .inbox-section-review {
           position: relative;
@@ -1013,7 +1013,7 @@ export const OBSERVATION_INBOX_STYLES = `
         .inbox-section-review-button:hover {
           border-color: var(--accent);
           color: var(--accent);
-          background: var(--info-bg, rgba(90,122,147,.08));
+          background: var(--info-bg, rgba(79,70,229,.08));
         }
         .inbox-section-review-panel {
           position: absolute;
@@ -1087,7 +1087,7 @@ export const OBSERVATION_INBOX_STYLES = `
           border-radius: 6px;
           background: rgba(255, 255, 255, 0.92);
           border: 1px solid var(--border);
-          box-shadow: var(--shadow-sm, 0 1px 3px rgba(58,58,58,.08));
+          box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08));
           backdrop-filter: blur(6px);
           -webkit-backdrop-filter: blur(6px);
           line-height: 1.4;
@@ -1101,7 +1101,7 @@ export const OBSERVATION_INBOX_STYLES = `
           font-size: 10px;
         }
         .inbox-detail-nav a:hover {
-          background: var(--info-bg, rgba(90,122,147,.12));
+          background: var(--info-bg, rgba(79,70,229,.12));
           color: var(--accent);
           border-color: var(--accent);
         }
@@ -1177,7 +1177,7 @@ export const OBSERVATION_INBOX_STYLES = `
           background: var(--info-bg, rgba(37,99,235,.08));
           border-color: rgba(37,99,235,.28);
         }
-        .inbox-flow-anchor:hover .inbox-flow-body { background: var(--bg-muted, rgba(58,58,58,.04)); }
+        .inbox-flow-anchor:hover .inbox-flow-body { background: var(--bg-muted, rgba(0,0,0,.04)); }
         .inbox-flow-item.is-current .inbox-flow-anchor:hover .inbox-flow-body { background: var(--info-bg, rgba(37,99,235,.08)); }
         .inbox-flow-index {
           width: 22px; height: 22px;
@@ -1222,7 +1222,7 @@ export const OBSERVATION_INBOX_STYLES = `
           padding: 6px 8px;
           border: 1px solid var(--border);
           border-radius: 6px;
-          background: var(--bg-soft, rgba(58,58,58,.03));
+          background: var(--bg-soft, rgba(0,0,0,.03));
           margin-bottom: 6px;
           font-size: 12px;
         }
@@ -1447,7 +1447,7 @@ export const OBSERVATION_INBOX_STYLES = `
         }
         .inbox-execution-node.is-current .inbox-execution-node-main {
           border-color: var(--accent);
-          background: var(--info-bg, rgba(90,122,147,.08));
+          background: var(--info-bg, rgba(79,70,229,.08));
         }
         .inbox-execution-node-index {
           display: inline-flex;
@@ -1522,7 +1522,7 @@ export const OBSERVATION_INBOX_STYLES = `
         .inbox-skill-block {
           border: 1px solid var(--border);
           border-radius: 6px;
-          background: var(--bg-soft, rgba(58,58,58,.02));
+          background: var(--bg-soft, rgba(0,0,0,.02));
           padding: 10px 12px;
           margin-bottom: 10px;
           scroll-margin-top: 12px;
@@ -1568,7 +1568,7 @@ export const OBSERVATION_INBOX_STYLES = `
           font-size: 11px;
           line-height: 1.4;
           border: 1px solid var(--border);
-          background: var(--bg-soft, rgba(58,58,58,.03));
+          background: var(--bg-soft, rgba(0,0,0,.03));
           color: var(--text-secondary);
         }
         .inbox-data-health { font-weight: 700; }
@@ -1631,7 +1631,7 @@ export const OBSERVATION_INBOX_STYLES = `
           padding: 6px 8px;
           border: 1px solid var(--border);
           border-radius: 6px;
-          background: var(--bg-soft, rgba(58,58,58,.03));
+          background: var(--bg-soft, rgba(0,0,0,.03));
           display: grid;
           gap: 6px;
         }
@@ -1686,7 +1686,7 @@ export const OBSERVATION_INBOX_STYLES = `
           padding: 3px 7px;
           border: 1px solid var(--border);
           border-radius: 999px;
-          background: var(--bg-soft, rgba(58,58,58,.03));
+          background: var(--bg-soft, rgba(0,0,0,.03));
           color: var(--text-secondary);
           font-size: 11px;
           line-height: 1.45;
@@ -1811,7 +1811,7 @@ export const OBSERVATION_INBOX_STYLES = `
           padding: 7px 9px;
           border: 1px dashed var(--border);
           border-radius: 6px;
-          background: var(--bg-soft, rgba(58,58,58,.03));
+          background: var(--bg-soft, rgba(0,0,0,.03));
           font-size: 11px;
         }
         .inbox-answer-meta-row { display: flex; gap: 6px; margin-bottom: 4px; line-height: 1.5; }
@@ -1995,7 +1995,7 @@ export const OBSERVATION_INBOX_STYLES = `
           border: 1px solid var(--border);
           border-radius: 10px;
           background: var(--bg-surface);
-          box-shadow: var(--shadow-md, 0 8px 24px rgba(58,58,58,.16));
+          box-shadow: var(--shadow-md, 0 8px 24px rgba(0,0,0,.16));
         }
         .inbox-flow-popover-close {
           position: sticky;
@@ -2061,7 +2061,7 @@ export const OBSERVATION_INBOX_STYLES = `
           color: inherit;
           transition: background-color .12s, border-color .12s;
         }
-        .inbox-metric-card:hover { background: var(--info-bg, rgba(90,122,147,.06)); border-color: var(--accent); }
+        .inbox-metric-card:hover { background: var(--info-bg, rgba(79,70,229,.06)); border-color: var(--accent); }
         .inbox-metric-card:hover .inbox-metric-card-hint { color: var(--accent); }
         .inbox-metric-card.is-anomaly { border-left: 3px solid var(--red); }
         .inbox-metric-card.is-anomaly strong { color: var(--red); }
@@ -2082,7 +2082,7 @@ export const OBSERVATION_INBOX_STYLES = `
           margin-bottom: 6px;
           padding: 4px 8px;
           border-left: 2px solid var(--accent);
-          background: var(--info-bg, rgba(90,122,147,.06));
+          background: var(--info-bg, rgba(79,70,229,.06));
           border-radius: 0 4px 4px 0;
         }
         #inbox-metric-popover {
@@ -2095,7 +2095,7 @@ export const OBSERVATION_INBOX_STYLES = `
           background: var(--bg-surface);
           border: 1px solid var(--border);
           border-radius: 10px;
-          box-shadow: var(--shadow-md, 0 2px 12px rgba(58,58,58,.12));
+          box-shadow: var(--shadow-md, 0 2px 12px rgba(0,0,0,.12));
           z-index: 200;
           padding: 0;
           overflow: hidden;
@@ -2652,7 +2652,7 @@ export const OBSERVATION_INBOX_STYLES = `
           align-items: start;
           margin: 4px 0 7px;
           padding: 6px 8px;
-          border: 1px solid rgba(148,163,184,.45);
+          border: 1px solid rgba(107,114,128,.45);
           border-left: 3px solid var(--accent);
           border-radius: 7px;
           background: var(--bg-surface);
@@ -2849,7 +2849,7 @@ export const OBSERVATION_INBOX_STYLES = `
           flex-direction: column;
           gap: 3px;
           padding: 6px 7px;
-          border: 1px solid rgba(148,163,184,.35);
+          border: 1px solid rgba(107,114,128,.35);
           border-radius: 7px;
           background: var(--bg-surface);
         }
@@ -3098,7 +3098,7 @@ export const OBSERVATION_INBOX_STYLES = `
           margin-left: 6px;
           padding: 1px 6px;
           border-radius: 999px;
-          background: rgba(148,163,184,.14);
+          background: rgba(107,114,128,.14);
           color: var(--text-muted);
           font-size: 10px;
           font-weight: 700;
@@ -3525,7 +3525,7 @@ export const OBSERVATION_INBOX_STYLES = `
         .session-story-answer.is-attention,
         .session-story-node.is-attention {
           border-left-color: var(--red);
-          background: rgba(156,74,63,.06);
+          background: rgba(220,38,38,.06);
         }
         .session-story-answer.is-unknown,
         .session-story-node.is-unknown {
@@ -3630,7 +3630,7 @@ export const OBSERVATION_INBOX_STYLES = `
           gap: 5px;
           margin-top: 7px;
           padding-top: 7px;
-          border-top: 1px solid rgba(148,163,184,.20);
+          border-top: 1px solid rgba(107,114,128,.20);
           color: var(--text-muted);
           font-size: 11px;
         }
@@ -3667,15 +3667,15 @@ export const OBSERVATION_INBOX_STYLES = `
           font-weight: 700;
         }
         .soft-standard-status[data-soft-standard-status="author_confirmed"] {
-          background: rgba(16,185,129,.14);
+          background: rgba(31,157,99,.14);
           color: var(--green);
         }
         .soft-standard-status[data-soft-standard-status="rejected"] {
-          background: rgba(239,68,68,.12);
+          background: rgba(220,38,38,.12);
           color: var(--red);
         }
         .soft-standard-status[data-soft-standard-status="stale"] {
-          background: rgba(245,158,11,.16);
+          background: rgba(217,119,6,.16);
           color: var(--yellow);
         }
         .soft-standard-actions {
@@ -3742,7 +3742,7 @@ export const OBSERVATION_INBOX_STYLES = `
           gap: 6px;
           margin-top: 8px;
           padding-top: 8px;
-          border-top: 1px solid rgba(148,163,184,.20);
+          border-top: 1px solid rgba(107,114,128,.20);
         }
         .soft-standard-pending-item {
           padding: 6px 7px;
@@ -4036,14 +4036,14 @@ export const OBSERVATION_INBOX_STYLES = `
           opacity: .55;
         }
         .timeline-row[data-current-skill-window="0"] .timeline-card {
-          background: rgba(148,163,184,.04);
-          border-color: rgba(148,163,184,.18);
+          background: rgba(107,114,128,.04);
+          border-color: rgba(107,114,128,.18);
         }
         .timeline-row[data-current-skill-window="0"] .timeline-snippet {
           color: var(--text-muted);
         }
         .timeline-row[data-current-skill-window="0"]::before {
-          background: rgba(148,163,184,.25);
+          background: rgba(107,114,128,.25);
         }
         .timeline-window-marker {
           display: flex;
@@ -4154,8 +4154,8 @@ export const OBSERVATION_INBOX_STYLES = `
           border-radius: 999px;
           font-size: 11px;
           line-height: 1.35;
-          border: 1px solid rgba(148,163,184,.16);
-          background: rgba(148,163,184,.08);
+          border: 1px solid rgba(107,114,128,.16);
+          background: rgba(107,114,128,.08);
           color: var(--text-secondary);
           white-space: nowrap;
           flex-shrink: 0;
@@ -4634,16 +4634,16 @@ export const OBSERVATION_INBOX_STYLES = `
           color: var(--red);
         }
         .skill-evidence-summary .summary-impact-sample {
-          background: rgba(148,163,184,.08);
-          border-color: rgba(148,163,184,.16);
+          background: rgba(107,114,128,.08);
+          border-color: rgba(107,114,128,.16);
         }
         .skill-evidence-summary .summary-impact-sample .summary-name,
         .skill-evidence-summary .summary-impact-sample .summary-count {
           color: var(--text-secondary);
         }
         .skill-evidence-summary .summary-impact-soft {
-          background: rgba(99,102,241,.08);
-          border-color: rgba(99,102,241,.18);
+          background: rgba(79,70,229,.08);
+          border-color: rgba(79,70,229,.18);
         }
         .skill-evidence-summary .summary-impact-soft .summary-name,
         .skill-evidence-summary .summary-impact-soft .summary-count {
@@ -5135,7 +5135,7 @@ export const OBSERVATION_INBOX_STYLES = `
 	        .metric-positive { background: rgba(22,163,74,.12); color: var(--green); border-color: rgba(22,163,74,.25); }
 	        .metric-completion { background: rgba(22,163,74,.10); color: var(--green); border-color: rgba(22,163,74,.22); }
         .metric-hard-rule { background: rgba(126,34,206,.12); color: #7e22ce; border-color: rgba(126,34,206,.25); }
-        .metric-repeated-execution { background: rgba(245,158,11,.13); color: #b45309; border-color: rgba(245,158,11,.28); }
+        .metric-repeated-execution { background: rgba(217,119,6,.13); color: #b45309; border-color: rgba(217,119,6,.28); }
         .metric-hedging { background: rgba(14,165,233,.12); color: #0284c7; border-color: rgba(14,165,233,.25); }
         .metric-explicit { background: rgba(220,38,38,.12); color: var(--red); border-color: rgba(220,38,38,.25); }
         .metric-tool-use { background: rgba(202,138,4,.10); color: var(--yellow); border-color: rgba(202,138,4,.25); }
@@ -5172,9 +5172,9 @@ export const OBSERVATION_INBOX_STYLES = `
         .timeline-badge.metric-tool-failure,
         .timeline-badge.metric-skill-context,
         .timeline-badge.metric-neutral {
-          background: rgba(148,163,184,.08);
+          background: rgba(107,114,128,.08);
           color: var(--text-secondary);
-          border-color: rgba(148,163,184,.16);
+          border-color: rgba(107,114,128,.16);
         }
         .timeline-row.is-cta-focus .timeline-card {
           border-color: rgba(37,99,235,.62);

package/dist/renderer/report-shell.d.ts

@@ -0,0 +1,77 @@
+import type { Lang } from '../types/index.js';
+export declare const DIM_COLORS: {
+    readonly doctor: "#2563eb";
+    readonly eval: "#7c3aed";
+    readonly observe: "#059669";
+};
+export declare function scoreColor(s: number): string;
+/** 跨维度「综合健康」0-100 配色:≥85 绿 / ≥60 琥珀 / 其余红 / null 灰。
+ *  与 scoreColor(doctor 严格「100 才绿」)分开 —— 综合健康是聚合分,90 应读作"好"(绿),
+ *  而不是 doctor 那种"非满分即有问题"。Hero ring 与首页列表统一用它,避免同一个数两种颜色。 */
+export declare function healthColor(score: number | null): string;
+/** band → 十六进制色(绿/黄/红/灰)。供 hero 综合健康 ring、chip 状态点等复用。 */
+export declare function bandHex(band: 'green' | 'yellow' | 'red' | 'gray'): string;
+/** 一个维度 chip（doctor / eval / observe）。score 0-100,null=无分;href=null 表示当前页或无数据。 */
+export interface SkillReportContextChip {
+    dim: keyof typeof DIM_COLORS;
+    label: string;
+    score: number | null;
+    band: 'green' | 'yellow' | 'red' | 'gray';
+    href: string | null;
+    active: boolean;
+}
+/** 「全部历史」弹框里的一条历史记录(doctor / eval 的某一次 run)。 */
+export interface SkillReportHistoryItem {
+    dim: keyof typeof DIM_COLORS;
+    dateText: string;
+    scoreText: string;
+    /** 分数色档,用于一眼扫出哪次回归。 */
+    band: 'green' | 'yellow' | 'red' | 'gray';
+    metaText: string;
+    href: string;
+    current: boolean;
+}
+/** 报告页顶部的「skill 上下文」：三个维度互链 + 「全部历史」弹框。让同一 skill 的报告跨维度/跨轮次都能一跳到达。 */
+export interface SkillReportContext {
+    /** 规范 skill 名(来自 skill-index entry)— 各报告页头部统一用它,避免 eval/doctor 名字不一致。 */
+    skillName: string;
+    /** 综合健康分(跨维度聚合,与首页列表同口径)。报告页只显单维度,这里把「总分」也带上。 */
+    overall: {
+        score: number | null;
+        band: 'green' | 'yellow' | 'red' | 'gray';
+    };
+    chips: SkillReportContextChip[];
+    /** 该 skill 的 doctor + eval 历次报告,供「全部历史」弹框选择。 */
+    history: SkillReportHistoryItem[];
+}
+export interface ReportShellOpts {
+    /** 维度：决定强调色。 */
+    dim: keyof typeof DIM_COLORS;
+    /** emoji 图标。 */
+    icon: string;
+    /** 报告类型标题，如「健康体检报告」。 */
+    kindTitle: string;
+    /** skill 名称。 */
+    skillName: string;
+    /** 副信息行（时间戳 / reportId 等）。 */
+    metaItems: string[];
+    /** 弧度填充用的 0-100 比例,null = 不显示 ring。 */
+    score: number | null;
+    /** 圆心显示文字。不传则显 score。eval 用它显原生 "4.09",doctor 显 "75"。 */
+    scoreText?: string;
+    /** 弧/数字/等级文字颜色覆盖。eval 按 /5 色档,不传则按 0-100 阈值。 */
+    ringColor?: string;
+    /** 综合分下方的文字（如「综合分 / 5」「健康分 / 100」）。 */
+    scoreLabel?: string;
+    /** 返回链接。 */
+    backHref: string;
+    backLabel: string;
+    /** 内容区 HTML。 */
+    body: string;
+    /** skill 上下文 chip 条(可选)— doctor/eval/observe 互链 + 回 hub。 */
+    skillContext?: SkillReportContext;
+    /** 额外 CSS。 */
+    extraCss?: string;
+}
+export declare function reportShell(opts: ReportShellOpts, lang?: Lang): string;
+export declare const REPORT_SHELL_CSS = "\n/* \u2500\u2500 \u9762\u5305\u5C51(\u66FF\u6389\u88F8\u8FD4\u56DE\u94FE\u63A5) \u2500\u2500 */\n.rs-crumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;color:#637083}\n.rs-crumb-link{display:inline-flex;align-items:center;gap:6px;color:#637083;text-decoration:none}\n.rs-crumb-link:hover{color:#4f46e5;text-decoration:none}\n.rs-crumb-link svg{color:#9ca3af}\n.rs-crumb-link:hover svg{color:#4f46e5}\n.rs-crumb-sep{color:#c0c6d2}\n.rs-crumb-dim{color:#637083}\n.rs-crumb-cur{color:#182033;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.rs-crumb-spacer{flex:1}\n.rs-crumb-back{display:inline-flex;align-items:center;gap:5px;color:#9ca3af;text-decoration:none;flex-shrink:0}\n.rs-crumb-back:hover{color:#4f46e5;text-decoration:none}\n\n/* \u2500\u2500 skill \u7EF4\u5EA6\u5207\u6362\u5668(doctor/eval/observe \u4E92\u94FE)\u2014 \u5206\u6BB5\u63A7\u4EF6\u98CE \u2500\u2500 */\n.rs-dims{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}\n.rs-dims-seg{display:inline-flex;align-items:stretch;background:#fff;border:1px solid #e4e8f1;border-radius:10px;padding:3px;gap:2px;box-shadow:0 1px 2px rgba(31,41,55,3%)}\n.rs-dim{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:7px 14px;border-radius:7px;color:#637083;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}\na.rs-dim:hover{background:#f1f4f9;color:#182033}\n.rs-dim-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}\n.rs-dim-lbl{font-weight:500}\n/* \u5F53\u524D\u7EF4\u5EA6:\u6D45\u586B\u5145 + \u72B6\u6001\u70B9\u5DF2\u8868\u660E\u8EAB\u4EFD,\u6587\u5B57\u52A0\u91CD */\n.rs-dim--active{background:#f1f4f9;color:#182033;cursor:default}\n.rs-dim--active .rs-dim-lbl{font-weight:700}\n.rs-dim--empty{color:#b6bcc8;cursor:default}\n/* \u5168\u90E8\u5386\u53F2\u6309\u94AE */\n.rs-hist-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:7px 13px;border-radius:9px;border:1px solid #e4e8f1;background:#fff;color:#637083;cursor:pointer;white-space:nowrap;font-family:inherit;transition:border-color .15s,color .15s}\n.rs-hist-btn:hover{border-color:#c7cedb;color:#182033}\n.rs-hist-ct{font-variant-numeric:tabular-nums;font-weight:700;color:#9ca3af;font-size:12px}\n/* \u5168\u90E8\u5386\u53F2\u5F39\u6846 */\n.rs-hist-overlay{display:none;position:fixed;inset:0;background:rgba(24,32,51,.32);z-index:50;align-items:flex-start;justify-content:center;padding:8vh 16px}\n.rs-hist-modal{background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(31,41,55,.22);width:100%;max-width:520px;max-height:76vh;display:flex;flex-direction:column;overflow:hidden}\n.rs-hist-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef1f6;font-size:14px;color:#182033}\n.rs-hist-x{background:transparent;border:none;color:#9ca3af;font-size:16px;cursor:pointer;line-height:1;padding:4px}\n.rs-hist-x:hover{color:#182033}\n.rs-hist-list{overflow-y:auto;padding:6px 10px 12px}\n.rs-hist-group{margin-top:8px}\n.rs-hist-group-h{display:flex;align-items:center;gap:7px;font-size:12px;color:#637083;font-weight:600;padding:8px 8px 6px}\n.rs-hist-group-dot{width:7px;height:7px;border-radius:50%}\n.rs-hist-group-h small{font-weight:500;color:#b6bcc8}\n.rs-hist-row{display:flex;align-items:baseline;gap:14px;padding:8px;border-radius:8px;text-decoration:none;color:#182033;font-size:13px}\n.rs-hist-row:hover{background:#f1f4f9}\n.rs-hist-row--cur{background:#f1f4f9;cursor:default}\n.rs-hist-date{font-variant-numeric:tabular-nums;color:#637083;min-width:88px;flex-shrink:0}\n.rs-hist-score{font-weight:700;font-variant-numeric:tabular-nums;font-family:\"SF Mono\",Menlo,monospace;min-width:72px;flex-shrink:0}\n.rs-hist-score--green{color:#1f9d63}.rs-hist-score--yellow{color:#d97706}.rs-hist-score--red{color:#dc2626}.rs-hist-score--gray{color:#9ca3af}\n.rs-hist-meta{flex:1;min-width:0;color:#9ca3af;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.rs-hist-go{color:#c0c6d2;font-size:13px;flex-shrink:0}\n.rs-hist-row:hover .rs-hist-go{color:#637083}\n.rs-hist-row--cur .rs-hist-go{color:#4f46e5;font-weight:600;font-size:12px}\n\n/* \u2500\u2500 Hero \u2500\u2500 */\n.rs-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff;border:1px solid #e4e8f1;border-radius:12px;box-shadow:0 8px 24px rgba(31,41,55,4%);margin-bottom:16px}\n@media(max-width:640px){.rs-hero{flex-direction:column;align-items:flex-start}}\n.rs-hero-left{display:flex;flex-direction:column;gap:4px;min-width:0}\n.rs-hero-kind{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#637083}\n.rs-hero-icon{display:inline-flex;align-items:center}\n.rs-hero-name{margin:0;font-size:20px;font-weight:700;color:#182033;letter-spacing:-.2px}\n.rs-hero-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;color:#9ca3af;font-size:12px;font-variant-numeric:tabular-nums}\n.rs-hero-meta span{display:inline-flex;align-items:center;gap:4px}\n.rs-hero-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;line-height:1}\n.rs-hero-num{font-size:40px;font-weight:800;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1}\n.rs-hero-grade{font-size:12px;font-weight:600;color:#637083}\n\n/* \u2500\u2500 \u7EDF\u8BA1\u6761 \u2500\u2500 */\n.rs-stats{display:flex;flex-wrap:wrap;gap:20px;padding:14px 20px;background:#fff;border:1px solid #e4e8f1;border-radius:10px;box-shadow:0 8px 24px rgba(31,41,55,4%);margin-bottom:16px}\n.rs-stat{display:flex;align-items:baseline;gap:6px}\n.rs-stat-num{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}\n.rs-stat-label{font-size:12px;color:#637083}\n.rs-stat--pass .rs-stat-num{color:#1f9d63}\n.rs-stat--warn .rs-stat-num{color:#d97706}\n.rs-stat--fail .rs-stat-num{color:#dc2626}\n.rs-stat--total .rs-stat-num{color:#182033}\n\n/* \u2500\u2500 Panel\uFF08\u5185\u5BB9\u533A\u5757\uFF09 \u2500\u2500 */\n.rs-panel{background:#fff;border:1px solid #e4e8f1;border-radius:12px;box-shadow:0 8px 24px rgba(31,41,55,4%);padding:18px 20px;margin-bottom:16px}\n.rs-panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#182033;margin-bottom:14px}\n.rs-panel-title small{font-size:12px;font-weight:400;color:#9ca3af;margin-left:4px}\n\n/* \u2500\u2500 \u89C4\u5219 / \u7528\u4F8B:\u9762\u677F\u5185\u7684 hairline \u5217\u8868\u9879(\u65E0 tint \u76D2\u5B50,\u72B6\u6001\u9760\u5DE6\u4FA7\u8272\u70B9) \u2500\u2500 */\n.rs-card{border-bottom:1px solid #eef1f6;background:transparent;border-radius:8px;transition:background .12s}\n.rs-card:last-child{border-bottom:none}\ndetails.rs-card:not([open]):hover{background:#f9fafc}\ndetails.rs-card[open]{background:#fafbfd}\n.rs-card-head{display:flex;align-items:center;gap:10px;padding:12px 6px;cursor:pointer;list-style:none}\n.rs-card-head::-webkit-details-marker{display:none}\ndetails.rs-card>.rs-card-head::after{content:'\u203A';margin-left:4px;color:#c0c6d2;font-size:16px;transition:transform .15s;flex-shrink:0}\ndetails.rs-card[open]>.rs-card-head::after{transform:rotate(90deg)}\n.rs-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\n.rs-card-dot--fail{background:#dc2626}\n.rs-card-dot--warn{background:#d97706}\n.rs-card-dot--pass{background:#1f9d63}\n.rs-card-dot--skip{background:#cbd2dd}\n.rs-card-name{flex:1;min-width:0;font-size:14px;font-weight:600;color:#182033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.rs-card-badges{display:flex;gap:6px;flex-shrink:0}\n.rs-badge{font-size:11px;font-weight:600;padding:1px 8px;border-radius:10px}\n.rs-badge--fail{color:#dc2626;background:rgba(220,38,38,10%)}\n.rs-badge--warn{color:#d97706;background:rgba(217,119,6,10%)}\n.rs-badge--pass{color:#1f9d63;background:rgba(31,157,99,10%)}\n.rs-card-body{padding:0 6px 14px 24px}\n.rs-finding{margin-top:10px;font-size:13.5px;line-height:1.65}\n.rs-finding-desc{color:#374151;word-break:break-word}\n.rs-finding-sug{margin-top:6px;padding:8px 12px;background:rgba(79,70,229,.05);border-radius:6px;color:#4f46e5;font-size:12.5px;line-height:1.6;word-break:break-word}\n\n/* \u2500\u2500 \u6298\u53E0\u901A\u8FC7\u9879 \u2500\u2500 */\n.rs-fold{margin-top:10px}\n.rs-fold>summary{cursor:pointer;list-style:none;font-size:12.5px;color:#637083;padding:6px 0}\n.rs-fold>summary::-webkit-details-marker{display:none}\n.rs-fold>summary:hover{color:#182033}\n.rs-fold[open]>summary{margin-bottom:8px}\n\n/* \u2500\u2500 \u7A7A\u6001 \u2500\u2500 */\n.rs-empty{padding:32px 20px;text-align:center;color:#9ca3af;font-size:13px}\n";