acdev 1.0.15 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acdev",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Local CLI + web UI for running AI agents on GitHub issues via git worktrees",
   "type": "module",
   "bin": {

package/public/app.js

@@ -1051,6 +1051,148 @@ function sortedJobs() {
   );
 }
 
+/**
+ * @param {string} raw
+ * @returns {string}
+ */
+function escapeHtml(raw) {
+  return String(raw)
+    .replaceAll('&', '&')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;')
+    .replaceAll('"', '&quot;')
+    .replaceAll("'", '&#39;');
+}
+
+/**
+ * @param {string} raw
+ * @returns {string | null}
+ */
+function safeMarkdownHref(raw) {
+  const href = String(raw || '').trim();
+  if (!href) return null;
+  if (href.startsWith('#') || href.startsWith('/')) return href;
+  try {
+    const url = new URL(href, window.location.href);
+    return ['http:', 'https:', 'mailto:'].includes(url.protocol) ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * @param {string} raw
+ * @returns {string}
+ */
+function renderInlineMarkdown(raw) {
+  const stash = [];
+  const hold = (html) => `\u0000${stash.push(html) - 1}\u0000`;
+  let out = escapeHtml(raw);
+  out = out.replace(/`([^`]+)`/g, (_, code) => hold(`<code>${code}</code>`));
+  out = out.replace(/\*\*([^*]+)\*\*/g, (_, body) => hold(`<strong>${body}</strong>`));
+  out = out.replace(/__([^_]+)__/g, (_, body) => hold(`<strong>${body}</strong>`));
+  out = out.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_, label, href) => {
+    const safe = safeMarkdownHref(href);
+    if (!safe) return label;
+    return hold(
+      `<a href="${escapeHtml(safe)}" target="_blank" rel="noopener noreferrer">${label}</a>`
+    );
+  });
+  return out.replace(/\u0000(\d+)\u0000/g, (_, idx) => stash[Number(idx)] || '');
+}
+
+/**
+ * @param {HTMLElement | null} container
+ * @param {string} raw
+ */
+function renderMarkdownBlock(container, raw) {
+  if (!container) return;
+  container.innerHTML = '';
+  const text = String(raw || '').replace(/\r\n/g, '\n').trim();
+  if (!text) return;
+
+  const lines = text.split('\n');
+  let paragraph = [];
+  let listEl = null;
+  let listType = '';
+
+  const flushParagraph = () => {
+    if (!paragraph.length) return;
+    const p = document.createElement('p');
+    p.innerHTML = renderInlineMarkdown(paragraph.join(' '));
+    container.appendChild(p);
+    paragraph = [];
+  };
+
+  const flushList = () => {
+    if (!listEl) return;
+    container.appendChild(listEl);
+    listEl = null;
+    listType = '';
+  };
+
+  for (let i = 0; i < lines.length; i += 1) {
+    const line = lines[i];
+    if (!line.trim()) {
+      flushParagraph();
+      flushList();
+      continue;
+    }
+
+    const fence = line.match(/^```([\w-]+)?\s*$/);
+    if (fence) {
+      flushParagraph();
+      flushList();
+      const codeLines = [];
+      for (i += 1; i < lines.length; i += 1) {
+        if (/^```\s*$/.test(lines[i])) break;
+        codeLines.push(lines[i]);
+      }
+      const pre = document.createElement('pre');
+      pre.className = 'markdown-code';
+      const code = document.createElement('code');
+      if (fence[1]) code.dataset.language = fence[1];
+      code.textContent = codeLines.join('\n');
+      pre.appendChild(code);
+      container.appendChild(pre);
+      continue;
+    }
+
+    const heading = line.match(/^(#{1,6})\s+(.*)$/);
+    if (heading) {
+      flushParagraph();
+      flushList();
+      const tag = `h${heading[1].length}`;
+      const el = document.createElement(tag);
+      el.className = `markdown-heading markdown-heading-${heading[1].length}`;
+      el.innerHTML = renderInlineMarkdown(heading[2]);
+      container.appendChild(el);
+      continue;
+    }
+
+    const bullet = line.match(/^\s*([-*+])\s+(.*)$/);
+    const ordered = line.match(/^\s*\d+\.\s+(.*)$/);
+    if (bullet || ordered) {
+      flushParagraph();
+      const type = bullet ? 'ul' : 'ol';
+      if (!listEl || listType !== type) {
+        flushList();
+        listEl = document.createElement(type);
+        listType = type;
+      }
+      const li = document.createElement('li');
+      li.innerHTML = renderInlineMarkdown((bullet || ordered)[2] || (bullet || ordered)[1] || '');
+      listEl.appendChild(li);
+      continue;
+    }
+
+    paragraph.push(line.trim());
+  }
+
+  flushParagraph();
+  flushList();
+}
+
 /**
  * @param {HTMLElement | null} container
  * @param {object | null | undefined} pr
@@ -1089,8 +1231,8 @@ function renderPrStatusNotes(container, pr) {
 
       if (review.body) {
         const body = document.createElement('div');
-        body.className = 'pr-status-note-body';
-        body.textContent = review.body;
+        body.className = 'pr-status-note-body markdown-view';
+        renderMarkdownBlock(body, review.body);
         item.appendChild(body);
       }
 
@@ -1107,6 +1249,10 @@ function renderPrStatusNotes(container, pr) {
     container.appendChild(requested);
   }
 }
+if (typeof window !== 'undefined') {
+  window.__acdevMarkdownRender = renderMarkdownBlock;
+  window.__acdevMarkdownInline = renderInlineMarkdown;
+}
 function formatTime(ts) {
   try {
     return new Date(ts).toLocaleTimeString([], {
@@ -1771,8 +1917,8 @@ function renderDiff(diff, opts = {}) {
       const chip = document.createElement('div');
       chip.className = 'diff-pending-chip';
       const body = document.createElement('div');
-      body.className = 'diff-pending-chip-body';
-      body.textContent = c.body;
+      body.className = 'diff-pending-chip-body markdown-view';
+      renderMarkdownBlock(body, c.body);
       const actions = document.createElement('div');
       actions.className = 'diff-pending-chip-actions';
       const edit = document.createElement('button');
@@ -1922,8 +2068,7 @@ function renderDiff(diff, opts = {}) {
       }
       continue;
     }
-
-    if (line.startsWith('@@')) {
+    if (line.startsWith('@@ ')) {
       const m = line.match(/@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/);
       if (m) {
         leftNo = Number(m[1]);
@@ -2065,8 +2210,8 @@ function renderPendingCommentList(jobId) {
     }
 
     const body = document.createElement('div');
-    body.className = 'review-pending-item-body';
-    body.textContent = c.body;
+    body.className = 'review-pending-item-body markdown-view';
+    renderMarkdownBlock(body, c.body);
     main.appendChild(body);
     const actions = document.createElement('div');
     actions.className = 'review-pending-item-actions';

package/public/styles.css

@@ -1620,15 +1620,67 @@ a { color: var(--primary); text-underline-offset: 3px; }
   background: var(--surface-2);
 }
 
-.pr-status-note-meta {
+.markdown-view {
+  line-height: 1.45;
+  word-break: break-word;
+}
+
+.markdown-view > :first-child {
+  margin-top: 0;
+}
+
+.markdown-view > :last-child {
+  margin-bottom: 0;
+}
+
+.markdown-view p,
+.markdown-view ul,
+.markdown-view ol,
+.markdown-view pre,
+.markdown-view blockquote,
+.markdown-view h1,
+.markdown-view h2,
+.markdown-view h3,
+.markdown-view h4,
+.markdown-view h5,
+.markdown-view h6 {
+  margin: 0 0 8px;
+}
+
+.markdown-view ul,
+.markdown-view ol {
+  padding-left: 20px;
+}
+
+.markdown-view code {
+  font-family: "JetBrains Mono", ui-monospace, monospace;
   font-size: 12px;
-  color: var(--text-muted);
-  margin-bottom: 4px;
+  padding: 1px 4px;
+  background: var(--bg);
+  border-radius: 4px;
+}
+
+.markdown-view pre {
+  margin: 0 0 8px;
+  padding: 8px 10px;
+  background: var(--bg);
+  border: 1px solid var(--border-soft);
+  border-radius: 8px;
+  overflow-x: auto;
+}
+
+.markdown-view pre code {
+  padding: 0;
+  background: transparent;
+}
+
+.markdown-view a {
+  color: var(--primary);
+  text-decoration: underline;
 }
 
 .pr-status-note-body {
-  white-space: pre-wrap;
-  line-height: 1.45;
+  font-size: 13px;
 }
 
 /* —— Review file selection —— */
@@ -1943,7 +1995,7 @@ body.diff-fs-open {
 
 .diff-pending-chip-body {
   color: var(--text);
-  white-space: pre-wrap;
+  font-size: 12px;
 }
 
 .diff-pending-chip-actions {
@@ -1953,6 +2005,10 @@ body.diff-fs-open {
   flex-wrap: wrap;
 }
 
+.review-pending-item-body {
+  font-size: 13px;
+}
+
 .review-pending-list {
   display: flex;
   flex-direction: column;