skill-memo-ilife 0.3.2 → 0.3.13

package/templates/sync_report.html

@@ -27,6 +27,10 @@
   --shadow-sm:0 1px 2px rgba(0,0,0,.04);
   --shadow-md:0 1px 3px rgba(0,0,0,.04),0 12px 36px rgba(0,0,0,.06);
   --shadow-lg:0 1px 3px rgba(0,0,0,.04),0 24px 48px rgba(0,0,0,.08);
+  /* #832 令牌收债：下面 7 个值原先散在规则里当字面色值用（t849 §2 禁令「色值只许用令牌」）。
+     值逐字不变，只是搬进令牌定义地——规则里只剩 var()。 */
+  --ok-tint:#ebfaef;--warn-tint:#fff7e0;--err-tint:#ffe8e6;--idle-tint:#fafafa;
+  --idle-icon:#f0f0f2;--badge-neutral:#ececef;--desktop-bg:#ededf0;
   --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
   --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
 }
@@ -40,11 +44,15 @@ body{
   -moz-osx-font-smoothing:grayscale;
   padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);
 }
+/* #820 收尾：宽档版心对齐本批其余页（原来 480px，1280 下左右各空 415px；老技能同值沿用）。
+   手机端不受影响（窄屏本来就是铺满）。 */
 .wrap{
-  max-width:480px;
+  max-width:980px;
   margin:0 auto;
   padding:max(20px,env(safe-area-inset-top,0)) 16px calc(40px + env(safe-area-inset-bottom,0));
 }
