@wendongfly/myhi 1.3.31 → 1.3.33

package/dist/chat.html

@@ -62,6 +62,14 @@
     .msg-assistant .content pre code { background: none; padding: 0; }
     .msg-assistant .content ul, .msg-assistant .content ol { padding-left: 1.5rem; margin: 0.3rem 0; }
     .msg-assistant .content strong { color: #fff; }
+    .msg-assistant .content a { color: #58a6ff; text-decoration: none; word-break: break-all; }
+    .msg-assistant .content a:hover { text-decoration: underline; }
+    .md-table { border-collapse: collapse; margin: 0.5rem 0; font-size: 0.82rem; width: 100%; display: block; overflow-x: auto; white-space: nowrap; }
+    .md-table thead { background: #161b22; }
+    .md-table th, .md-table td { border: 1px solid #30363d; padding: 0.4rem 0.7rem; text-align: left; }
+    .md-table th { color: #fff; font-weight: 600; }
+    .md-table tbody tr:nth-child(even) { background: #0d1117; }
+    .md-table tbody tr:hover { background: #1c2128; }
 
     /* 工具调用组 */
     .msg-tool-group { border-left: 3px solid #58a6ff; margin-left: 0.3rem; padding-left: 0.6rem; margin-bottom: 0.3rem; }
@@ -327,7 +335,7 @@
     </div>
     <div id="sk-claude-agent" style="display:none">
       <button class="sk sk-claude" onclick="openModelSheet()">模型</button>
-      <button class="sk sk-claude" onclick="doSlashCmd('/plan')">计划</button>
+      <button class="sk sk-claude" id="btn-plan" onclick="togglePlanMode()">计划</button>
       <button class="sk sk-claude" onclick="doSlashCmd('/compact')">压缩</button>
       <button class="sk sk-claude" onclick="openResumeSheet()">恢复</button>
       <button class="sk sk-claude" onclick="doClear()">清除</button>
@@ -465,6 +473,20 @@
     </div>
   </div>
 
+  <!-- 运行自定义命令 (输入参数) 弹窗 -->
+  <div id="skill-run-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeSkillRunSheet()"></div>
+    <div class="action-sheet-box" style="max-height:60vh;display:flex;flex-direction:column">
+      <div class="action-sheet-title" id="skill-run-title">/命令</div>
+      <div id="skill-run-desc" style="padding:0.3rem 0.5rem;font-size:0.78rem;color:#8b949e;line-height:1.5;white-space:pre-wrap"></div>
+      <div style="padding:0.3rem 0.2rem">
+        <textarea id="skill-run-input" class="slash-inp" placeholder="补充要求（可选），如项目范围、额外约束等" rows="3" style="resize:vertical"></textarea>
+      </div>
+      <button class="action-sheet-cancel" style="background:#7c3aed;color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="submitSkillRun()">执行</button>
+      <button class="action-sheet-cancel" onclick="closeSkillRunSheet()">取消</button>
+    </div>
+  </div>
+
   <!-- AskUserQuestion 弹窗 -->
   <div id="ask-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeAskSheet()"></div>
@@ -664,7 +686,21 @@
       let html = '';
       let inCode = false, codeLang = '', codeLines = [];
 
-      for (const line of lines) {
+      // 行内格式化辅助函数
+      const fmtInline = (s) => s
+        .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+        .replace(/\*(.+?)\*/g, '<em>$1</em>')
+        .replace(/`([^`]+)`/g, '<code>$1</code>')
+        .replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
+
+      // 表格检测：| ... | 后跟 |---|---| 分隔行
+      const isTableRow = (s) => /^\s*\|(.+)\|\s*$/.test(s);
+      const isTableSep = (s) => /^\s*\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)+\|?\s*$/.test(s);
+      const splitCells = (s) => s.trim().replace(/^\||\|$/g, '').split('|').map(c => c.trim());
+
+      for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+
         if (!inCode && /^```(\w*)/.test(line)) {
           inCode = true; codeLang = line.match(/^```(\w*)/)[1]; codeLines = [];
           continue;
@@ -675,15 +711,31 @@
         }
         if (inCode) { codeLines.push(line); continue; }
 
+        // 表格
+        if (isTableRow(line) && i + 1 < lines.length && isTableSep(lines[i + 1])) {
+          const header = splitCells(line);
+          let tableHtml = '<table class="md-table"><thead><tr>' +
+            header.map(c => `<th>${fmtInline(escHtml(c))}</th>`).join('') +
+            '</tr></thead><tbody>';
+          i += 2; // 跳过表头和分隔行
+          while (i < lines.length && isTableRow(lines[i])) {
+            const cells = splitCells(lines[i]);
+            tableHtml += '<tr>' + cells.map(c => `<td>${fmtInline(escHtml(c))}</td>`).join('') + '</tr>';
+            i++;
+          }
+          tableHtml += '</tbody></table>';
+          html += tableHtml;
+          i--; // 回退一步让外层 for 循环正确递增
+          continue;
+        }
+
         let l = escHtml(line);
         // 标题
-        if (/^### /.test(l)) { html += `<h4>${l.slice(4)}</h4>`; continue; }
-        if (/^## /.test(l)) { html += `<h3>${l.slice(3)}</h3>`; continue; }
-        if (/^# /.test(l)) { html += `<h2>${l.slice(2)}</h2>`; continue; }
+        if (/^### /.test(l)) { html += `<h4>${fmtInline(l.slice(4))}</h4>`; continue; }
+        if (/^## /.test(l)) { html += `<h3>${fmtInline(l.slice(3))}</h3>`; continue; }
+        if (/^# /.test(l)) { html += `<h2>${fmtInline(l.slice(2))}</h2>`; continue; }
         // 行内格式
-        l = l.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
-        l = l.replace(/\*(.+?)\*/g, '<em>$1</em>');
-        l = l.replace(/`([^`]+)`/g, '<code>$1</code>');
+        l = fmtInline(l);
         // 列表
         if (/^- /.test(l)) { html += `<li>${l.slice(2)}</li>`; continue; }
         if (/^\d+\. /.test(l)) { html += `<li>${l.replace(/^\d+\.\s*/, '')}</li>`; continue; }
@@ -1198,6 +1250,7 @@
 
       claudeSession = isClaudeSession(session) || session.mode === 'agent';
       updateShortcutBar();
+      updatePlanButton();
 
       // 更新输入框占位符
       cmdInput.placeholder = session.mode === 'agent' ? '输入消息...' : '输入命令...';
@@ -1248,6 +1301,14 @@
             setWorkState('idle');
           } else if (msg.subtype === 'info' && msg.message) {
             addStatusMessage(msg.message);
+            // 同步计划模式状态到按钮
+            if (msg.message.includes('进入计划模式')) {
+              if (currentSession) currentSession.permissionMode = 'plan';
+              updatePlanButton();
+            } else if (msg.message.includes('退出计划模式')) {
+              if (currentSession) currentSession.permissionMode = 'bypassPermissions';
+              updatePlanButton();
+            }
           }
           break;
         case 'assistant':
@@ -2033,6 +2094,35 @@
     let _slashCmd = null;
     const _slashTitles = { '/plan': '计划模式', '/compact': '压缩上下文', '/rename': '重命名会话' };
     const _slashHints = { '/plan': '输入计划描述...', '/compact': '输入压缩提示...', '/rename': '输入新名称...' };
+    // 根据当前权限模式更新 "计划" 按钮 UI
+    function updatePlanButton() {
+      const btn = document.getElementById('btn-plan');
+      if (!btn) return;
+      const isPlan = currentSession?.permissionMode === 'plan';
+      btn.textContent = isPlan ? '退出计划' : '计划';
+      btn.style.color = isPlan ? '#f0883e' : '';
+      btn.style.fontWeight = isPlan ? '600' : '';
+    }
+    window.togglePlanMode = function() {
+      const isPlan = currentSession?.permissionMode === 'plan';
+      if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+      if (isPlan) {
+        // 直接切回 bypassPermissions，不走 /plan 命令（因为那要等 agent 响应）
+        socket.emit('set-mode', { sessionId: SESSION_ID, mode: 'bypassPermissions' });
+        if (currentSession) currentSession.permissionMode = 'bypassPermissions';
+        updatePlanButton();
+        addStatusMessage('已退出计划模式，恢复到自动执行');
+      } else {
+        // 进入计划：弹窗输入计划描述
+        doSlashCmd('/plan');
+      }
+    };
+    socket.on('mode-changed', ({ sessionId, mode }) => {
+      if (sessionId !== SESSION_ID) return;
+      if (currentSession) currentSession.permissionMode = mode;
+      updatePlanButton();
+    });
+
     window.doSlashCmd = function(cmd) {
       _slashCmd = cmd;
       document.getElementById('slash-title').textContent = _slashTitles[cmd] || cmd;
@@ -2098,9 +2188,41 @@
         }
       } catch {}
     }
-    window.runSkill = function(name) {
+    window.runSkill = function(name, skipPrompt) {
+      // 直接运行（从弹窗确认后调用 skipPrompt=true）
+      if (skipPrompt) {
+        if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+        const cmd = '/' + name;
+        socket.emit('agent:query', { prompt: cmd });
+        addInputMessage(cmd);
+        showThinking();
+        return;
+      }
+      // 先弹窗让用户补充要求
+      const skill = _customSkills.find(s => s.name === name);
+      openSkillRunSheet(name, skill?.desc);
+    };
+    let _pendingSkillName = null;
+    window.openSkillRunSheet = function(name, desc) {
+      _pendingSkillName = name;
+      const sheet = document.getElementById('skill-run-sheet');
+      document.getElementById('skill-run-title').textContent = `/${name}`;
+      document.getElementById('skill-run-desc').textContent = desc || '';
+      document.getElementById('skill-run-input').value = '';
+      sheet.classList.add('open');
+      setTimeout(() => document.getElementById('skill-run-input').focus(), 100);
+    };
+    window.closeSkillRunSheet = function() {
+      document.getElementById('skill-run-sheet').classList.remove('open');
+      _pendingSkillName = null;
+    };
+    window.submitSkillRun = function() {
+      if (!_pendingSkillName) return;
+      const args = document.getElementById('skill-run-input').value.trim();
+      const name = _pendingSkillName;
+      closeSkillRunSheet();
       if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
-      const cmd = '/' + name;
+      const cmd = args ? `/${name} ${args}` : `/${name}`;
       socket.emit('agent:query', { prompt: cmd });
       addInputMessage(cmd);
       showThinking();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wendongfly/myhi",
-  "version": "1.3.31",
+  "version": "1.3.33",
   "description": "Web-based terminal sharing with chat UI — control your terminal from phone via LAN/Tailscale",
   "type": "module",
   "main": "dist/index.js",