@wendongfly/myhi 1.3.32 → 1.3.34

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; }
@@ -678,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;
@@ -689,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; }

package/dist/index.html

@@ -419,6 +419,7 @@
     <div style="display:flex;align-items:center;gap:0.6rem">
       <span id="user-name" style="font-size:0.8rem;color:var(--muted)"></span>
       <button id="usage-btn" onclick="showUsage()" style="background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">用量</button>
+      <button id="settings-btn" onclick="openGatewaySheet()" style="display:none;background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">设置</button>
       <button id="logout-btn" onclick="doLogout()" style="display:none;background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">退出</button>
       <div id="conn-dot"></div>
     </div>
@@ -437,6 +438,32 @@
   </div>
 </div>
 
+<!-- Gateway settings sheet -->
+<div id="gw-backdrop" onclick="closeGatewaySheet()" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:40"></div>
+<style>#gw-backdrop.open { display:block; } #gw-sheet { position:fixed; bottom:-100%; left:0; right:0; background:var(--surface); border-top-left-radius:18px; border-top-right-radius:18px; padding:1rem 1.1rem 1.4rem; z-index:41; transition:bottom 0.25s ease; max-width:500px; margin:0 auto; } #gw-sheet.open { bottom:0; }</style>
+<div id="gw-sheet">
+  <div class="sheet-handle"></div>
+  <div class="sheet-title">大模型网关配置</div>
+  <div style="font-size:0.78rem;color:var(--muted);margin-bottom:0.8rem;line-height:1.5">
+    配置后，新建的 Claude 会话将自动使用此网关。<br>
+    对应环境变量：<code style="background:var(--bg);padding:0.1em 0.3em;border-radius:3px">ANTHROPIC_BASE_URL</code> / <code style="background:var(--bg);padding:0.1em 0.3em;border-radius:3px">ANTHROPIC_API_KEY</code>
+  </div>
+  <div class="field">
+    <label>网关 URL</label>
+    <input id="gw-url" type="text" placeholder="https://your-gateway.example.com" autocomplete="off" spellcheck="false">
+  </div>
+  <div class="field">
+    <label>Token <span style="font-weight:400;text-transform:none">(API Key)</span></label>
+    <div style="display:flex;gap:0.5rem">
+      <input id="gw-key" type="password" placeholder="sk-ant-... 或留空保持不变" autocomplete="off" spellcheck="false" style="flex:1">
+      <button onclick="clearGatewayKey()" type="button" style="flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0 0.75rem;color:var(--muted);font-size:0.75rem;cursor:pointer">清空</button>
+    </div>
+  </div>
+  <button onclick="saveGateway()" style="width:100%;margin-top:0.5rem">保存</button>
+  <button onclick="closeGatewaySheet()" style="width:100%;background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:0.7rem;font-size:0.85rem;cursor:pointer;margin-top:0.5rem">取消</button>
+  <div id="gw-msg" style="text-align:center;font-size:0.78rem;color:var(--muted);margin-top:0.6rem;min-height:1.2em"></div>
+</div>
+
 <!-- FAB -->
 <button id="fab" onclick="openSheet()">+</button>
 
@@ -523,6 +550,7 @@
 
   // 加载当前用户信息（独占模式显示用户名、退出按钮、锁定目录）
   let _userDir = null;
+  let _isAdmin = false;
   fetch('/api/me').then(r => r.json()).then(data => {
     if ((data.exclusive || data.hasUsers) && data.name) {
       document.getElementById('user-name').textContent = data.name;
@@ -535,8 +563,63 @@
       document.getElementById('drive-bar').style.display = 'none';
       renderRecentDirs();
     }
+    _isAdmin = data.role === 'admin';
+    if (_isAdmin) document.getElementById('settings-btn').style.display = '';
   }).catch(() => {});
 
+  // ── 大模型网关配置 ─────────────────────────────────
+  window.openGatewaySheet = async function() {
+    document.getElementById('gw-backdrop').classList.add('open');
+    document.getElementById('gw-sheet').classList.add('open');
+    document.getElementById('gw-msg').textContent = '';
+    try {
+      const r = await fetch('/api/gateway');
+      if (!r.ok) throw new Error('权限不足');
+      const d = await r.json();
+      document.getElementById('gw-url').value = d.baseUrl || '';
+      document.getElementById('gw-key').value = d.apiKey || '';
+      document.getElementById('gw-key').dataset.masked = d.hasKey ? '1' : '';
+    } catch (e) {
+      document.getElementById('gw-msg').textContent = '加载失败: ' + e.message;
+    }
+  };
+  window.closeGatewaySheet = function() {
+    document.getElementById('gw-backdrop').classList.remove('open');
+    document.getElementById('gw-sheet').classList.remove('open');
+  };
+  window.saveGateway = async function() {
+    const baseUrl = document.getElementById('gw-url').value.trim();
+    let apiKey = document.getElementById('gw-key').value.trim();
+    // 如果用户没改（还是掩码），后端会保留原值
+    const msg = document.getElementById('gw-msg');
+    msg.textContent = '保存中...';
+    try {
+      const r = await fetch('/api/gateway', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ baseUrl, apiKey }),
+      });
+      const d = await r.json();
+      if (d.ok) {
+        msg.style.color = '#3fb950';
+        msg.textContent = '已保存。下次新建 Claude 会话自动生效';
+        setTimeout(() => closeGatewaySheet(), 1200);
+      } else {
+        msg.style.color = '#f85149';
+        msg.textContent = '保存失败: ' + (d.error || '未知错误');
+      }
+    } catch (e) {
+      msg.style.color = '#f85149';
+      msg.textContent = '保存失败: ' + e.message;
+    }
+  };
+  window.clearGatewayKey = function() {
+    const inp = document.getElementById('gw-key');
+    inp.value = '';
+    inp.dataset.masked = '';
+    inp.focus();
+  };
+
   async function showUsage() {
     try {
       const res = await fetch('/api/usage');