cb.checked=checked);};
},
formatDate: function(iso){const d=new Date(iso);return `${d.getMonth()+1}月${d.getDate()}日`;},
renderHistory: async function(keyword){const list=await this.store.get(),box=document.getElementById('timeline-list');box.innerHTML='';let filtered=keyword?list.filter(i=>i.q1.toLowerCase().includes(keyword)||i.q2.toLowerCase().includes(keyword)):list;filtered.sort((a,b)=>new Date(b.date)-new Date(a.date));if(!filtered.length){box.innerHTML='🔍 没有找到记录
换个关键词试试，或者去照见完成新记录
🌱 ${item.new_seed} `:'';box.insertAdjacentHTML('beforeend',`${themeIcon} ${this.formatDate(item.date)} ×
${item.q1}
${item.q2}
状态：${item.q4}${seedBadge}
${segments}
`);
lines.push(`📌 高频主题：${themeLabel}（${topTheme[1]} 次）
`);
// Q4 pattern
const nian=counts['念头']||0,gan=counts['感受']||0;
if(nian>gan*1.5) lines.push(`💭 你更多在头脑层面回应（念头 ${Math.round(nian/list.length*100)}%），可以多让身体参与进来
`);
else if(gan>nian*1.5) lines.push(`❤️ 你对感受很敏锐，这是很好的觉察起点
`);
// Consistency pattern
const conRate=Math.round((q3Counts['一致']||0)/list.length*100);
if(conRate>70) lines.push(`🔑 你的自我认知较一致（${conRate}%），一致性是你的力量
`);
else if(conRate<40) lines.push(`🔑 你经常觉察到「矛盾」——这正是松动认知僵化的入口
`);
// Theme-specific insight
const insights={
work:['你在工作中的觉察，往往指向对效率与意义的追问。效率是手段，意义才是终点。','你记录工作最频繁的时候，往往是你最需要被看见的时候。','工作中的矛盾感，可能不是你不够好，而是标准太完美。'],
relation:['你在关系中的觉察，最真实也最脆弱。关系是一面镜子——你看到的对方，往往是你自己的一部分。','你对关系的敏感，说明你在乎。在乎本身就是一种力量。','关系中的矛盾，常常是边界模糊的信号。看见边界，就看见了自由。'],
body:['身体的觉察是最诚实的。头脑会骗人，身体不会。','你开始关照身体，这是从「向外求」转向「向内安」的标志。','身体的疲惫，有时是心在喊停。听见它。'],
general:['综合觉察是最基础的功夫。每天看自己一眼，就是最大的善意。','你对自己的觉察越细，你对世界的理解就越深。','每一次「照见」，都是一次重新认识自己的机会。']
};
const themeInsights=insights[topTheme[0]]||insights.general;
lines.push(`💡 ${themeLabel}洞察
${themeInsights[Math.floor(Math.random()*themeInsights.length)]}
'+(icons[i]||'🌱')+e[0]+' '+e[1]+' ';});
box.innerHTML=''+lines.join('
'+''+tags+'
';
},
generateWeeklyReport: async function(){const list=await this.store.get();const now=new Date(),weekAgo=new Date(now);weekAgo.setDate(now.getDate()-7);const weekData=list.filter(i=>new Date(i.date)>=weekAgo);if(weekData.length<1){this.showToast('📊 本周记录不足');return;}this.showToast('📊 正在生成...');setTimeout(()=>{const canvas=document.createElement('canvas'),ctx=canvas.getContext('2d');const w=750,h=1400;canvas.width=w;canvas.height=h;ctx.fillStyle=document.body.classList.contains('dark')?'#1A1A1A':'#FFFFFF';ctx.fillRect(0,0,w,h);ctx.fillStyle='#C9A96E';ctx.fillRect(0,0,16,h);ctx.fillStyle=document.body.classList.contains('dark')?'#EAEAEA':'#1A1A1A';ctx.font='bold 64px serif';ctx.textAlign='center';ctx.fillText('觉察周报',395,120);ctx.fillStyle='#999';ctx.font='24px sans-serif';ctx.fillText(`${weekAgo.getMonth()+1}.${weekAgo.getDate()} — ${now.getMonth()+1}.${now.getDate()}`,395,170);const total=weekData.length,aware=weekData.filter(i=>i.q4==='觉知').length,awareRatio=total>0?Math.round(aware/total*100):0;const cx=375,cy=350,r=110;ctx.beginPath();ctx.arc(cx,cy,r,0,Math.PI*2);ctx.fillStyle=document.body.classList.contains('dark')?'#333':'#F0F0F0';ctx.fill();ctx.beginPath();ctx.moveTo(cx,cy);ctx.arc(cx,cy,r,-Math.PI/2,(-Math.PI/2)+(Math.PI*2*awareRatio/100));ctx.fillStyle='#C9A96E';ctx.fill();ctx.fillStyle=document.body.classList.contains('dark')?'#EAEAEA':'#1A1A1A';ctx.font='bold 72px sans-serif';ctx.textAlign='center';ctx.fillText(awareRatio+'%',cx,cy+20);ctx.fillStyle='#999';ctx.font='24px sans-serif';ctx.fillText('觉知占比',cx,cy+60);const quote=this.quotes[Math.floor(Math.random()*this.quotes.length)];ctx.fillStyle='#999';ctx.font='italic 30px serif';ctx.textAlign='center';ctx.fillText('"'+quote.text+'"',375,1100);ctx.fillStyle='#666';ctx.font='24px sans-serif';ctx.fillText('—— '+quote.author,375,1150);ctx.fillStyle='#C9A96E';ctx.font='bold 22px sans-serif';ctx.fillText('Whoami · V2.3.10',375,1250);document.getElementById('share-img').src=canvas.toDataURL('image/png');document.getElementById('share-modal').classList.add('active');},200);},
generateShareImage: function(){if(!this.lastItem)return;this.showToast('生成中...');var self=this;setTimeout(function(){
var c=document.createElement('canvas'),x=c.getContext('2d');c.width=750;c.height=1300;
// 暖色渐变背景
var grad=x.createLinearGradient(0,0,0,1300);
grad.addColorStop(0,'#FDF8F0');grad.addColorStop(0.5,'#F7F0E3');grad.addColorStop(1,'#EDE5D5');
x.fillStyle=grad;x.fillRect(0,0,750,1300);
// 顶部装饰细线
x.strokeStyle='#D4C4A8';x.lineWidth=1;x.beginPath();x.moveTo(100,70);x.lineTo(650,70);x.stroke();
x.fillStyle='#C9A96E';x.beginPath();x.arc(375,70,3,0,Math.PI*2);x.fill();
// 标题 - 居中
x.textAlign='center';
x.fillStyle='#1A1A1A';x.font='bold 32px system-ui,-apple-system,sans-serif';
x.fillText('「 我 」我是谁',375,55);
// 日期
var d=new Date(self.lastItem.date);
var dateStr=d.getFullYear()+'.'+(d.getMonth()+1)+'.'+d.getDate();
x.fillStyle='#999';x.font='12px system-ui,-apple-system,sans-serif';
x.fillText(dateStr,375,85);
// 主题标签
var themeLabels=['💼 工作/事业','❤️ 关系/情感','🧘 身体/健康','🌿 综合觉察'];
var themeIdx={work:0,relation:1,body:2,general:3}[self.lastItem.theme]||3;
var tag=themeLabels[themeIdx];
var tagW=x.measureText(tag).width+40;
x.fillStyle='#F5F0E5';x.beginPath();x.roundRect(375-tagW/2,100,tagW,26,13);x.fill();
x.fillStyle='#888';x.font='12px system-ui,-apple-system,sans-serif';x.textAlign='center';
x.fillText(tag,375,118);
// 内容
var x0=75,y=165;
var items=[['今天最重要的事',self.lastItem.q1],['这说明我是怎样的人',self.lastItem.q2],['是否与自我认知一致',self.lastItem.q3],['此刻是谁在回答',self.lastItem.q4]];
for(var i=0;i570){x.font='18px system-ui,-apple-system,sans-serif';var ln='';for(var j=0;j570){x.fillText(ln,x0,y);y+=26;ln=val[j];}else ln=nxt;}if(ln)x.fillText(ln,x0,y);y+=16;}
else{x.fillText(val,x0,y);y+=28;}
if(i<3)y+=14;}
// 分隔线
y+=4;x.strokeStyle='#D4C4A8';x.lineWidth=1;x.beginPath();x.moveTo(100,y);x.lineTo(650,y);x.stroke();
x.fillStyle='#C9A96E';x.beginPath();x.arc(375,y,3,0,Math.PI*2);x.fill();
// 今日洞察
y+=26;var insightEl=document.getElementById('insight-text');var insightTxt=insightEl?insightEl.textContent:'';
if(insightTxt){
x.textAlign='left';x.fillStyle='#A89880';x.font='12px system-ui,-apple-system,sans-serif';x.fillText('今日洞察',x0,y);y+=22;
x.fillStyle='#4A4030';x.font='15px system-ui,-apple-system,sans-serif';
var ds=insightTxt.split('\n').filter(Boolean);
for(var k=0;k570){x.font='14px system-ui,-apple-system,sans-serif';var ln='';for(var j=0;j570){x.fillText(ln,x0,y);y+=24;ln=t[j];}else ln=nxt;}if(ln)x.fillText(ln,x0,y);y+=18;}
else{x.fillText(t,x0,y);y+=24;}}
y+=10;}
// 分隔线
x.strokeStyle='#D4C4A8';x.lineWidth=1;x.beginPath();x.moveTo(100,y);x.lineTo(650,y);x.stroke();
x.fillStyle='#C9A96E';x.beginPath();x.arc(375,y,3,0,Math.PI*2);x.fill();
// 金句 - 居中
y+=30;x.textAlign='center';
var quote=self.quotes[Math.floor(Math.random()*self.quotes.length)];
var qt='「'+quote.text+'」';
x.fillStyle='#5A5040';x.font='italic 18px serif';
if(x.measureText(qt).width>580){x.font='16px serif';
var words=qt.split('');var line='';var lines=[];
for(var j=0;j580){lines.push(line);line=words[j];}else line=test;}
if(line)lines.push(line);
for(var li=0;li{const a=document.createElement('a');a.href=URL.createObjectURL(new Blob([JSON.stringify(d,null,2)]));a.download='whoami_backup_'+new Date().toISOString().slice(0,10)+'.json';a.click();this.showToast('📤 备份已生成');});},
toggleReminder: function() { const enabled=localStorage.getItem('whoami_reminder_enabled')==='true',btn=document.getElementById('btn-toggle-reminder'),status=document.getElementById('reminder-status'),time=document.getElementById('reminder-time').value||'21:00'; if(enabled){localStorage.setItem('whoami_reminder_enabled','false');btn.textContent='开启提醒';btn.style.background='';btn.style.color='';if(this.reminderInterval)clearInterval(this.reminderInterval);status.textContent='';this.showToast('⏰ 提醒已关闭');}else{if(Notification&&Notification.permission==='default')Notification.requestPermission();localStorage.setItem('whoami_reminder_enabled','true');localStorage.setItem('whoami_reminder_time',time);btn.textContent='关闭提醒';btn.style.background='var(--red)';btn.style.color='#fff';status.textContent='✅ 已开启 (每日 '+time+')';this.startReminderCheck();this.showToast('⏰ 提醒已开启');} },
saveReminderTime: function() { const time=document.getElementById('reminder-time').value||'21:00';localStorage.setItem('whoami_reminder_time',time);const enabled=localStorage.getItem('whoami_reminder_enabled')==='true';if(enabled)document.getElementById('reminder-status').textContent='✅ 已开启 (每日 '+time+')';else{document.getElementById('reminder-status').textContent='⏰ 已保存: '+time;setTimeout(()=>{const s=document.getElementById('reminder-status');if(s&&s.textContent.includes('已保存'))s.textContent='';},2000);}this.showToast('⏰ 提醒时间已保存'); },
initReminder: function() { if(localStorage.getItem('whoami_reminder_enabled')==='true'){const t=localStorage.getItem('whoami_reminder_time')||'21:00';document.getElementById('reminder-time').value=t;document.getElementById('btn-toggle-reminder').textContent='关闭提醒';document.getElementById('reminder-status').textContent='✅ 已开启 (每日 '+t+')';this.startReminderCheck();} },
startReminderCheck: function() { if(this.reminderInterval)clearInterval(this.reminderInterval);this.reminderInterval=setInterval(()=>this.checkReminder(),30000);this.checkReminder(); },
checkReminder: function() { if(localStorage.getItem('whoami_reminder_enabled')!=='true')return;const ts=document.getElementById('reminder-time').value||'21:00',now=new Date(),[h,m]=ts.split(':').map(Number);const rt=new Date(now.getFullYear(),now.getMonth(),now.getDate(),h,m),diff=now-rt;if(diff>=0&&diff<60000){const today=now.toDateString();if(localStorage.getItem('whoami_reminder_last')===today)return;localStorage.setItem('whoami_reminder_last',today);this.triggerReminder();} },
triggerReminder: function() { if(Notification&&Notification.permission==='granted')new Notification('「 我 」我是谁',{body:'今天最重要的事是什么？来照见此刻吧。'});this.showToast('🌙 提醒：今天最重要的事是什么？'); },
initVoice: function() { const SR=window.SpeechRecognition||window.webkitSpeechRecognition; if(SR){this.recognition=new SR();this.recognition.lang='zh-CN';this.recognition.continuous=false;this.recognition.interimResults=false;this.recognition.onresult=event=>{const r=event.results[0][0].transcript;if(this.targetFieldId){document.getElementById(this.targetFieldId).value+=r;this.showToast('🎤 识别成功');}this.isRecording=false;this.updateMicUI();};this.recognition.onerror=()=>{this.showToast('🎤 识别失败');this.isRecording=false;this.updateMicUI();};this.recognition.onend=()=>{this.isRecording=false;this.updateMicUI();};}else{document.querySelectorAll('.mic-btn').forEach(b=>b.style.display='none');} },
startVoice: function(id) { if(this.isRecording){this.recognition.stop();this.isRecording=false;}else{this.targetFieldId=id;this.recognition.start();this.isRecording=true;this.showToast('🎤 正在聆听...');}this.updateMicUI(); },
updateMicUI: function() { const btn=this.targetFieldId?document.querySelector(`button[onclick="App.startVoice('${this.targetFieldId}')"]`):null;if(btn){if(this.isRecording)btn.classList.add('recording');else btn.classList.remove('recording');} },
loadResonance: async function() {
const def=[{id:1,text:"今天最重要的事是陪孩子搭积木。这说明我是个愿意慢下来的人。",q3:"一致",time:"2小时前",resonances:12,userResonated:false},{id:2,text:"最重要的事是完成那份报告。说明我是个有责任感的人。",q3:"矛盾",time:"5小时前",resonances:8,userResonated:false},{id:3,text:"今天什么都没做，只是好好呼吸了一次。说明我还活着。",q3:"一致",time:"昨天",resonances:23,userResonated:false}];
// Initialize with local data first
var saved=localStorage.getItem('whoami_resonance');this.resonanceData=saved?JSON.parse(saved):def;if(this.resonanceData){var seen={};this.resonanceData=this.resonanceData.filter(function(i){var key=i.recordId||i.text+i.q3;if(seen[key])return false;seen[key]=1;return true;});}this.renderResonance();
// Then try API to update - dedup by recordId
if(this.cloudWorkerUrl){try{const res=await this.fetchWithTimeout(this.cloudWorkerUrl+'/resonance',{},8000);if(res&&res.ok){const data=await res.json();if(data&&data.items&&data.items.length){const existing=this.resonanceData||[];const seen={};existing.forEach(i=>{if(i.recordId)seen[i.recordId]=1;});const merged=data.items.slice();existing.forEach(i=>{if(i.recordId&&!seen[i.recordId])merged.push(i);});this.resonanceData=merged;localStorage.setItem('whoami_resonance',JSON.stringify(merged));this.renderResonance();return;}}}catch(e){/* fallback to local */}}},
_timeAgo: function(iso) {
if(!iso) return '刚刚';
var now=Date.now(),then=new Date(iso).getTime(),diff=now-then;
if(diff<60000) return '刚刚';
if(diff<3600000) return Math.floor(diff/60000)+'分钟前';
if(diff<86400000) return Math.floor(diff/3600000)+'小时前';
return Math.floor(diff/86400000)+'天前';
},
_resonanceFilter: 'all',
switchResonanceFilter: function(filter) {
this._resonanceFilter = filter;
var tabs=document.querySelectorAll('#page-resonance .garden-tab');
tabs.forEach(function(t){t.classList.toggle('active',t.getAttribute('onclick').includes(filter));});
this.renderResonance();
},
renderResonance: function() { var box=document.getElementById('resonance-list');box.innerHTML='';var data=this.resonanceData||[];var filtered=this._resonanceFilter==='seed'?data.filter(function(i){return i.seed;}):data;if(!filtered.length){var emptyMsg=this._resonanceFilter==='seed'?'':'';box.innerHTML=emptyMsg;return;}filtered.forEach(function(item){var seedTag=item.seed?'🌱 大家一起来种下「'+item.seed+'」的种子
':'';var waterBtn=item.seed?'💧 '+(item.waters||0)+'
':'';box.insertAdjacentHTML('beforeend','💫 匿名觉察 · '+(item.time||App._timeAgo(item.created_at))+'
"'+item.text+'"
'+seedTag+'
📮 匿名发布我的觉察
');},
waterSeed: function(id) { var item=this.resonanceData.find(function(i){return i.id===id;});if(!item||!item.seed)return;item.userWatered=!item.userWatered;item.waters=(item.waters||0)+(item.userWatered?1:-1);if(item.waters<0)item.waters=0;localStorage.setItem('whoami_resonance',JSON.stringify(this.resonanceData));this.renderResonance(); },
toggleResonance: function(id) { const item=this.resonanceData.find(i=>i.id===id);if(!item)return;item.userResonated=!item.userResonated;item.resonances=(item.resonances||0)+(item.userResonated?1:-1);if(item.resonances<0)item.resonances=0;localStorage.setItem('whoami_resonance',JSON.stringify(this.resonanceData));this.renderResonance(); },
publishResonance: async function() { if(!this.lastItem){this.showToast('请先完成今日记录');return;}if(!(await App.showConfirm('💫 匿名发布觉察？')))return;var rid=this.lastItem.id;if((this.resonanceData||[]).some(function(i){return i.recordId===rid;})){this.showToast('⚠️ 这条记录已发布过');return;}var text='📍 '+this.lastItem.q1+' · 这说明我是：'+this.lastItem.q2;var seed=this.lastItem.new_seed||'';var payload={recordId:rid,text:text,q3:this.lastItem.q3};if(seed)payload.seed=seed;if(this.cloudWorkerUrl){this.fetchWithTimeout(this.cloudWorkerUrl+'/resonance',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify(payload)},5000).then(function(res){if(res&&res.ok)App.showToast('✅ 已发布到共鸣广场');else App.showToast('⚠️ 云端发布失败，已保存本地');}).catch(function(){App.showToast('⚠️ 网络异常，已保存本地');});}var item={id:Date.now(),recordId:rid,text:text,q3:this.lastItem.q3,time:'刚刚',resonances:0,userResonated:false};if(seed)item.seed=seed;this.resonanceData.unshift(item);localStorage.setItem('whoami_resonance',JSON.stringify(this.resonanceData));this.renderResonance();if(!this.cloudWorkerUrl)this.showToast('已匿名发布');},
checkInStreak: async function() { const today=new Date().toDateString();let streak=JSON.parse(localStorage.getItem('whoami_streak')||'{"count":0,"lastDate":""}');const yesterday=new Date();yesterday.setDate(yesterday.getDate()-1);if(streak.lastDate===today)return;if(streak.lastDate===yesterday.toDateString()){streak.count++;}else{streak.count=1;}streak.lastDate=today;localStorage.setItem('whoami_streak',JSON.stringify(streak));await this.updateStreak(); },
updateStreak: async function() { const streak=JSON.parse(localStorage.getItem('whoami_streak')||'{"count":0,"lastDate":""}');const el=document.getElementById('streak-display');if(!el)return;const today=new Date().toDateString(),yesterday=new Date();yesterday.setDate(yesterday.getDate()-1);let dc=streak.count;if(streak.lastDate!==today&&streak.lastDate!==yesterday.toDateString())dc=0;if(dc>0){const total=await App.store.get();const tc=total.length;el.innerHTML=`🔥
${dc} 天
连续觉察中，保持！
累计 ${tc} 次
' + count + ' 次呼吸练习' : '开始你的第一次呼吸练习吧';
};
}
document.getElementById('search-input').addEventListener('input',e=>App.renderHistory(e.target.value));
document.getElementById('btn-share').addEventListener('click',()=>App.generateShareImage());