@agent-link/server 0.1.187 → 0.1.189

package/web/modules/loopTemplates.js

@@ -1,110 +0,0 @@
-// ── Loop template definitions ─────────────────────────────────────────────────
-// Predefined sample cases for the Loop creation panel ("Try it" cards).
-// Each template pre-fills name, prompt, scheduleType, and scheduleConfig.
-
-export const LOOP_TEMPLATES = {
-  'competitive-intel': {
-    label: 'Competitive Intel Monitor',
-    description: 'Track competitor products, pricing, and industry trends',
-    name: 'Competitive Intelligence Monitor',
-    prompt: `Monitor competitor and industry developments. Scan the working directory for any tracked competitor data, news feeds, or intelligence files.
-
-1. Identify new product launches, feature updates, or pricing changes from competitors
-2. Summarize key industry trends, regulatory changes, or market shifts
-3. Highlight strategic threats (competitors gaining ground) and opportunities (gaps in market)
-4. Compare against our current positioning where relevant
-
-Provide a structured briefing with sections: Key Developments, Threats, Opportunities, Recommended Actions.`,
-    scheduleType: 'daily',
-    scheduleConfig: { hour: 8, minute: 0 },
-  },
-
-  'knowledge-base': {
-    label: 'Knowledge Base Maintenance',
-    description: 'Audit notes and docs for broken links, orphan files, and organization',
-    name: 'Knowledge Base Maintenance',
-    prompt: `Perform a maintenance audit on the knowledge base / notes in this directory.
-
-1. Find broken internal links (references to files or headings that no longer exist)
-2. Identify orphan files (documents with no inbound links from any other document)
-3. Detect duplicate or near-duplicate content across files
-4. Check for outdated information (files not modified in 90+ days that reference time-sensitive topics)
-5. Suggest tag/folder reorganization for better discoverability
-
-Provide a structured report with sections: Broken Links, Orphan Files, Duplicates, Stale Content, Reorganization Suggestions.`,
-    scheduleType: 'weekly',
-    scheduleConfig: { hour: 20, minute: 0, dayOfWeek: 5 },  // Friday 20:00
-  },
-
-  'daily-summary': {
-    label: '日报/周报生成',
-    description: '根据 git log 自动总结代码变更和工作进展',
-    name: '每日工作总结',
-    prompt: `根据当前工作目录的 git log 生成今日工作总结。
-
-1. 列出今天所有 commit，按功能模块分组
-2. 总结主要完成的功能、修复的 bug、重构的代码
-3. 统计变更的文件数量和代码行数（新增/删除）
-4. 标注仍在进行中的工作（未完成的分支、TODO 等）
-5. 列出明日待办事项建议
-
-输出格式：结构化的日报，包含：今日完成、进行中、明日计划。`,
-    scheduleType: 'daily',
-    scheduleConfig: { hour: 18, minute: 0 },
-  },
-};
-
-export const LOOP_TEMPLATE_KEYS = ['competitive-intel', 'knowledge-base', 'daily-summary'];
-
-/**
- * Convert scheduleType + scheduleConfig into a cron expression string.
- * @param {string} scheduleType - 'hourly' | 'daily' | 'weekly' | 'cron'
- * @param {object} scheduleConfig - { hour?, minute?, dayOfWeek?, cronExpression? }
- * @returns {string} cron expression
- */
-export function buildCronExpression(scheduleType, scheduleConfig) {
-  const min = scheduleConfig.minute ?? 0;
-  const hr = scheduleConfig.hour ?? 9;
-  switch (scheduleType) {
-    case 'manual':
-      return '';
-    case 'hourly':
-      return `${min} * * * *`;
-    case 'daily':
-      return `${min} ${hr} * * *`;
-    case 'weekly':
-      return `${min} ${hr} * * ${scheduleConfig.dayOfWeek ?? 1}`;
-    case 'cron':
-      return scheduleConfig.cronExpression || `${min} ${hr} * * *`;
-    default:
-      return `${min} ${hr} * * *`;
-  }
-}
-
-/**
- * Format a cron expression into a human-readable description.
- * @param {string} scheduleType - 'hourly' | 'daily' | 'weekly' | 'cron'
- * @param {object} scheduleConfig - { hour?, minute?, dayOfWeek? }
- * @param {string} cronExpr - raw cron expression (for 'cron' type)
- * @returns {string}
- */
-export function formatSchedule(scheduleType, scheduleConfig, cronExpr) {
-  const pad = n => String(n).padStart(2, '0');
-  const DAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-  switch (scheduleType) {
-    case 'manual':
-      return 'Manual only';
-    case 'hourly':
-      return 'Every hour';
-    case 'daily':
-      return `Every day at ${pad(scheduleConfig.hour ?? 9)}:${pad(scheduleConfig.minute ?? 0)}`;
-    case 'weekly': {
-      const day = DAYS[scheduleConfig.dayOfWeek ?? 1] || 'Monday';
-      return `Every ${day} at ${pad(scheduleConfig.hour ?? 9)}:${pad(scheduleConfig.minute ?? 0)}`;
-    }
-    case 'cron':
-      return cronExpr || 'Custom cron';
-    default:
-      return cronExpr || 'Unknown schedule';
-  }
-}

