cardbuddy 0.6.0

package/dist/vendored/fidelity/fidelity-messageOverview-after.json

@@ -0,0 +1,272 @@
+{
+  "cardId": "messageOverview",
+  "specFile": "UI/01、泛化消息-有未读消息-没有待办/spec.json",
+  "generatedAt": "2026-08-19T09:30:19.874Z",
+  "tolerance": 2,
+  "matchRadius": 30,
+  "commonOffset": {
+    "dx": -30,
+    "dy": -301.5
+  },
+  "env": {
+    "screen": {
+      "width": 375,
+      "height": 800
+    },
+    "renderCardWidth": 375,
+    "renderCardHeight": 465,
+    "specCanvasHeight": 874
+  },
+  "counts": {
+    "expected": 13,
+    "chromeSkipped": 7,
+    "actual": 40,
+    "matched": 6,
+    "unmatchedSpec": 7,
+    "unmatchedActual": 34
+  },
+  "rows": [
+    {
+      "idx": 0,
+      "type": "text",
+      "cid": "comp_0110",
+      "className": "Text",
+      "expectText": "重点摘要",
+      "actualText": "重点摘要",
+      "via": "text",
+      "expRect": {
+        "x": 32,
+        "y": 396,
+        "width": 60,
+        "height": 22
+      },
+      "actRect": {
+        "x": 2,
+        "y": 93,
+        "width": 60,
+        "height": 21
+      },
+      "dx": -30,
+      "dy": -303,
+      "dw": 0,
+      "dh": -1,
+      "dxL": 0,
+      "dyL": -1.5
+    },
+    {
+      "idx": 1,
+      "type": "text",
+      "cid": "comp_0111",
+      "className": "Text",
+      "expectText": "按强重要、待关注、时间倒序展示，不超过3条",
+      "actualText": "按强重要、待关注、时间倒序展示，不超过3条",
+      "via": "text",
+      "expRect": {
+        "x": 32,
+        "y": 420,
+        "width": 311,
+        "height": 18
+      },
+      "actRect": {
+        "x": 2,
+        "y": 120,
+        "width": 268.1,
+        "height": 18
+      },
+      "dx": -30,
+      "dy": -300,
+      "dw": -42.9,
+      "dh": 0,
+      "dxL": 0,
+      "dyL": 1.5
+    },
+    {
+      "idx": 2,
+      "type": "text",
+      "cid": "comp_0103",
+      "className": "Text",
+      "expectText": "条未读消息",
+      "actualText": "条未读消息",
+      "via": "text",
+      "expRect": {
+        "x": 74,
+        "y": 328,
+        "width": 75,
+        "height": 22
+      },
+      "actRect": {
+        "x": 41.8,
+        "y": 20,
+        "width": 75,
+        "height": 21
+      },
+      "dx": -32.2,
+      "dy": -308,
+      "dw": 0,
+      "dh": -1,
+      "dxL": -2.2,
+      "dyL": -6.5
+    },
+    {
+      "idx": 3,
+      "type": "text",
+      "cid": "comp_0102",
+      "className": "Text",
+      "expectText": "12",
+      "actualText": "12",
+      "via": "text",
+      "expRect": {
+        "x": 32,
+        "y": 314,
+        "width": 31,
+        "height": 42
+      },
+      "actRect": {
+        "x": 4,
+        "y": 4,
+        "width": 31.8,
+        "height": 42
+      },
+      "dx": -28,
+      "dy": -310,
+      "dw": 0.8,
+      "dh": 0,
+      "dxL": 2,
+      "dyL": -8.5
+    },
+    {
+      "idx": 4,
+      "type": "text",
+      "cid": "comp_0101",
+      "className": "Text",
+      "expectText": "动账 5 · 转账 2 · 站内 1 · 其他 4",
+      "actualText": "动账 5 · 转账 2 · 站内 1 · 其他 4",
+      "via": "text-far",
+      "expRect": {
+        "x": 74,
+        "y": 352,
+        "width": 196,
+        "height": 18
+      },
+      "actRect": {
+        "x": 0,
+        "y": 54,
+        "width": 223.1,
+        "height": 28
+      },
+      "dx": -74,
+      "dy": -298,
+      "dw": 27.1,
+      "dh": 10,
+      "dxL": -44,
+      "dyL": 3.5
+    },
+    {
+      "idx": 6,
+      "type": "text",
+      "cid": "comp_0114",
+      "className": "Text",
+      "expectText": "今日有一笔支出动账",
+      "actualText": "今日有一笔支出动账",
+      "via": "text",
+      "expRect": {
+        "x": 58,
+        "y": 464,
+        "width": 135,
+        "height": 22
+      },
+      "actRect": {
+        "x": 51.7,
+        "y": 166,
+        "width": 135,
+        "height": 21
+      },
+      "dx": -6.3,
+      "dy": -298,
+      "dw": 0,
+      "dh": -1,
+      "dxL": 23.7,
+      "dyL": 3.5
+    }
+  ],
+  "unmatchedSpec": [
+    {
+      "type": "text",
+      "text": "查看全部",
+      "rect": {
+        "x": 263,
+        "y": 328,
+        "width": 56,
+        "height": 20
+      }
+    },
+    {
+      "type": "text",
+      "text": "对话",
+      "rect": {
+        "x": 170.5,
+        "y": 54,
+        "width": 34,
+        "height": 24
+      }
+    },
+    {
+      "type": "text",
+      "text": "9:41",
+      "rect": {
+        "x": 35,
+        "y": 15.9,
+        "width": 26,
+        "height": 14
+      }
+    },
+    {
+      "type": "text",
+      "text": "9:4",
+      "rect": {
+        "x": 35,
+        "y": 15.9,
+        "width": 20,
+        "height": 14
+      }
+    },
+    {
+      "type": "text",
+      "text": "1",
+      "rect": {
+        "x": 54.5,
+        "y": 15.9,
+        "width": 6,
+        "height": 14
+      }
+    },
+    {
+      "type": "text",
+      "text": "最近有什么消息",
+      "rect": {
+        "x": 238,
+        "y": 110,
+        "width": 105,
+        "height": 22
+      }
+    },
+    {
+      "type": "text",
+      "text": "查询到您最近有未读消息12条，其中动账通知5条、转账消息2条、站内消息1条。优先提醒您:今日有3笔账户动账，合计支出2,580.00元;1笔转账已成功;另有1条站内服务提醒消息，需要查看。",
+      "rect": {
+        "x": 32,
+        "y": 168,
+        "width": 311,
+        "height": 110
+      }
+    }
+  ],
+  "suggestions": [
+    "整卡水平偏移 -30.0px（公共偏移已扣除，不影响逐元素评估；若渲染卡含外层留白/容器 padding 请检查根容器）",
+    "整卡垂直偏移 -301.5px（通常来自设计稿含状态栏/导航而渲染卡仅卡片主体；若渲染卡内确有同类元素整体偏移，请检查根容器 padding）",
+    "单元素离群：「条未读消息」（Text）偏离同类中位 6.5px → 检查该元素自身 align/padding/fontSize",
+    "单元素离群：「12」（Text）偏离同类中位 8.5px → 检查该元素自身 align/padding/fontSize",
+    "单元素离群：「动账 5 · 转账 2 · 站内」（Text）偏离同类中位 44.0px → 检查该元素自身 align/padding/fontSize",
+    "单元素离群：「今日有一笔支出动账」（Text）偏离同类中位 23.7px → 检查该元素自身 align/padding/fontSize"
+  ]
+}

