@wendongfly/myhi 1.3.77 → 1.3.81

package/dist/chat.html

@@ -695,6 +695,9 @@
     const inputBox = document.getElementById('input-box');
     const shortcutBar = document.getElementById('shortcut-bar');
 
+    // 恢复本会话的闹钟（跨刷新持久化）
+    restoreReminders();
+
     // textarea 自适应高度
     cmdInput.addEventListener('input', () => {
       cmdInput.style.height = 'auto';
@@ -965,7 +968,142 @@
     }
 
     // 当收到非 assistant 类型的消息时，结束流式追加
-    function endStream() { _streamEl = null; _streamText = ''; }
+    function endStream() {
+      if (_streamEl && chatArea.contains(_streamEl)) {
+        maybeAttachReminderChip(_streamEl, _streamText);
+      }
+      _streamEl = null;
+      _streamText = '';
+    }
+
+    // ── 闹钟 chip ──────────────────────────────────
+    // 扫描 assistant 气泡里"过 N 分钟/小时后..."的意图，加"🔔 提醒我"按钮
+    // 点了就 setTimeout + 到点用 Notifications API 弹通知；纯客户端，localStorage 持久化跨刷新
+    function maybeAttachReminderChip(bubbleEl, text) {
+      if (!bubbleEl || bubbleEl.querySelector('.reminder-bar')) return;
+      // 前缀锚（过/等/再过/大约/约）或后缀锚（后/以后/later）任一命中；
+      // 避免"花了 15 分钟""用时 20 分"这种回顾误触。
+      // (?<![一-鿿]) 排除"经过 / 度过 / 已过 / 错过"这类汉字前置的回顾语义
+      const RE_PREFIX = /(?<![一-鿿])(?:过|等|再过|大约|约)\s*[~约]?\s*(\d+)\s*(分钟|分|min(?:utes?)?|小时|hour(?:s)?)/gi;
+      const RE_SUFFIX = /(\d+)\s*(分钟|分|min(?:utes?)?|小时|hour(?:s)?)\s*(?:后|以后|later)/gi;
+      const seen = new Set();
+      const chips = [];
+      const scan = (re) => {
+        let m;
+        while ((m = re.exec(text)) !== null) {
+          const num = parseInt(m[1], 10);
+          if (!num || num > 720) continue; // 上限 12h，防误匹配
+          const isHour = /小时|hour/.test(m[2]);
+          const seconds = isHour ? num * 3600 : num * 60;
+          if (seen.has(seconds)) continue;
+          seen.add(seconds);
+          chips.push({
+            seconds,
+            label: isHour ? `${num} 小时后` : `${num} 分钟后`,
+            snippet: text.slice(Math.max(0, m.index - 40), m.index + 80).replace(/\s+/g, ' ').trim(),
+          });
+        }
+      };
+      scan(RE_PREFIX);
+      scan(RE_SUFFIX);
+      if (!chips.length) return;
+
+      const bar = document.createElement('div');
+      bar.className = 'reminder-bar';
+      bar.style.cssText = 'display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem;';
+      chips.forEach(c => {
+        const btn = document.createElement('button');
+        btn.className = 'reminder-chip';
+        btn.dataset.seconds = String(c.seconds);
+        btn.textContent = `🔔 ${c.label}叫我`;
+        btn.style.cssText = 'background:#21262d;border:1px solid #30363d;color:#c9d1d9;border-radius:12px;padding:0.3rem 0.7rem;font-size:0.78rem;cursor:pointer;transition:background 0.15s;';
+        btn.addEventListener('click', () => scheduleReminder(btn, c));
+        bar.appendChild(btn);
+      });
+      bubbleEl.appendChild(bar);
+    }
+
+    async function scheduleReminder(btn, spec) {
+      if ('Notification' in window && Notification.permission === 'default') {
+        try { await Notification.requestPermission(); } catch {}
+      }
+      const rec = {
+        id: 'r-' + Date.now() + '-' + Math.random().toString(36).slice(2, 6),
+        fireAt: Date.now() + spec.seconds * 1000,
+        label: spec.label,
+        snippet: spec.snippet,
+      };
+      saveReminder(rec);
+      armReminder(rec, btn);
+    }
+
+    function reminderKey() { return 'myhi-reminders:' + SESSION_ID; }
+    function saveReminder(rec) {
+      const all = JSON.parse(localStorage.getItem(reminderKey()) || '[]');
+      all.push(rec);
+      localStorage.setItem(reminderKey(), JSON.stringify(all));
+    }
+    function removeReminderFromStore(id) {
+      const all = JSON.parse(localStorage.getItem(reminderKey()) || '[]');
+      localStorage.setItem(reminderKey(), JSON.stringify(all.filter(r => r.id !== id)));
+    }
+
+    function armReminder(rec, btn) {
+      const remain = rec.fireAt - Date.now();
+      if (btn) {
+        btn.disabled = true;
+        btn.style.cursor = 'default';
+        btn.style.background = '#1c3a2b';
+        btn.style.borderColor = '#3fb950';
+        const tick = () => {
+          const left = Math.max(0, rec.fireAt - Date.now());
+          if (left <= 0) return;
+          const min = Math.floor(left / 60000);
+          const sec = Math.floor((left % 60000) / 1000);
+          btn.textContent = `⏰ 剩 ${min}:${String(sec).padStart(2, '0')}`;
+        };
+        tick();
+        const iv = setInterval(tick, 1000);
+        setTimeout(() => clearInterval(iv), Math.max(0, remain) + 100);
+      }
+      // setTimeout 最大 32-bit 有符号整数 = ~24.8 天，够用；负数立即触发
+      setTimeout(() => fireReminder(rec, btn), Math.max(0, remain));
+    }
+
+    function fireReminder(rec, btn) {
+      removeReminderFromStore(rec.id);
+      if (btn) {
+        btn.textContent = '✅ 到点了';
+        btn.style.background = '#1c3a2b';
+      }
+      const body = rec.snippet ? `你之前提到：${rec.snippet.slice(0, 100)}${rec.snippet.length > 100 ? '…' : ''}` : `${rec.label}闹钟到点`;
+      try {
+        if ('Notification' in window && Notification.permission === 'granted') {
+          const n = new Notification('myhi 提醒', { body, tag: rec.id });
+          n.onclick = () => { window.focus(); n.close(); };
+        }
+      } catch {}
+      try { navigator.vibrate && navigator.vibrate([300, 100, 300]); } catch {}
+      // 输入框为空时自动填一个提示文案，用户校对后发送
+      if (cmdInput && !cmdInput.value) {
+        const excerpt = (rec.snippet || '').slice(0, 60).replace(/["'`]/g, '');
+        cmdInput.value = `${rec.label}到了${excerpt ? '，你之前说：' + excerpt + '…' : ''}，麻烦查一下`;
+        cmdInput.focus();
+        cmdInput.style.height = 'auto';
+        cmdInput.style.height = Math.min(140, cmdInput.scrollHeight) + 'px';
+      }
+    }
+
+    function restoreReminders() {
+      try {
+        const all = JSON.parse(localStorage.getItem(reminderKey()) || '[]');
+        // 已过期超 1 小时的丢弃（避免打开老 session 被一堆过期通知轰炸）
+        const cutoff = Date.now() - 60 * 60 * 1000;
+        const kept = all.filter(r => r.fireAt > cutoff);
+        if (kept.length !== all.length) localStorage.setItem(reminderKey(), JSON.stringify(kept));
+        kept.forEach(rec => armReminder(rec, null));
+      } catch {}
+    }
 
     let _toolGroupEl = null; // 当前工具组容器
     let _toolGroupCount = 0;
@@ -1221,11 +1359,9 @@
     }
 
     // ── 工作状态 ──────────────────────────────────
-    let workStateTimer = null;
     function setWorkState(state) {
       if (workState === state) return;
       workState = state;
-      clearTimeout(workStateTimer);
       const el = document.getElementById('work-status');
       const STATES = {
         idle:     { text: '空闲',     dot: 'idle' },
@@ -1235,9 +1371,8 @@
       };
       const s = STATES[state] || STATES.idle;
       el.innerHTML = `<span class="sb-dot ${s.dot}"></span> ${s.text}`;
-      // 自动回归空闲
-      if (state === 'working') workStateTimer = setTimeout(() => setWorkState('idle'), 5000);
-      // Agent 模式下忙时显示取消按钮，隐藏发送按钮
+      // 回归 idle 由 result / agent:busy false / session-exit 驱动，
+      // 不做定时兜底——长工具调用期间兜底会让取消按钮提前消失。
       if (currentSession?.mode === 'agent') {
         const busy = state !== 'idle';
         cancelBtn.classList.toggle('show', busy);
@@ -1428,6 +1563,8 @@
           if (msg.result && !_textRenderedThisTurn) {
             addAssistantMessage(typeof msg.result === 'string' ? msg.result : JSON.stringify(msg.result));
           }
+          // 轮次结束时确保闹钟 chip 被扫描（防止最后一条消息未经过 endStream）
+          endStream();
           const cost = msg.total_cost_usd ? ` ($${msg.total_cost_usd.toFixed(4)})` : '';
           addStatusMessage(`完成${cost}`);
           break;
@@ -3000,8 +3137,8 @@
       const img = new Image(); const url = URL.createObjectURL(srcBlob);
       const blob = await new Promise((resolve, reject) => {
         img.onload = () => { URL.revokeObjectURL(url); let {width:w, height:h} = img;
-          // 压缩策略：长边限制 1024px，JPEG 质量 0.7，适合截图分析
-          const M = 1024;
+          // 压缩策略：长边限制 768px，JPEG 质量 0.7，适合截图分析且降低图片累积压力
+          const M = 768;
           if(w>M||h>M){if(w>=h){h=Math.round(h*M/w);w=M}else{w=Math.round(w*M/h);h=M}}
           const c=document.createElement('canvas');c.width=w;c.height=h;c.getContext('2d').drawImage(img,0,0,w,h);
           c.toBlob(b=>b?resolve(b):reject(new Error('toBlob failed')),'image/jpeg',0.7); };