package/web/modules/markdown.js

@@ -1,83 +0,0 @@
-// ── Markdown rendering, code copy, tool icons ────────────────────────────────
-
-if (typeof marked !== 'undefined') {
-  marked.setOptions({
-    breaks: true,
-    gfm: true,
-    highlight: function(code, lang) {
-      if (typeof hljs !== 'undefined' && lang && hljs.getLanguage(lang)) {
-        try { return hljs.highlight(code, { language: lang }).value; } catch {}
-      }
-      return code;
-    },
-  });
-}
-
-const _mdCache = new Map();
-
-export function renderMarkdown(text) {
-  if (!text) return '';
-  const cached = _mdCache.get(text);
-  if (cached) return cached;
-  let html;
-  try {
-    if (typeof marked !== 'undefined') {
-      html = marked.parse(text);
-      // Add copy buttons to code blocks
-      html = html.replace(/<pre><code([^>]*)>([\s\S]*?)<\/code><\/pre>/g,
-        (match, attrs, code) => {
-          const langMatch = attrs.match(/class="language-(\w+)"/);
-          const lang = langMatch ? langMatch[1] : '';
-          return `<div class="code-block-wrapper">
-            <div class="code-block-header">
-              <span class="code-lang">${lang}</span>
-              <button class="code-copy-btn" onclick="window.__copyCodeBlock(this)" title="Copy">
-                <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
-              </button>
-            </div>
-            <pre><code${attrs}>${code}</code></pre>
-          </div>`;
-        }
-      );
-    } else {
-      html = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    }
-  } catch {
-    html = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-  }
-  if (_mdCache.size > 500) _mdCache.clear();
-  _mdCache.set(text, html);
-  return html;
-}
-
-// Global code copy handler
-window.__copyCodeBlock = async function(btn) {
-  const wrapper = btn.closest('.code-block-wrapper');
-  const code = wrapper?.querySelector('code');
-  if (!code) return;
-  try {
-    await navigator.clipboard.writeText(code.textContent);
-    btn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>';
-    setTimeout(() => {
-      btn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>';
-    }, 2000);
-  } catch {}
-};
-
-// Tool icons (monochrome SVG)
-const TOOL_SVG = {
-  Read:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M1 2.5A2.5 2.5 0 0 1 3.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75H3.5a1 1 0 0 0-1 1h9.25a.75.75 0 0 1 0 1.5H3.5A2.5 2.5 0 0 1 1 14V2.5zm3 0v7l1.5-1.25L7 9.5v-7H4z"/></svg>',
-  Edit:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25a1.75 1.75 0 0 1 .445-.758l8.61-8.61zM11.524 2.2l-8.61 8.61a.25.25 0 0 0-.064.108l-.57 1.996 1.996-.57a.25.25 0 0 0 .108-.064l8.61-8.61a.25.25 0 0 0 0-.354l-1.086-1.086a.25.25 0 0 0-.354 0z"/></svg>',
-  Write:     '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M8.75 1.75a.75.75 0 0 0-1.5 0V6H2.75a.75.75 0 0 0 0 1.5H7.25v4.25a.75.75 0 0 0 1.5 0V7.5h4.25a.75.75 0 0 0 0-1.5H8.75V1.75z"/></svg>',
-  Bash:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25H1.75zM7 11a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5A.75.75 0 0 1 7 11zm-3.22-4.53a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06-1.06L5.25 9 3.78 7.53a.75.75 0 0 1 0-1.06z"/></svg>',
-  Glob:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 1 1-1.06 1.06l-3.04-3.04zM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7z"/></svg>',
-  Grep:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 1 1-1.06 1.06l-3.04-3.04zM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7z"/></svg>',
-  Task:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75C0 1.784.784 1 1.75 1zm0 1.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25H1.75zM3.5 5h9v1.5h-9V5zm0 3h9v1.5h-9V8zm0 3h5v1.5h-5V11z"/></svg>',
-  Agent:     '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M10.5 5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zm.061 3.073a4 4 0 1 0-5.123 0 6.004 6.004 0 0 0-3.431 5.142.75.75 0 0 0 1.498.07 4.5 4.5 0 0 1 8.99 0 .75.75 0 1 0 1.498-.07 6.004 6.004 0 0 0-3.432-5.142z"/></svg>',
-  WebFetch:  '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm3.7 5.3a.75.75 0 0 0-1.06-1.06l-5.5 5.5a.75.75 0 1 0 1.06 1.06l5.5-5.5zM8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13z"/></svg>',
-  WebSearch: '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm3.7 5.3a.75.75 0 0 0-1.06-1.06l-5.5 5.5a.75.75 0 1 0 1.06 1.06l5.5-5.5zM8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13z"/></svg>',
-  TodoWrite: '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 1.042-1.08L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0z"/></svg>',
-};
-const TOOL_SVG_DEFAULT = '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M7.429 1.525a3.751 3.751 0 0 1 4.41.899l.04.045a.75.75 0 0 1-.17 1.143l-2.2 1.378a1.25 1.25 0 0 0-.473 1.58l.614 1.341a1.25 1.25 0 0 0 1.412.663l2.476-.542a.75.75 0 0 1 .848.496 3.75 3.75 0 0 1-1.468 4.155 3.751 3.751 0 0 1-4.41-.898l-.04-.046a.75.75 0 0 1 .17-1.142l2.2-1.378a1.25 1.25 0 0 0 .473-1.58l-.614-1.342a1.25 1.25 0 0 0-1.412-.662l-2.476.541a.75.75 0 0 1-.848-.496 3.75 3.75 0 0 1 1.468-4.155z"/></svg>';
-
-export function getToolIcon(name) { return TOOL_SVG[name] || TOOL_SVG_DEFAULT; }