package/dist/vendored/fidelity/fidelity-messageOverview.html

@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="zh-CN"><head><meta charset="utf-8"><title>UI 还原度对拍 · messageOverview</title>
+<style>
+  body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;background:#f5f6f8;color:#1f2329}
+  .wrap{max-width:1080px;margin:0 auto;padding:24px 20px 60px}
+  h1{font-size:20px;margin:0 0 4px}
+  .sub{color:#666;font-size:12px;margin-bottom:18px}
+  .cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
+  .card{flex:1;min-width:150px;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:14px 16px}
+  .card .num{font-size:26px;font-weight:700}
+  .card .lbl{font-size:12px;color:#666;margin-top:2px}
+  table{border-collapse:collapse;width:100%;background:#fff;font-size:13px;border:1px solid #e5e6eb;border-radius:8px;overflow:hidden}
+  th,td{padding:7px 10px;border-bottom:1px solid #f0f1f3;text-align:left;white-space:nowrap}
+  th{background:#fafbfc;color:#333;font-weight:600}
+  tr:last-child td{border-bottom:none}
+  .sec{margin-top:22px;font-size:15px;font-weight:600}
+  .tips{background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:12px 16px 12px 34px;font-size:13px;line-height:1.8}
+  .muted{color:#999}
+</style></head><body><div class="wrap">
+  <h1>UI 还原度对拍报告 · messageOverview</h1>
+  <div class="sub">spec: UI/01、泛化消息-有未读消息-没有待办/spec.json · 阈值 ±2px · 2026/8/19 17:32:54 · 生成：fidelity_report.mjs</div>
+  <div style="display:flex;gap:16px;align-items:stretch;margin-bottom:16px">
+        <div style="min-width:150px;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;text-align:center">
+          <div style="font-size:44px;font-weight:800;line-height:1;color:#c62828">39</div>
+          <div style="font-size:13px;color:#666;margin-top:6px">还原度 · 需修复</div>
+        </div>
+        <div style="flex:1;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:12px 16px"><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
+            <span style="width:64px;font-size:12px;color:#666">覆盖率</span>
+            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
+              <div style="width:57%;height:100%;background:#c62828"></div>
+            </div>
+            <span style="width:34px;text-align:right;font-size:12px;color:#666">57</span>
+          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
+            <span style="width:64px;font-size:12px;color:#666">位置</span>
+            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
+              <div style="width:28%;height:100%;background:#c62828"></div>
+            </div>
+            <span style="width:34px;text-align:right;font-size:12px;color:#666">28</span>
+          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
+            <span style="width:64px;font-size:12px;color:#666">尺寸</span>
+            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
+              <div style="width:45%;height:100%;background:#c62828"></div>
+            </div>
+            <span style="width:34px;text-align:right;font-size:12px;color:#666">45</span>
+          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
+            <span style="width:64px;font-size:12px;color:#666">文本</span>
+            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
+              <div style="width:51%;height:100%;background:#c62828"></div>
+            </div>
+            <span style="width:34px;text-align:right;font-size:12px;color:#666">51</span>
+          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
+            <span style="width:64px;font-size:12px;color:#666">一致性</span>
+            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
+              <div style="width:0%;height:100%;background:#c62828"></div>
+            </div>
+            <span style="width:34px;text-align:right;font-size:12px;color:#666">0</span>
+          </div></div>
+      </div>
+  <div class="cards">
+    <div class="card"><div class="num">8</div><div class="lbl">已匹配元素</div></div>
+    <div class="card"><div class="num" style="color:#c62828">7</div><div class="lbl">超差（&gt;4px）</div></div>
+    <div class="card"><div class="num" style="color:#b26a00">0</div><div class="lbl">偏差（&gt;2px）</div></div>
+    <div class="card"><div class="num">6</div><div class="lbl">未匹配(设计稿)</div></div>
+    <div class="card"><div class="num">-13.0</div><div class="lbl">公共偏移 Δx</div></div>
+    <div class="card"><div class="num">-285.5</div><div class="lbl">公共偏移 Δy</div></div>
+    <div class="card"><div class="num" style="color:#888">6</div><div class="lbl">chrome 裁剪(不参与对拍)</div></div>
+  </div>
+  <div class="sec">系统性误差（按组件类中位数，≥2 样本；供生成器补偿校准）</div>
+       <table>
+         <tr><th>组件类</th><th>Δx</th><th>Δy</th><th>Δw</th><th>Δh</th><th>最大偏差</th></tr>
+         <tr>
+            <td><b>Text</b> ×7</td>
+            <td>-1.0</td><td>+1.5</td><td>0.0</td><td>0.0</td>
+            <td style="color:#666">45.0</td>
+          </tr>
+       </table>
+  <div class="sec">归因建议</div>
+  <ul class="tips"><li>整卡水平偏移 -13.0px（公共偏移已扣除，不影响逐元素评估；若渲染卡含外层留白/容器 padding 请检查根容器）</li>
+<li>整卡垂直偏移 -285.5px（通常来自设计稿含状态栏/导航而渲染卡仅卡片主体；若渲染卡内确有同类元素整体偏移，请检查根容器 padding）</li>
+<li>单元素离群：「条未读消息」（Text）偏离同类中位 8.0px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「12」（Text）偏离同类中位 10.0px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「动账 5 · 转账 2 · 站内」（Text）偏离同类中位 44.0px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「今日有一笔支出动账」（Text）偏离同类中位 23.7px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「金额1,280.00元，建议核对」（Text）偏离同类中位 23.7px → 检查该元素自身 align/padding/fontSize</li></ul>
+  <div class="sec">逐元素差异（局部 Δ = 已扣除公共偏移）</div>
+  <table>
+    <tr><th>状态</th><th>文本/元素</th><th>组件类</th><th>匹配</th><th>期望 rect</th><th>实际 rect</th><th>Δx</th><th>Δy</th><th>Δw</th><th>Δh</th></tr>
+    <tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="按强重要、待关注、时间倒序展示，不超过3条">按强重要、待关注、时间倒序展示，不超过3条</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">32, 420 · 311×18</td>
+        <td style="color:#666">18, 136 · 268.1×18</td>
+        <td style="color:#666">-1.0</td>
+        <td style="color:#666">+1.5</td>
+        <td style="color:#c62828">-42.9</td>
+        <td style="color:#666">0.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="条未读消息">条未读消息</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">74, 328 · 75×22</td>
+        <td style="color:#666">57.8, 36 · 75×21</td>
+        <td style="color:#c62828">-3.2</td>
+        <td style="color:#c62828">-6.5</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="12">12</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">32, 314 · 31×42</td>
+        <td style="color:#666">20, 20 · 31.8×42</td>
+        <td style="color:#666">+1.0</td>
+        <td style="color:#c62828">-8.5</td>
+        <td style="color:#666">+0.8</td>
+        <td style="color:#666">0.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="动账 5 · 转账 2 · 站内 1 · 其他 4">动账 5 · 转账 2 · 站内 1 · 其他 </td>
+        <td>Text</td>
+        <td title="通过 text-far">文本远</td>
+        <td style="color:#666">74, 352 · 196×18</td>
+        <td style="color:#666">16, 70 · 223.1×28</td>
+        <td style="color:#c62828">-45.0</td>
+        <td style="color:#c62828">+3.5</td>
+        <td style="color:#c62828">+27.1</td>
+        <td style="color:#c62828">+10.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="查看全部">查看全部</td>
+        <td>Row</td>
+        <td title="通过 text-far">文本远</td>
+        <td style="color:#666">263, 328 · 56×20</td>
+        <td style="color:#666">285, 30 · 72×22</td>
+        <td style="color:#c62828">+35.0</td>
+        <td style="color:#c62828">-12.5</td>
+        <td style="color:#c62828">+16.0</td>
+        <td style="color:#666">+2.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="今日有一笔支出动账">今日有一笔支出动账</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">58, 464 · 135×22</td>
+        <td style="color:#666">67.7, 182 · 135×21</td>
+        <td style="color:#c62828">+22.7</td>
+        <td style="color:#c62828">+3.5</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="金额1,280.00元，建议核对资金变动。">金额1,280.00元，建议核对资金变动。</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">58, 490 · 254×18</td>
+        <td style="color:#666">67.7, 207 · 221.3×18</td>
+        <td style="color:#c62828">+22.7</td>
+        <td style="color:#c62828">+2.5</td>
+        <td style="color:#c62828">-32.7</td>
+        <td style="color:#666">0.0</td>
+      </tr>
+<tr style="background:#e7f6ec">
+        <td style="color:#0a7a2f;font-weight:600">OK</td>
+        <td title="重点摘要">重点摘要</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">32, 396 · 60×22</td>
+        <td style="color:#666">18, 109 · 60×21</td>
+        <td style="color:#666">-1.0</td>
+        <td style="color:#666">-1.5</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.0</td>
+      </tr>
+  </table>
+</div></body></html>