+/* 页级标题：本页原先没有 h1（视觉审查：34 页里唯一一页第一个元素就是导航胶囊）。 */
+h1{font-size:34px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}
 
 /* ===== 状态卡(首屏 · 结论优先) ===== */
 .status-card{
@@ -57,10 +65,10 @@ body{
   position:relative;
   overflow:hidden;
 }
-.status-card.ok{background:linear-gradient(180deg,#fff 0%,#ebfaef 100%)}
-.status-card.warn{background:linear-gradient(180deg,#fff 0%,#fff7e0 100%)}
-.status-card.err{background:linear-gradient(180deg,#fff 0%,#ffe8e6 100%)}
-.status-card.idle{background:linear-gradient(180deg,#fff 0%,#fafafa 100%)}
+.status-card.ok{background:linear-gradient(180deg,var(--card) 0%,var(--ok-tint) 100%)}
+.status-card.warn{background:linear-gradient(180deg,var(--card) 0%,var(--warn-tint) 100%)}
+.status-card.err{background:linear-gradient(180deg,var(--card) 0%,var(--err-tint) 100%)}
+.status-card.idle{background:linear-gradient(180deg,var(--card) 0%,var(--idle-tint) 100%)}
 
 .status-icon{
   width:56px;height:56px;
@@ -73,7 +81,7 @@ body{
 .status-card.ok .status-icon{background:var(--ok-soft);color:var(--ok)}
 .status-card.warn .status-icon{background:var(--warn-soft);color:var(--warn)}
 .status-card.err .status-icon{background:var(--err-soft);color:var(--err)}
-.status-card.idle .status-icon{background:#f0f0f2;color:var(--fg3)}
+.status-card.idle .status-icon{background:var(--idle-icon);color:var(--fg3)}
 
 .status-title{
   font-size:22px;font-weight:700;
@@ -95,8 +103,12 @@ body{
   font-size:12px;
   color:var(--fg3);
   font-variant-numeric:tabular-nums;
+  /* 状态卡整体居中（`.status-card{text-align:center}`），这条 meta 带沿用居中：把键值行整体摆在
+     带子中间——改前那句 `22:35 · 同步飞书` 也是居中的，本票只换形状、不改这条带的版式语法。 */
+  display:flex;justify-content:center;
 }
-.status-meta span+span::before{content:"·";margin:0 8px;color:var(--fg4)}
+/* #878：状态行那枚 `·` 原本由伪元素生成（`.status-meta span+span::before{content:"·"}`），
+   判据读不到、屏上却看得见；分隔改由版式承担 —— 状态行落成公共层的键值行（`ilife-block-fact-strip`）。 */
 
 /* ===== KPI 网格(第二屏 · 数字概览) ===== */
 .kpis{
@@ -130,7 +142,7 @@ body{
 }
 .kpi-num.zero{color:var(--fg4);font-weight:600}
 .kpi-label{font-size:13px;color:var(--fg2);font-weight:500}
-.kpi-hint{font-size:11px;color:var(--fg3);margin-top:3px;line-height:1.4}
+.kpi-hint{font-size:12px;color:var(--fg3);margin-top:3px;line-height:1.4}
 
 /* ===== 明细卡(<details> 原生折叠) ===== */
 .detail{
@@ -171,7 +183,7 @@ body{
   min-width:22px;height:22px;padding:0 7px;
   border-radius:999px;
   font-size:12px;font-weight:700;
-  background:#ececef;color:var(--fg2);
+  background:var(--badge-neutral);color:var(--fg2);
   font-variant-numeric:tabular-nums;
 }
 .detail-badge.ok{background:var(--ok-soft);color:var(--ok-fg)}
@@ -255,44 +267,40 @@ body{
 }
 .err-list li:last-child{margin-bottom:0}
 
-/* ===== 数据与日志 ===== */
-.data-panel{
-  background:var(--card);
-  border-radius:16px;
-  box-shadow:var(--shadow-sm);
-  padding:16px 18px;
-  margin-top:14px;
-}
-.data-panel strong{font-size:14.5px}
-.data-panel .hint{font-size:12px;color:var(--fg3);margin-top:6px}
-
-/* ===== 移动端微调(已经在 480 内,只处理超小屏) ===== */
-@media(max-width:360px){
-  .wrap{padding:14px 12px 32px}
-  .status-card{padding:20px 16px}
-  .status-title{font-size:20px}
-  .kpi{padding:14px 12px}
-  .kpi-num{font-size:22px}
-  .detail summary{padding:13px 14px;font-size:14px}
-  .detail-body{padding:0 14px 14px}
-}
+/* ===== 页内导航（公共层目录形状 `ilife-block-toc`；#832 补：本页三屏，长页需定位） ===== */
+#statusCard,#kpis,#details,#dataPanel{scroll-margin-top:20px}
+
+/* ===== 超小屏微调已并入基样式 =====
+   #832：原先有一段 `@media(max-width:360px)` 的「超小屏微调」，而 360 不在仓内既有断点集合
+   （400／640／820／1001／1200，`t849-视觉基准.md` §2 禁令「零新断点」）里。本页是 mobile-first、
+   基样式本来就是移动优先，那段括号只是把 320 档的内距再收 4px、把页题从 22px 降到 20px——
+   删掉即回落到基样式（正文 ≥12px、安全区照旧由 body 的 `env(safe-area-inset-*)` 避让），
+   三档验收宽（390／768／1440）读数一字不变。 */
 
 /* ===== PC 端:480 居中,背景留白(类 Apple Mail) ===== */
-@media(min-width:600px){
+@media(min-width:640px){
   .wrap{padding-top:40px}
-  body{background:#ededf0}
+  body{background:var(--desktop-bg)}
 }
 
 /* ===== reduce motion ===== */
 @media(prefers-reduced-motion:reduce){
   *{transition:none!important;animation:none!important}
 }
+
+/* #870 · 表单控件命中区 ≥44×44px（t849 §2 硬线；实测基线 33 处不足全在这一族） */
+input[type=text],input[type=date],input[type=search],input:not([type]),select{min-height:44px;box-sizing:border-box}
 </style>
 </head>
 <body>
-<div class="wrap">
+<div class="wrap ilife-page-ui">
 <section id="injectError" style="display:none"></section>
 
+<h1 id="title">备忘录同步</h1>
+
+<!-- ===== 页内导航（公共层目录形状；#832：本页三屏，长页给定位） ===== -->
+<nav class="ilife-block-toc jump" aria-label="页内导航"><a href="#statusCard">结论</a><a href="#kpis">统计</a><a href="#details">明细</a><a href="#dataPanel">数据</a></nav>
+
 <!-- ===== 状态卡(首屏 · 结论) ===== -->
 <section class="status-card" id="statusCard">
   <div class="status-icon" id="statusIcon">✓</div>
@@ -310,13 +318,19 @@ body{
 <!-- ===== 明细区(按需展开 · 原生 details) ===== -->
 <div id="details"></div>
 
-<!-- ===== 数据与日志(#299 08 硬标准) ===== -->
-<section class="data-panel" id="dataPanel">
-<strong>数据与日志</strong>
-<div class="hint">点复制数据保存本次同步结果 · 点复制日志用于反馈问题</div>
-<div class="hm-actions">
-<button class="copy ghost" onclick="copyData()">复制数据</button>
-<button class="copy ghost" onclick="copyLog()">复制日志</button>
+<section class="ilife-block ilife-block-copy-block" id="dataPanel">
+<div class="ilife-action-bar">
+<div class="ilife-action-row ilife-action-row-ghost">
+<div class="ilife-copy-menu-wrap">
+<button type="button" class="ilife-copy-btn ilife-copy-btn-ghost" data-fmt-open="1" aria-haspopup="menu" aria-expanded="false" aria-label="复制数据（点开选格式）">复制数据</button>
+<div class="ilife-copy-menu" role="menu">
+<button type="button" class="ilife-copy-menu-item" data-fmt="text" data-t=""><span class="ilife-copy-menu-label">纯文本</span></button>
+<button type="button" class="ilife-copy-menu-item" data-fmt="json" data-t=""><span class="ilife-copy-menu-label">JSON</span></button>
+<button type="button" class="ilife-copy-menu-item" data-fmt="csv" data-t=""><span class="ilife-copy-menu-label">CSV</span></button>
+</div>
+</div>
+<button type="button" class="ilife-copy-btn ilife-copy-btn-ghost" data-action-id="memo-copy-log">复制日志</button>
+</div>
 </div>
 </section>
 </div>
@@ -330,7 +344,7 @@ var raw=document.getElementById("payload");
 var payload=null,perr=null;
 try{payload=JSON.parse(raw.textContent||"{}");}catch(e){perr=e.message;}
 if(perr){document.getElementById("injectError").style.display="block";document.getElementById("injectError").innerHTML=window.errorReceipt({message:"数据解析失败",log:perr,payload:null});return;}
-if(!payload||payload.status!=="ok"||!payload.data){document.getElementById("injectError").style.display="block";document.getElementById("injectError").innerHTML=window.errorReceipt({message:(payload&&payload.message)||"数据未注入",retryPrompt:"请重新运行备忘录同步(唤醒词:备忘录同步)",payload:null});return;}
+if(!payload||payload.status!=="ok"||!payload.data){document.getElementById("injectError").style.display="block";document.getElementById("injectError").innerHTML=window.errorReceipt({message:(payload&&payload.message)||"数据未注入",retryPrompt:"请重新运行备忘录同步（唤醒词：备忘录同步）",payload:null});return;}
 window.__hmPayload=payload;
 
 function num(v){return (typeof v==='number'&&isFinite(v))?v:0}
@@ -351,13 +365,15 @@ function init(){
   // success: 同步报告已渲染(4 状态 fallback · success 路径)
   var synced = num(d.synced);
   var backfilled = num(d.backfilled);
-  var dueAdded = num(d.due_added);
-  var dueOverridden = num(d.due_overridden);
-  var dueRemoved = num(d.due_removed);
+  // #832：载荷是回执对象原样（`runSync` 的 `extra`），键名一律驼峰——旧世代那份下划线写法
+  // 与本页的载荷对不上，六项统计全部读成 0（页面把「排期变更 3 条」印成 0）。此处照载荷改齐。
+  var dueAdded = num(d.dueAdded);
+  var dueOverridden = num(d.dueOverridden);
+  var dueRemoved = num(d.dueRemoved);
   var dueChanged = dueAdded + dueOverridden + dueRemoved;
-  var skippedNoLocal = num(d.skipped_no_local_note);
-  var skippedNoMemo = num(d.skipped_no_memo_id);
-  var skippedAlready = num(d.skipped_already_done);
+  var skippedNoLocal = num(d.skippedNoLocalNote);
+  var skippedNoMemo = num(d.skippedNoMark);
+  var skippedAlready = num(d.skippedAlreadyDone);
   var totalSkipped = skippedNoLocal + skippedNoMemo + skippedAlready;
   var errs = (d.errors || []).length;
   var totalChanged = synced + backfilled + dueChanged;
@@ -366,48 +382,51 @@ function init(){
   if(errs > 0){
     card.className = 'status-card err';
     icon.textContent = '!';
-    title.textContent = '同步完成 · ' + errs + ' 个错误';
-    desc.innerHTML = '同步已执行,但有 <b>' + errs + '</b> 个错误需要关注。展开下方错误明细查看详情。';
+    title.textContent = '同步完成，' + errs + ' 个错误';
+    desc.innerHTML = '同步已执行，但有 <b>' + errs + '</b> 个错误需要关注。展开下方错误明细查看详情。';
     // #299:err 态 → Base errorReceipt(修正重试 = 重新同步)
     var er = document.getElementById('errorReceipt');
     er.style.display = 'block';
     er.innerHTML = window.errorReceipt({
-      message: '同步完成 · ' + errs + ' 个错误',
-      retryPrompt: '请重新运行备忘录同步(唤醒词:备忘录同步)',
+      message: '同步完成，' + errs + ' 个错误',
+      retryPrompt: '请重新运行备忘录同步（唤醒词：备忘录同步）',
       payload: null
     });
   }else if(totalChanged === 0 && totalSkipped === 0){
     card.className = 'status-card idle';
     icon.textContent = '—';
-    title.textContent = '完全一致 · 无变化';
-    desc.textContent = '本机与飞书已同步,本次没有需要处理的变更。';
+    title.textContent = '完全一致，无变化';
+    desc.textContent = '本机与飞书已同步，本次没有需要处理的变更。';
   }else if(synced > 0 || backfilled > 0){
     card.className = 'status-card ok';
     icon.textContent = '✓';
     title.textContent = '同步完成';
     var parts = [];
-    if(synced > 0) parts.push('<b>' + synced + '</b> 条心愿在飞书勾选,本机已转打卡');
+    if(synced > 0) parts.push('<b>' + synced + '</b> 条心愿在飞书勾选，本机已转打卡');
     if(backfilled > 0) parts.push('<b>' + backfilled + '</b> 条本机心愿补建到飞书');
     if(dueChanged > 0) parts.push('<b>' + dueChanged + '</b> 条排期已按飞书更新');
-    desc.innerHTML = parts.join('<br>') + '。';
+    // #820 收尾：这串是**并列的计数行**，不是一句话 —— 原先 join('<br>') 后再补一个「。」，
+    // 句号只挂在最后一行，读起来像「第一行没写完」（同两行标点不一）。并列行一律不带句尾标点。
+    desc.innerHTML = parts.join('<br>');
   }else{
     card.className = 'status-card warn';
-    icon.textContent = '·';
-    title.textContent = '同步完成 · 无变更';
-    desc.innerHTML = '扫到飞书数据但本次没有实际变更。' + (totalSkipped > 0 ? '有 ' + totalSkipped + ' 条跳过,可展开查看。' : '');
+    // #820 收尾：状态图标原先是一枚「·」（拿标点当图标）——与「完全一致」那一档的破折号统一。
+    icon.textContent = '—';
+    title.textContent = '同步完成，无变更';
+    desc.innerHTML = '扫到飞书数据但本次没有实际变更。' + (totalSkipped > 0 ? '有 ' + totalSkipped + ' 条跳过，可展开查看。' : '');
   }
 
-  /* ----- meta 行 ----- */
+  /* ----- meta 行（#878：`22:35 · 同步飞书` 那串改键值行，事实一条不减） ----- */
   function commandToChinese(c){return c==='sync-from-feishu'?'同步飞书':c}
-  var metaParts = [];
-  if(d.generated_at) metaParts.push('<span>' + fmtTime(d.generated_at) + '</span>');
-  if(d.command) metaParts.push('<span>' + esc(commandToChinese(d.command)) + '</span>');
-  meta.innerHTML = metaParts.join('');
+  var metaFacts = [];
+  if(d.generated_at) metaFacts.push({label:'生成时间', value:fmtTime(d.generated_at)});
+  if(d.scene&&d.scene.scene_id) metaFacts.push({label:'场景', value:commandToChinese(d.scene.scene_id)});
+  meta.innerHTML = window.factStrip(metaFacts);
 
   /* ----- KPI 网格 ----- */
   var kpis = [
-    {n:synced, label:'完成同步', hint:'飞书上勾选的,本机已记为打卡', bar: synced>0?'ok':'', z:synced===0},
-    {n:backfilled, label:'补建到飞书', hint:'本机心愿 → 飞书任务', bar: backfilled>0?'ok':'', z:backfilled===0},
+    {n:synced, label:'完成同步', hint:'飞书上勾选的，本机已记为打卡', bar: synced>0?'ok':'', z:synced===0},
+    {n:backfilled, label:'补建到飞书', hint:'本机心愿已建到飞书任务', bar: backfilled>0?'ok':'', z:backfilled===0},
     {n:dueChanged, label:'排期变更', hint:'已按飞书最新日期调整', bar: dueChanged>0?'warn':'', z:dueChanged===0},
     {n:totalSkipped, label:'跳过', hint:'未匹配到本机心愿', bar: totalSkipped>0?'warn':'', z:totalSkipped===0},
   ];
@@ -423,54 +442,42 @@ function init(){
   /* ----- 明细区(原生 details,按需展示) ----- */
   var details = [];
 
-  // 1. 完成同步明细
+  // 1. 完成同步明细（D-29：回执只带计数、不带逐条明细，故只出这一种正文）
   if(synced > 0){
-    var items = d.synced_items || [];
-    var body = '';
-    if(items.length > 0){
-      body = '<ul class="item-list">' + items.map(function(it){
-        return '<li>' +
-          '<span class="item-id">#' + esc(it.id) + '</span>' +
-          '<span class="item-content">' + esc(it.content) + '</span>' +
-          '<span class="item-mark">✓</span>' +
-        '</li>';
-      }).join('') + '</ul>';
-    }else{
-      body = '<p>本次有 <b>' + synced + '</b> 条心愿在飞书勾选完成,本机已转为打卡记录。</p>' +
-             '<p class="note">如需查看具体心愿,可用「查心愿」唤醒词查看本机心愿清单。</p>';
-    }
-    details.push(makeDetail('✓ 完成同步', 'ok', synced, body, true));
+    var body = '<p>本次有 <b>' + synced + '</b> 条心愿在飞书勾选完成，本机已转为打卡记录。</p>' +
+               '<p class="note">如需查看具体心愿，可用「查心愿」唤醒词查看本机心愿清单。</p>';
+    details.push(makeDetail('完成同步', 'ok', synced, body, true));
   }
 
   // 2. 补建明细
   if(backfilled > 0){
-    var body2 = '<p>本次有 <b>' + backfilled + '</b> 条本机心愿补建到飞书 task,已建立双向关联。</p>';
-    details.push(makeDetail('+ 补建到飞书', 'ok', backfilled, body2));
+    var body2 = '<p>本次有 <b>' + backfilled + '</b> 条本机心愿补建到飞书任务，已建立双向关联。</p>';
+    details.push(makeDetail('补建到飞书', 'ok', backfilled, body2));
   }
 
   // 3. 排期变更明细
   if(dueChanged > 0){
     var parts3 = [];
-    if(dueAdded > 0) parts3.push('新增 due ' + dueAdded + ' 条');
-    if(dueOverridden > 0) parts3.push('覆盖 due ' + dueOverridden + ' 条');
-    if(dueRemoved > 0) parts3.push('清除 due ' + dueRemoved + ' 条');
-    var body3 = '<p>本次排期变更:<b>' + parts3.join(' · ') + '</b>。</p>' +
-                '<p class="note">飞书 task 的 due 时间已同步到本机心愿。飞书优先,本机跟随。</p>';
-    details.push(makeDetail('📅 排期变更', 'warn', dueChanged, body3));
+    if(dueAdded > 0) parts3.push('新增排期 ' + dueAdded + ' 条');
+    if(dueOverridden > 0) parts3.push('覆盖排期 ' + dueOverridden + ' 条');
+    if(dueRemoved > 0) parts3.push('清除排期 ' + dueRemoved + ' 条');
+    var body3 = '<p>本次排期变更：<b>' + parts3.join('，') + '</b>。</p>' +
+                '<p class="note">飞书任务的排期已同步到本机心愿。飞书优先，本机跟随。</p>';
+    details.push(makeDetail('排期变更', 'warn', dueChanged, body3));
   }
 
   // 4. 跳过明细(平静展示)
   if(totalSkipped > 0){
     var skipParts = [];
-    if(skippedNoLocal > 0) skipParts.push('<b>' + skippedNoLocal + '</b> 条在飞书已完成,但本机找不到对应心愿');
-    if(skippedNoMemo > 0) skipParts.push('<b>' + skippedNoMemo + '</b> 条飞书 task 缺少 memo_id 字段');
+    if(skippedNoLocal > 0) skipParts.push('<b>' + skippedNoLocal + '</b> 条在飞书已完成，但本机找不到对应心愿');
+    if(skippedNoMemo > 0) skipParts.push('<b>' + skippedNoMemo + '</b> 条飞书任务缺少本机笔记编号');
     if(skippedAlready > 0) skipParts.push('<b>' + skippedAlready + '</b> 条之前已处理过');
-    var body4 = '<p>本次跳过 ' + totalSkipped + ' 条:</p>' +
-                '<p>' + skipParts.join(';<br>') + '。</p>';
+    var body4 = '<p>本次跳过 ' + totalSkipped + ' 条：</p>' +
+                '<p>' + skipParts.join('<br>') + '。</p>';
     if(skippedNoLocal > 0){
-      body4 += '<p class="note">可能你最近清理过本机库,或这些 task 是飞书原生建的。通常无需操作。如需排查可用「查心愿」唤醒词查看本机心愿清单。</p>';
+      body4 += '<p class="note">可能你最近清理过本机库，或这些任务是飞书原生建的。通常无需操作。如需排查可用「查心愿」唤醒词查看本机心愿清单。</p>';
     }
-    details.push(makeDetail('○ 跳过', 'warn', totalSkipped, body4));
+    details.push(makeDetail('跳过', 'warn', totalSkipped, body4));
   }
 
   // 5. 错误明细
@@ -478,7 +485,7 @@ function init(){
     var body5 = '<ul class="err-list">' + (d.errors||[]).map(function(e){
       return '<li>' + esc(e) + '</li>';
     }).join('') + '</ul>';
-    details.push(makeDetail('⚠ 错误', 'err', errs, body5));
+    details.push(makeDetail('错误', 'err', errs, body5));
   }
 
   // 6. 全空兜底(empty 状态 · #299 Base emptyState)
@@ -501,10 +508,11 @@ function makeDetail(label, badgeClass, count, body, open){
   '</details>';
 }
 
-function copyData(){window.copyText(window.buildDataText(payload),{silent:true});window.toast('数据已复制','人类可读快照 · 可粘贴到笔记存档',{icon:'copy'});}
-function copyLog(){window.copyText(window.buildLogText(payload),{silent:true});window.toast('日志已复制','诊断信息 · 有异常时粘贴给开发者排查',{icon:'copy'});}
+function copyData(){window.memoAttachCopyArea();window.toast('数据已复制','人类可读快照，可粘贴到笔记存档',{icon:'copy'});}
+function copyLog(){window.memoAttachCopyArea();window.toast('日志已复制','诊断信息，有异常时粘贴给开发者排查',{icon:'copy'});}
 window.copyData=copyData;
 window.copyLog=copyLog;
+window.memoAttachCopyArea();
 init();
 })();
 </script>

package/templates/wish_complete.html

@@ -13,7 +13,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei
 .eyebrow{font-size:13px;color:var(--blue);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
 h1{font-size:36px;line-height:1.15;letter-spacing:-.035em;margin-bottom:12px}
 .lead{color:var(--fg2);font-size:17px}
-.meta{margin-top:14px;color:var(--fg3);font-size:13px}
+/* #878：页头时刻行不再拿 `·` 顶版式，改落公共层的键值行（`#meta` 里装 `ilife-block-fact-strip`）。 */
 .badge{display:inline-block;background:var(--soft,#f5f8ff);color:var(--blue);padding:4px 11px;border-radius:999px;font-size:13px;font-weight:700;margin:2px 6px 2px 0}
 .badge.ok{background:#ecfff2;color:#178a3a}
 .badge.warn{background:#fff7e8;color:#b25b00}
@@ -42,24 +42,28 @@ pre{white-space:pre-wrap;background:#f5f5f7;color:var(--fg);border:1px solid var
 .notice{padding:12px 16px;border-radius:14px;margin:10px 0;font-size:14px}
 .notice.warn{background:#fff7e8;color:#b25b00}
 .notice.err{background:#fff5f5;color:#ff3b30}
-@media(max-width:800px){.wrap{padding:28px 14px 70px}.hero{padding:26px 20px}h1{font-size:30px}.kpi .stat{padding:12px}}
+/* #820 收尾：断点取仓内既有集合（help 模板同档 820）；原写 800 是新造的档位。 */
+@media(max-width:820px){.wrap{padding:28px 14px 70px}.hero{padding:26px 20px}h1{font-size:30px}.kpi .stat{padding:12px}}
+
+/* #870 · 表单控件命中区 ≥44×44px（t849 §2 硬线；实测基线 33 处不足全在这一族） */
+input[type=text],input[type=date],input[type=search],input:not([type]),select{min-height:44px;box-sizing:border-box}
 </style>
 </head>
 <body>
-<div class="wrap">
+<div class="wrap ilife-page-ui">
 <header class="hero">
 <h1 id="title">心愿完成向导</h1>
 <p class="lead" id="subtitle">数据加载中</p>
-<p class="meta" id="meta"></p>
+<div id="meta"></div>
 </header>
 <section id="injectError" style="display:none"></section>
 
 <section class="kpi" id="kpis"></section>
 
 <section class="panel">
-<div style="font-weight:700;margin-bottom:10px">✏️ 默认打卡内容(可选)</div>
-<p style="color:var(--fg2);font-size:13px;margin-bottom:10px">填了会应用到所有勾选的心愿,也能每条单独改;不填就用心愿原本的内容当打卡内容。</p>
-<input type="text" id="globalContent" placeholder="如:今天完成了 / 2026-07-03 已打卡" />
+<div style="font-weight:700;margin-bottom:10px">默认打卡内容（可选）</div>
+<p style="color:var(--fg2);font-size:13px;margin-bottom:10px">填了会应用到所有勾选的心愿，也能每条单独改。不填就用心愿原本的内容当打卡内容。</p>
+<input type="text" id="globalContent" placeholder="如：今天完成了 ／ 2026-07-03 已打卡" />
 <div class="toolbar" style="margin-top:14px">
 <button class="ghost" onclick="applyGlobalContent()">应用到所有勾选</button>
 <button class="ghost" onclick="selectAll(true)">全选</button>
@@ -70,21 +74,29 @@ pre{white-space:pre-wrap;background:#f5f5f7;color:var(--fg);border:1px solid var
 <section id="wishList"></section>
 
 <section class="panel">
-<div style="font-weight:700;margin-bottom:8px">📋 发给 AI 的指令</div>
-<p style="color:var(--fg2);font-size:13px;margin-bottom:12px">复制指令发给 AI,它会把这些心愿标记为完成(心愿转成一条打卡),改完给你回执。</p>
+<div style="font-weight:700;margin-bottom:8px">发给助手的指令</div>
+<p style="color:var(--fg2);font-size:13px;margin-bottom:12px">复制指令发给助手，它会把这些心愿标记为完成（心愿转成一条打卡），改完给你回执。</p>
 <div class="toolbar">
-<button class="primary" onclick="adopt()">📋 复制修改指令</button>
+<button class="primary" onclick="adopt()">复制修改指令</button>
 </div>
 <div id="warnArea"></div>
+<p class="small" id="previewNote" style="display:none">下面是复制出去的原文，里面的符号留给 AI 解析。</p>
 <pre id="promptOut" style="display:none"></pre>
 </section>
 
-<section class="panel">
-<strong>数据与日志</strong>
-<div class="hint">点复制数据保存当前心愿列表 · 点复制日志用于反馈问题(日志不含隐私内容)</div>
-<div class="hm-actions">
-<button class="copy ghost" onclick="copyData()">复制数据</button>
-<button class="copy ghost" onclick="copyLog()">复制日志</button>
+<section class="ilife-block ilife-block-copy-block">
+<div class="ilife-action-bar">
+<div class="ilife-action-row ilife-action-row-ghost">
+<div class="ilife-copy-menu-wrap">
+<button type="button" class="ilife-copy-btn ilife-copy-btn-ghost" data-fmt-open="1" aria-haspopup="menu" aria-expanded="false" aria-label="复制数据（点开选格式）">复制数据</button>
+<div class="ilife-copy-menu" role="menu">
+<button type="button" class="ilife-copy-menu-item" data-fmt="text" data-t=""><span class="ilife-copy-menu-label">纯文本</span></button>
+<button type="button" class="ilife-copy-menu-item" data-fmt="json" data-t=""><span class="ilife-copy-menu-label">JSON</span></button>
+<button type="button" class="ilife-copy-menu-item" data-fmt="csv" data-t=""><span class="ilife-copy-menu-label">CSV</span></button>
+</div>
+</div>
+<button type="button" class="ilife-copy-btn ilife-copy-btn-ghost" data-action-id="memo-copy-log">复制日志</button>
+</div>
 </div>
 </section>
 </div>
@@ -98,7 +110,7 @@ var raw=document.getElementById("payload");
 var payload=null,perr=null;
 try{payload=JSON.parse(raw.textContent||"{}");}catch(e){perr=e.message;}
 if(perr){document.getElementById("injectError").style.display="block";document.getElementById("injectError").innerHTML=window.errorReceipt({message:"数据解析失败",log:perr,payload:null});return;}
-if(!payload||payload.status!=="ok"||!payload.data){document.getElementById("injectError").style.display="block";document.getElementById("injectError").innerHTML=window.errorReceipt({message:(payload&&payload.message)||"数据未注入",retryPrompt:"请重新运行心愿完成(唤醒词:心愿完成)",payload:null});return;}
+if(!payload||payload.status!=="ok"||!payload.data){document.getElementById("injectError").style.display="block";document.getElementById("injectError").innerHTML=window.errorReceipt({message:(payload&&payload.message)||"数据未注入",retryPrompt:"请重新运行心愿完成（唤醒词：心愿完成）",payload:null});return;}
 window.__hmPayload=payload;
 function data(){return payload.data}
 function items(){return data().items||[]}
@@ -108,7 +120,10 @@ function init(){
   document.getElementById('title').textContent=d.title||'心愿完成向导';
   document.getElementById('subtitle').textContent=payload.message||'勾选要完成的心愿';
   var meta=d.meta||{};
-  document.getElementById('meta').textContent=`生成时间：${d.generated_at||''} · 场景：${meta.command_cn||d.command||'wish-complete'}`;
+  document.getElementById('meta').innerHTML=window.factStrip([
+    {label:'生成时间', value:d.generated_at||''},
+    {label:'场景', value:meta.command_cn||d.command||'wish-complete'}
+  ]);
   if(d.default_content){document.getElementById('globalContent').value=d.default_content}
   renderKPIs();renderList();
   // success: 心愿列表已加载,等待用户勾选完成
@@ -120,7 +135,7 @@ function renderKPIs(){
   document.getElementById('kpis').innerHTML=[
     ['待完成',all.length,'勾选后转打卡'],
     ['已同步飞书',withFeishu,'完成后飞书任务同步标记完成'],
-    ['其他',all.length-withFeishu,'没有飞书任务,只在本机完成'],
+    ['其他',all.length-withFeishu,'没有飞书任务，只在本机完成'],
   ].map(x=>`<div class="stat"><b>${x[1]}</b><span>${x[0]}</span><div style="color:var(--fg3);font-size:12px;margin-top:4px">${esc(x[2])}</div></div>`).join('');
 }
 
@@ -151,8 +166,8 @@ ${w.feishu_task_guid?`<span class="badge ok">已同步飞书</span>`:'<span clas
 ${w.due?`<span class="badge warn">原排期：${esc(w.due)}</span>`:''}
 </div>
 <div class="wish-content-input">
-<label style="color:var(--fg2);font-size:13px;display:block;margin-bottom:6px">打卡内容(覆盖)</label>
-<textarea id="content_${w.id}" placeholder="默认使用:${esc(w.content).slice(0,20)}${w.content.length>20?'…':''}"></textarea>
+<label style="color:var(--fg2);font-size:13px;display:block;margin-bottom:6px">打卡内容（覆盖）</label>
+<textarea id="content_${w.id}" placeholder="默认使用：${esc(w.content).slice(0,20)}${w.content.length>20?'…':''}"></textarea>
 </div>
 </article>`;
 }
@@ -191,21 +206,21 @@ function selectedRows(){
 function buildPrompt(rows,ctx){
   if(!rows.length) return '未选择任何心愿';
   return [
-    '① 场景: 我用心愿完成向导,标记 '+rows.length+' 个心愿为已完成',
+    '① 场景： 我用心愿完成向导，标记 '+rows.length+' 个心愿为已完成',
     '',
-    '② 数据(要完成的心愿):',
-    ...rows.map(r=>`   · 心愿 #${r.id} "${r.content}" → 打卡内容: "${r.override||r.content}"${r.has_feishu?' (飞书任务同步完成)':''}`),
+    '② 数据（要完成的心愿）：',
+    ...rows.map(r=>`   · 心愿 #${r.id} "${r.content}" → 打卡内容： "${r.override||r.content}"${r.has_feishu?' （飞书任务同步完成）':''}`),
     '',
-    '③ 期望: 请把这些心愿标记为完成(每个心愿转成一条打卡),有飞书任务的心愿同步标记完成;完成后给我回执。',
+    '③ 期望： 请把这些心愿标记为完成（每个心愿转成一条打卡），有飞书任务的心愿同步标记完成；完成后给我回执。',
     '',
-    '④ 来源: 心愿完成向导 · '+ctx.generated_at,
+    '④ 来源： 心愿完成向导 · '+ctx.generated_at,
   ].join('\n');
 }
 
 function warnIfAny(rows){
   var nofb=rows.filter(r=>!r.has_feishu);
   if(nofb.length){
-    document.getElementById('warnArea').innerHTML=`<div class="notice warn">ℹ️ ${nofb.length} 条心愿未同步飞书,完成时不会触发飞书联动</div>`;
+    document.getElementById('warnArea').innerHTML=`<div class="notice warn">ℹ️ ${nofb.length} 条心愿未同步飞书，完成时不会触发飞书联动</div>`;
   } else {
     document.getElementById('warnArea').innerHTML='';
   }
@@ -221,17 +236,20 @@ function adopt(){
   var text=buildPrompt(rows,ctx);
   var out=document.getElementById('promptOut');
   out.textContent=text;out.style.display='block';
+  // 说明与预览一起出现（#820 收尾：原先它挂在按钮上方的说明里，讲的是点完才看得到的东西）
+  document.getElementById('previewNote').style.display='block';
   window.copyText(text,{silent:true});
-  window.toast('指令已复制','粘贴发给 AI 即可执行',{icon:'ok'});
+  window.toast('指令已复制','粘贴发给助手 即可执行',{icon:'ok'});
 }
 
-function copyData(){window.copyText(window.buildDataText(payload),{silent:true});window.toast('数据已复制','人类可读快照 · 可粘贴到笔记存档',{icon:'copy'});}
-function copyLog(){window.copyText(window.buildLogText(payload),{silent:true});window.toast('日志已复制','诊断信息 · 有异常时粘贴给开发者排查',{icon:'copy'});}
+function copyData(){window.memoAttachCopyArea();window.toast('数据已复制','人类可读快照 · 可粘贴到笔记存档',{icon:'copy'});}
+function copyLog(){window.memoAttachCopyArea();window.toast('日志已复制','诊断信息 · 有异常时粘贴给开发者排查',{icon:'copy'});}
 window.applyGlobalContent=applyGlobalContent;
 window.selectAll=selectAll;
 window.adopt=adopt;
 window.copyData=copyData;
 window.copyLog=copyLog;
+window.memoAttachCopyArea();
 init();
 })();
 </script>