package/web/modules/messageHelpers.js

@@ -1,206 +0,0 @@
-// ── Message helpers: formatting, tool summaries, diff display ─────────────────
-import { renderMarkdown } from './markdown.js';
-
-// ── Helpers ──────────────────────────────────────────────────────────────────
-const CONTEXT_SUMMARY_PREFIX = 'This session is being continued from a previous conversation';
-
-function parseToolInput(msg) {
-  if (msg._parsedInput !== undefined) return msg._parsedInput;
-  try { msg._parsedInput = JSON.parse(msg.toolInput); }
-  catch { msg._parsedInput = null; }
-  return msg._parsedInput;
-}
-
-export function isContextSummary(text) {
-  return typeof text === 'string' && text.trimStart().startsWith(CONTEXT_SUMMARY_PREFIX);
-}
-
-export function formatRelativeTime(ts, t) {
-  const diff = Date.now() - ts;
-  const mins = Math.floor(diff / 60000);
-  if (mins < 1) return t ? t('time.justNow') : 'just now';
-  if (mins < 60) return t ? t('time.minutesAgo', { n: mins }) : `${mins}m ago`;
-  const hours = Math.floor(mins / 60);
-  if (hours < 24) return t ? t('time.hoursAgo', { n: hours }) : `${hours}h ago`;
-  const days = Math.floor(hours / 24);
-  if (days < 30) return t ? t('time.daysAgo', { n: days }) : `${days}d ago`;
-  return new Date(ts).toLocaleDateString();
-}
-
-export function formatTimestamp(ts) {
-  if (!ts) return '';
-  const d = ts instanceof Date ? ts : new Date(ts);
-  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + ' · ' + d.toLocaleDateString();
-}
-
-export function getRenderedContent(msg) {
-  if (msg.role !== 'assistant' && !msg.isCommandOutput) return msg.content;
-  if (msg.isStreaming) {
-    const t = msg.content || '';
-    return t.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>');
-  }
-  return renderMarkdown(msg.content);
-}
-
-export async function copyMessage(msg) {
-  try {
-    await navigator.clipboard.writeText(msg.content);
-    msg.copied = true;
-    setTimeout(() => { msg.copied = false; }, 2000);
-  } catch {}
-}
-
-export function isPrevAssistant(visibleMessages, idx) {
-  if (idx <= 0) return false;
-  const prev = visibleMessages[idx - 1];
-  return prev && (prev.role === 'assistant' || prev.role === 'tool');
-}
-
-export function toggleContextSummary(msg) {
-  msg.contextExpanded = !msg.contextExpanded;
-}
-
-export function toggleTool(msg) {
-  msg.expanded = !msg.expanded;
-}
-
-export function getToolSummary(msg, t) {
-  const name = msg.toolName;
-  const obj = parseToolInput(msg);
-  if (!obj) return '';
-  try {
-    if (name === 'Read' && obj.file_path) return obj.file_path;
-    if (name === 'Edit' && obj.file_path) return obj.file_path;
-    if (name === 'Write' && obj.file_path) return obj.file_path;
-    if (name === 'Bash' && obj.command) return obj.command.length > 60 ? obj.command.slice(0, 60) + '...' : obj.command;
-    if (name === 'Glob' && obj.pattern) return obj.pattern;
-    if (name === 'Grep' && obj.pattern) return obj.pattern;
-    if (name === 'TodoWrite' && obj.todos) {
-      const doneCount = obj.todos.filter(td => td.status === 'completed').length;
-      return t ? t('tool.done', { done: doneCount, total: obj.todos.length }) : `${doneCount}/${obj.todos.length} done`;
-    }
-    if (name === 'Task' && obj.description) return obj.description;
-    if (name === 'Agent' && obj.description) return obj.description;
-    if (name === 'Agent' && obj.prompt) return obj.prompt.length > 80 ? obj.prompt.slice(0, 80) + '...' : obj.prompt;
-    if (name === 'WebSearch' && obj.query) return obj.query;
-    if (name === 'WebFetch' && obj.url) return obj.url.length > 60 ? obj.url.slice(0, 60) + '...' : obj.url;
-  } catch {}
-  return '';
-}
-
-export function isEditTool(msg) {
-  return msg.role === 'tool' && msg.toolName === 'Edit' && msg.toolInput;
-}
-
-export function getFormattedToolInput(msg, t) {
-  if (!msg.toolInput) return null;
-  const obj = parseToolInput(msg);
-  if (!obj) return null;
-  try {
-    const esc = s => s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
-    const name = msg.toolName;
-
-    if (name === 'Read' && obj.file_path) {
-      let detail = esc(obj.file_path);
-      if (obj.offset && obj.limit) {
-        const meta = t ? t('tool.lines', { start: obj.offset, end: obj.offset + obj.limit - 1 }) : `lines ${obj.offset}\u2013${obj.offset + obj.limit - 1}`;
-        detail += `  <span class="tool-input-meta">${meta}</span>`;
-      } else if (obj.offset) {
-        const meta = t ? t('tool.fromLine', { offset: obj.offset }) : `from line ${obj.offset}`;
-        detail += `  <span class="tool-input-meta">${meta}</span>`;
-      } else if (obj.limit) {
-        const meta = t ? t('tool.firstLines', { limit: obj.limit }) : `first ${obj.limit} lines`;
-        detail += `  <span class="tool-input-meta">${meta}</span>`;
-      }
-      return detail;
-    }
-
-    if (name === 'Write' && obj.file_path) {
-      const lines = (obj.content || '').split('\n').length;
-      const lineCount = t ? t('tool.lineCount', { n: lines }) : `${lines} lines`;
-      return esc(obj.file_path) + `  <span class="tool-input-meta">${lineCount}</span>`;
-    }
-
-    if (name === 'Bash' && obj.command) {
-      let html = '<code class="tool-input-cmd">' + esc(obj.command) + '</code>';
-      if (obj.description) html = '<span class="tool-input-meta">' + esc(obj.description) + '</span> ' + html;
-      return html;
-    }
-
-    if (name === 'Glob' && obj.pattern) {
-      let html = '<code class="tool-input-cmd">' + esc(obj.pattern) + '</code>';
-      if (obj.path) html += '  <span class="tool-input-meta">' + (t ? t('tool.inPath', { path: esc(obj.path) }) : 'in ' + esc(obj.path)) + '</span>';
-      return html;
-    }
-
-    if (name === 'Grep' && obj.pattern) {
-      let html = '<code class="tool-input-cmd">' + esc(obj.pattern) + '</code>';
-      if (obj.path) html += '  <span class="tool-input-meta">' + (t ? t('tool.inPath', { path: esc(obj.path) }) : 'in ' + esc(obj.path)) + '</span>';
-      return html;
-    }
-
-    if (name === 'TodoWrite' && Array.isArray(obj.todos)) {
-      let html = '<div class="todo-list">';
-      for (const t of obj.todos) {
-        const s = t.status;
-        const icon = s === 'completed' ? '<span class="todo-icon done">\u2713</span>'
-          : s === 'in_progress' ? '<span class="todo-icon active">\u25CF</span>'
-          : '<span class="todo-icon">\u25CB</span>';
-        const cls = s === 'completed' ? ' todo-done' : s === 'in_progress' ? ' todo-active' : '';
-        html += '<div class="todo-item' + cls + '">' + icon + '<span class="todo-text">' + esc(t.content || t.activeForm || '') + '</span></div>';
-      }
-      html += '</div>';
-      return html;
-    }
-
-    if (name === 'Task' || name === 'Agent') {
-      let html = '';
-      const descLabel = t ? t('tool.description') : 'Description';
-      const agentLabel = t ? t('tool.agent') : 'Agent';
-      const promptLabel = t ? t('tool.prompt') : 'Prompt';
-      if (obj.description) html += '<div class="task-field"><span class="tool-input-meta">' + descLabel + '</span> ' + esc(obj.description) + '</div>';
-      if (obj.subagent_type) html += '<div class="task-field"><span class="tool-input-meta">' + agentLabel + '</span> <code class="tool-input-cmd">' + esc(obj.subagent_type) + '</code></div>';
-      if (obj.prompt) {
-        html += '<div class="task-field"><span class="tool-input-meta">' + promptLabel + '</span></div><div class="task-prompt">' + esc(obj.prompt) + '</div>';
-      }
-      if (html) return html;
-    }
-
-    if (name === 'WebSearch' && obj.query) {
-      return '<code class="tool-input-cmd">' + esc(obj.query) + '</code>';
-    }
-
-    if (name === 'WebFetch' && obj.url) {
-      let html = '<a class="tool-link" href="' + esc(obj.url) + '" target="_blank" rel="noopener">' + esc(obj.url) + '</a>';
-      if (obj.prompt) html += '<div class="task-field"><span class="tool-input-meta">' + esc(obj.prompt) + '</span></div>';
-      return html;
-    }
-
-  } catch {}
-  return null;
-}
-
-export function getEditDiffHtml(msg, t) {
-  const obj = parseToolInput(msg);
-  if (!obj) return null;
-  try {
-    if (!obj.old_string && !obj.new_string) return null;
-    const esc = s => s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
-    const filePath = obj.file_path || '';
-    const oldLines = (obj.old_string || '').split('\n');
-    const newLines = (obj.new_string || '').split('\n');
-    let html = '';
-    if (filePath) {
-      html += '<div class="diff-file">' + esc(filePath) + (obj.replace_all ? ' <span class="diff-replace-all">' + (t ? t('tool.replaceAll') : '(replace all)') + '</span>' : '') + '</div>';
-    }
-    html += '<div class="diff-lines">';
-    for (const line of oldLines) {
-      html += '<div class="diff-removed">' + '<span class="diff-sign">-</span>' + esc(line) + '</div>';
-    }
-    for (const line of newLines) {
-      html += '<div class="diff-added">' + '<span class="diff-sign">+</span>' + esc(line) + '</div>';
-    }
-    html += '</div>';
-    return html;
-  } catch { return null; }
-}