@wendongfly/myhi 1.3.143 → 1.3.144

package/dist/chat.html

@@ -297,6 +297,21 @@
     .fp-diff-actions .fp-btn { flex: 1; text-align: center; padding: 0.45rem; }
     .fp-btn-primary { background: var(--green2); border-color: #2ea04380; }
     .fp-btn-primary:active { background: var(--green2); }
+
+    /* ── 文件在线编辑（聊天里/文件列表里点文本文件路径）── */
+    .file-link { color: var(--blue); text-decoration: underline; cursor: pointer; text-underline-offset: 2px; }
+    .file-link:active { opacity: 0.7; }
+    #fedit-ta {
+      width: 100%; flex: 1; min-height: 0; box-sizing: border-box; display: none;
+      background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 8px;
+      padding: 0.6rem; font-family: 'SF Mono', Consolas, monospace; font-size: 0.78rem; line-height: 1.55;
+      resize: none; outline: none;
+    }
+    #fedit-ta:focus { border-color: var(--purple); }
+    /* 预览复用记忆面板的 .md 渲染样式，只解开它自带的 max-height/隐藏 */
+    #fedit-preview { display: none; max-height: none; flex: 1; min-height: 0; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
+    .fedit-tab { flex-shrink: 0; }
+    .fedit-tab.on { border-color: var(--purple); background: var(--purple); color: #fff; }
     .fp-btn-warn { background: var(--yellow2); border-color: #d2992280; }
     .fp-btn-warn:active { background: var(--yellow2); }
 
@@ -815,6 +830,34 @@
     </div>
   </div>
 
+  <!-- 文件在线编辑（md/代码/配置等文本文件） -->
+  <div id="fedit-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeFileEditor()"></div>
+    <div class="action-sheet-box" style="height:92vh;max-height:92vh;display:flex;flex-direction:column">
+      <div class="action-sheet-title" style="display:flex;align-items:center;gap:0.5rem">
+        <span style="flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">✏️ <span id="fedit-title">文件</span></span>
+        <span id="fedit-state" style="font-size:0.64rem;color:var(--muted);flex-shrink:0;font-weight:400"></span>
+      </div>
+      <div id="fedit-path" style="font-size:0.66rem;color:var(--muted);padding:0 0.2rem 0.4rem;word-break:break-all"></div>
+      <div style="flex:1;min-height:0;display:flex;flex-direction:column;gap:0.4rem;padding:0 0.2rem">
+        <div id="fedit-loading" style="flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.82rem">加载中...</div>
+        <textarea id="fedit-ta" spellcheck="false"></textarea>
+        <div id="fedit-preview" class="mem-file-body md"></div>
+      </div>
+      <div style="display:flex;gap:0.4rem;padding:0.5rem 0.2rem 0;align-items:center">
+        <button class="fp-btn fedit-tab" id="fedit-tab-edit" onclick="feditSetMode('edit')">✏️ 编辑</button>
+        <button class="fp-btn fedit-tab" id="fedit-tab-preview" onclick="feditSetMode('preview')" style="display:none">👁 预览</button>
+        <span style="flex:1"></span>
+        <button class="fp-btn" onclick="feditReload()" title="放弃本地修改，重新读磁盘最新内容">🔄 重读</button>
+        <button class="fp-btn" onclick="closeFileEditor()">关闭</button>
+      </div>
+      <div style="display:flex;gap:0.4rem;padding:0.45rem 0.2rem 0.2rem">
+        <button id="fedit-save" style="flex:2;padding:0.5rem;border:none;border-radius:8px;background:var(--blue2);color:#fff;cursor:pointer;font-weight:600;font-size:0.8rem">💾 保存</button>
+        <button id="fedit-save-tell" style="flex:3;padding:0.5rem;border:1px solid var(--purple);border-radius:8px;background:var(--bg);color:var(--purple);cursor:pointer;font-weight:600;font-size:0.8rem" title="保存后发一条消息让 AI 重新读取这个文件">📨 保存并告诉 AI</button>
+      </div>
+    </div>
+  </div>
+
   <!-- 自定义 Slash Commands 弹窗 -->
   <div id="cmd-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeCmdSheet()"></div>
@@ -1130,6 +1173,97 @@
 
     // ── 简易 Markdown ──────────────────────────────
     function escHtml(s) { return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+    // 用于 onclick="...('${x}')" 这类属性位：escHtml 不管引号，单引号会把属性截断
+    function escAttr(s) { return escHtml(String(s)).replace(/'/g, '&#39;').replace(/"/g, '&quot;'); }
+
+    // ── 可在线编辑的文本文件 ──────────────────────────
+    // 白名单与服务端 EDITABLE_EXTS 一致（改一处记得改 src/server.js）
+    const FEDIT_EXT = new Set([
+      'md','markdown','txt','log','json','jsonc','json5',
+      'yml','yaml','toml','ini','cfg','conf','env','properties','editorconfig',
+      'csv','tsv','xml','svg','html','htm','css','scss','less',
+      'js','mjs','cjs','jsx','ts','mts','cts','tsx','vue','svelte',
+      'py','pyi','sh','bash','zsh','ps1','psm1','bat','cmd',
+      'sql','java','kt','kts','groovy','gradle',
+      'c','h','cpp','hpp','cc','cxx','cs','go','rs','rb','php','swift','lua','dart',
+      'proto','graphql','cmake','dockerfile','gitignore',
+    ]);
+    window.isEditableFile = function(name) {
+      const m = String(name).toLowerCase().match(/\.([a-z0-9]+)$/);
+      return !!(m && FEDIT_EXT.has(m[1]));
+    };
+
+    // 聊天流里 AI 提到的文件路径（"已写入 docs/报告.md"）→ 变成可点的链接，点了直接开编辑器。
+    // 只认"一段路径字符收尾于白名单扩展名"，中文路径、Windows 反斜杠、盘符绝对路径都覆盖。
+    const _PATH_CHARS = "[\\w.\\-\\u4e00-\\u9fa5\\\\/]";
+    const _PATH_RE = new RegExp(_PATH_CHARS + "+\\.(" + [...FEDIT_EXT].join('|') + ")", "gi");
+    // 从一段纯文本里找出可点的路径。抽成纯函数：linkify 的 DOM 遍历用它，离线单测也直接 eval 它。
+    // 命中前一个字符的特判：是 'D:' 盘符 → 把盘符并进链接；是 'https:' / '@'（邮箱）/ '/'（URL 尾）→ 跳过。
+    function matchPathsInText(s) {
+      _PATH_RE.lastIndex = 0;
+      const out = [];
+      let m;
+      while ((m = _PATH_RE.exec(s))) {
+        let start = m.index, text = m[0];
+        const prev = start > 0 ? s[start - 1] : '';
+        if (prev === ':') {
+          // 'D:' 盘符（且盘符字母前不是别的字母——否则 https: 的 's:' 会误判）→ 并进链接
+          const isDrive = start >= 2 && /[A-Za-z]:$/.test(s.slice(start - 2, start)) &&
+            !(start >= 3 && /\w/.test(s[start - 3]));
+          if (isDrive) {
+            start -= 2;
+            text = s.slice(start, m.index + m[0].length);
+          } else continue;
+        } else if (prev === '@' || prev === '/') continue;
+        out.push({ start, text });
+      }
+      return out;
+    }
+    function linkifyFilePathsHtml(html) {
+      let box;
+      try { box = document.createElement('div'); box.innerHTML = html; } catch { return html; }
+      const walker = document.createTreeWalker(box, NodeFilter.SHOW_TEXT, {
+        acceptNode(n) {
+          if (!n.nodeValue || !_PATH_RE.test(n.nodeValue)) return NodeFilter.FILTER_REJECT;
+          _PATH_RE.lastIndex = 0;
+          // 代码块和已有链接里不放链接（代码示例里的路径多是演示，点了也是 404）
+          let el = n.parentNode;
+          while (el && el !== box) {
+            if (el.tagName === 'PRE' || el.tagName === 'A') return NodeFilter.FILTER_REJECT;
+            el = el.parentNode;
+          }
+          return NodeFilter.FILTER_ACCEPT;
+        },
+      });
+      const texts = [];
+      while (walker.nextNode()) texts.push(walker.currentNode);
+      for (const node of texts) {
+        const s = node.nodeValue;
+        const hits = matchPathsInText(s);
+        if (!hits.length) continue;
+        const frag = document.createDocumentFragment();
+        let last = 0;
+        for (const h of hits) {
+          if (h.start > last) frag.appendChild(document.createTextNode(s.slice(last, h.start)));
+          const a = document.createElement('span');
+          a.className = 'file-link';
+          a.textContent = h.text;
+          a.dataset.path = h.text;
+          frag.appendChild(a);
+          last = h.start + h.text.length;
+        }
+        if (last < s.length) frag.appendChild(document.createTextNode(s.slice(last)));
+        node.parentNode.replaceChild(frag, node);
+      }
+      return box.innerHTML;
+    }
+    // 聊天流/记忆面板里所有 .file-link 点击统一走这里（渲染时委托，动态节点免绑）
+    document.addEventListener('click', (e) => {
+      const el = e.target && e.target.closest ? e.target.closest('.file-link') : null;
+      if (!el) return;
+      e.preventDefault();
+      openFileEditor(el.dataset.path || '');
+    });
 
     function renderMarkdown(text) {
       const lines = text.split('\n');
@@ -1195,7 +1329,8 @@
       if (inCode) html += `<pre><code>${escHtml(codeLines.join('\n'))}</code></pre>`;
       // 包裹连续 li 为 ul
       html = html.replace(/(<li>[\s\S]*?<\/li>)(?![\s\S]*?<li>)/g, (m) => `<ul>${m}</ul>`);
-      return html;
+      // AI 提到的文件路径 → 可点击的编辑链接
+      try { return linkifyFilePathsHtml(html); } catch { return html; }
     }
 
     // ── 块分类器 ──────────────────────────────────
@@ -2589,11 +2724,13 @@
           if (e.isDir) {
             html += `<div class="fp-item" onclick="fpNav('${escHtml(rel)}')"><span class="fp-icon">📁</span><span class="fp-name">${escHtml(e.name)}</span></div>`;
           } else {
-            html += `<div class="fp-item">
-              <span class="fp-icon">📄</span>
+            const editable = isEditableFile(e.name);
+            html += `<div class="fp-item" ${editable ? `style="cursor:pointer" onclick="openFileEditor('${escAttr(rel)}')" title="点击在线编辑"` : ''}>
+              <span class="fp-icon">${editable ? '📝' : '📄'}</span>
               <span class="fp-name">${escHtml(e.name)}</span>
               <span class="fp-size">${fpFormatSize(e.size)}</span>
-              <a class="fp-dl" href="/api/files/${SESSION_ID}/download?path=${encodeURIComponent(rel)}" download title="下载">下载</a>
+              ${editable ? `<span class="fp-dl" onclick="event.stopPropagation();openFileEditor('${escAttr(rel)}')" title="在线编辑">编辑</span>` : ''}
+              <a class="fp-dl" href="/api/files/${SESSION_ID}/download?path=${encodeURIComponent(rel)}" download title="下载" onclick="event.stopPropagation()">下载</a>
             </div>`;
           }
         }
@@ -2662,6 +2799,165 @@
       }
     });
 
+    // ── 文件在线编辑器 ──────────────────────────────
+    // AI 生成的 md/代码/配置直接在网页里看+改+存回，不用下载→本机改→传回。
+    // 入口：①文件面板点文本文件/「编辑」 ②聊天流里 AI 提到的路径（file-link）。
+    // 冲突保护：打开时记 mtime，保存时文件被（多半是 AI）改过 → 409 → 问用户覆盖还是重读。
+    let _fedit = null; // { path, name, mtime, md, mode, loaded, dirty }
+
+    // 路径归一：剥掉包裹引号/标点，反斜杠转正斜杠；会话 cwd 下的绝对路径转成相对
+    function feditNormPath(p) {
+      p = p.replace(/^[\s"'`<（("']+|[\s"'`>）)"'。，,；;]+$/g, '');
+      if (!p) return '';
+      p = p.replace(/\\/g, '/');
+      if (/^[A-Za-z]:\//.test(p) || p.startsWith('/')) {
+        const cwd = String(currentSession?.cwd || '').replace(/\\/g, '/').replace(/\/+$/, '');
+        if (cwd && (cwd + '/').toLowerCase() !== '/' && p.toLowerCase().startsWith((cwd + '/').toLowerCase())) {
+          return p.slice(cwd.length + 1);
+        }
+        return p; // cwd 外的绝对路径交给服务端判越界
+      }
+      return p.replace(/^\.\/+/, '');
+    }
+
+    function feditSetState(t) { const el = document.getElementById('fedit-state'); if (el) el.textContent = t || ''; }
+
+    window.openFileEditor = async function(rawPath) {
+      const rel = feditNormPath(String(rawPath || '').trim());
+      if (!rel) { addStatusMessage('路径为空'); return; }
+      if (!isEditableFile(rel)) {
+        addStatusMessage('「' + rel.split('/').pop() + '」不是可编辑的文本类型，请用下载');
+        return;
+      }
+      const sheet = document.getElementById('fedit-sheet');
+      sheet.classList.add('open');
+      document.getElementById('fedit-title').textContent = rel.split('/').pop();
+      document.getElementById('fedit-path').textContent = rel;
+      document.getElementById('fedit-loading').style.display = 'flex';
+      document.getElementById('fedit-loading').textContent = '加载中...';
+      document.getElementById('fedit-ta').style.display = 'none';
+      document.getElementById('fedit-preview').style.display = 'none';
+      feditSetState('');
+      try {
+        const r = await fetch(`/api/files/${SESSION_ID}/content?path=${encodeURIComponent(rel)}`);
+        const d = await r.json().catch(() => ({}));
+        if (!r.ok || !d.ok) {
+          const map = { 404: '文件不存在（可能还没生成，或路径不对）', 403: '路径越界（不在会话目录内）', 413: '文件超过 2MB，请用下载' };
+          addStatusMessage(map[r.status] || (d.error || ('打开失败: HTTP ' + r.status)));
+          sheet.classList.remove('open');
+          return;
+        }
+        _fedit = { path: d.path, name: d.name, mtime: d.mtime, md: !!d.md, mode: 'edit', loaded: d.content, dirty: false };
+        document.getElementById('fedit-ta').value = d.content;
+        document.getElementById('fedit-loading').style.display = 'none';
+        document.getElementById('fedit-tab-preview').style.display = _fedit.md ? '' : 'none';
+        feditSetMode('edit');
+      } catch (e) {
+        addStatusMessage('打开出错: ' + e.message);
+        sheet.classList.remove('open');
+      }
+    };
+
+    window.feditSetMode = function(mode) {
+      if (!_fedit) return;
+      if (mode === 'preview' && !_fedit.md) mode = 'edit';
+      _fedit.mode = mode;
+      const ta = document.getElementById('fedit-ta');
+      const pv = document.getElementById('fedit-preview');
+      ta.style.display = mode === 'edit' ? 'block' : 'none';
+      pv.style.display = mode === 'preview' ? 'block' : 'none';
+      if (mode === 'preview') pv.innerHTML = renderMarkdown(ta.value);
+      document.getElementById('fedit-tab-edit').classList.toggle('on', mode === 'edit');
+      document.getElementById('fedit-tab-preview').classList.toggle('on', mode === 'preview');
+    };
+
+    document.getElementById('fedit-ta').addEventListener('input', () => {
+      if (_fedit) _fedit.dirty = document.getElementById('fedit-ta').value !== _fedit.loaded;
+    });
+
+    window.closeFileEditor = function() {
+      if (_fedit && _fedit.dirty && !confirm('「' + _fedit.name + '」有未保存的修改，确定丢弃并关闭？')) return;
+      document.getElementById('fedit-sheet').classList.remove('open');
+      _fedit = null;
+    };
+
+    window.feditReload = function() {
+      if (!_fedit) return;
+      if (_fedit.dirty && !confirm('有未保存的修改，重新加载会丢弃，确定？')) return;
+      openFileEditor(_fedit.path);
+    };
+
+    async function feditSaveReq(force) {
+      return fetch(`/api/files/${SESSION_ID}/content`, {
+        method: 'PUT', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ path: _fedit.path, content: document.getElementById('fedit-ta').value, baseMtime: _fedit.mtime, force: force || undefined }),
+      });
+    }
+
+    window.feditSave = async function(tellAi) {
+      if (!_fedit) return;
+      const btn = document.getElementById(tellAi ? 'fedit-save-tell' : 'fedit-save');
+      const orig = btn.textContent;
+      btn.disabled = true;
+      try {
+        let r = await feditSaveReq(false);
+        let d = await r.json().catch(() => ({}));
+        if (r.status === 409 && d.error === 'conflict') {
+          const ok = confirm('「' + _fedit.name + '」在你编辑期间被修改过（可能是 AI 刚写入）。\n\n确定 = 用我的版本覆盖\n取消 = 不保存（可点 🔄 重读最新内容）');
+          if (!ok) { feditSetState('已取消'); return; }
+          r = await feditSaveReq(true);
+          d = await r.json().catch(() => ({}));
+        }
+        if (r.ok && d.ok) {
+          _fedit.mtime = typeof d.mtime === 'number' ? d.mtime : Date.now();
+          _fedit.loaded = document.getElementById('fedit-ta').value;
+          _fedit.dirty = false;
+          feditSetState('已存 ' + new Date().toTimeString().slice(0, 5));
+          addStatusMessage('✏️ 已保存: ' + _fedit.path);
+          if (tellAi) feditTellAi();
+        } else {
+          alert('保存失败: ' + (d.error || ('HTTP ' + r.status)));
+        }
+      } catch (e) {
+        alert('保存出错: ' + e.message);
+      } finally {
+        btn.disabled = false;
+        btn.textContent = orig;
+      }
+    };
+
+    // 保存后告诉 AI 重读：空闲直接发；正忙则转草稿队列，本轮干完自动接上（或手动取回）
+    function feditTellAi() {
+      const p = _fedit ? _fedit.path : '';
+      closeFileEditor();
+      if (currentSession?.mode !== 'agent') { addStatusMessage('已保存。该会话不是 agent 模式，不会通知 AI'); return; }
+      const prompt = '我刚刚在网页编辑器里手动修改了文件 ' + p + '，请用 Read 重新读取它的最新内容，并基于修改后的版本继续后续工作。';
+      if (workState !== 'idle') {
+        (async () => {
+          try {
+            const r = await fetch('/api/inbox', {
+              method: 'POST', headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ text: prompt, sessionId: SESSION_ID, source: 'busy' }),
+            });
+            const d = await r.json();
+            if (d.error) { addStatusMessage('存草稿失败: ' + d.error); return; }
+            _draftTipDismissed = false;
+            await refreshInbox();
+            addStatusMessage('📥 AI 正在跑，已把「重读 ' + p + '」存进草稿，干完自动接上');
+          } catch (e) { addStatusMessage('存草稿失败: ' + e.message); }
+        })();
+        return;
+      }
+      if (!isController) {
+        if (canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+        else { addStatusMessage('其他用户控制中，无法发送'); return; }
+      }
+      endStream();
+      addInputMessage('✏️ 我修改了 ' + p + '，请按最新内容继续');
+      socket.emit('agent:query', { prompt });
+      showThinking();
+    }
+
     // ── 文件同步（File System Access API）──────────
     let syncDirHandle = null;
     let syncMode = false;