@iceinvein/agent-skills 0.1.30 → 0.1.32

package/skills/magpie/scripts/highlight.ts

@@ -0,0 +1,113 @@
+import { createHighlighter, type Highlighter } from 'shiki'
+
+const LANG_BY_EXT: Record<string, string> = {
+  ts: 'typescript',
+  mts: 'typescript',
+  cts: 'typescript',
+  tsx: 'tsx',
+  js: 'javascript',
+  mjs: 'javascript',
+  cjs: 'javascript',
+  jsx: 'jsx',
+  py: 'python',
+  go: 'go',
+  rs: 'rust',
+  java: 'java',
+  rb: 'ruby',
+  sh: 'bash',
+  bash: 'bash',
+  zsh: 'bash',
+  json: 'json',
+  jsonc: 'json',
+  yml: 'yaml',
+  yaml: 'yaml',
+  md: 'markdown',
+  markdown: 'markdown',
+  html: 'html',
+  htm: 'html',
+  css: 'css',
+  sql: 'sql',
+}
+
+const REGISTERED_LANGS: string[] = [
+  'typescript',
+  'tsx',
+  'javascript',
+  'jsx',
+  'python',
+  'go',
+  'rust',
+  'java',
+  'ruby',
+  'bash',
+  'json',
+  'yaml',
+  'markdown',
+  'html',
+  'css',
+  'sql',
+]
+
+const THEMES = { light: 'vitesse-light', dark: 'vitesse-dark' } as const
+
+export function languageFromPath(path: string): string {
+  if (!path) return 'plaintext'
+  const dot = path.lastIndexOf('.')
+  if (dot < 0 || dot === path.length - 1) return 'plaintext'
+  const ext = path.slice(dot + 1).toLowerCase()
+  return LANG_BY_EXT[ext] ?? 'plaintext'
+}
+
+let cached: Promise<Highlighter> | null = null
+
+export function getHighlighter(): Promise<Highlighter> {
+  if (!cached) {
+    cached = createHighlighter({
+      themes: [THEMES.light, THEMES.dark],
+      langs: REGISTERED_LANGS,
+    })
+  }
+  return cached
+}
+
+export function _resetHighlighterForTests(): void {
+  cached = null
+}
+
+export function highlightCodeBlock(highlighter: Highlighter, code: string, lang: string): string {
+  const safeLang = REGISTERED_LANGS.includes(lang) ? lang : 'plaintext'
+  return highlighter.codeToHtml(code, {
+    lang: safeLang,
+    themes: THEMES,
+    defaultColor: 'light',
+  })
+}
+
+export function highlightDiffSide(highlighter: Highlighter, code: string, lang: string): string[] {
+  const safeLang = REGISTERED_LANGS.includes(lang) ? lang : 'plaintext'
+  const html = highlighter.codeToHtml(code, {
+    lang: safeLang,
+    themes: THEMES,
+    defaultColor: 'light',
+  })
+  return extractShikiLines(html)
+}
+
+// Shiki wraps each line in <span class="line">...</span>. Each such outer span
+// sits on one text line in the rendered HTML, but the first and last lines also
+// carry the <pre>/<code> wrappers. We use a per-text-line greedy match (no `s`
+// flag, so `.` stops at newlines) which correctly captures all inner spans while
+// treating the last </span> on that text line as the outer closer.
+// Empty input produces a single empty-span line which we normalise to [].
+export function extractShikiLines(shikiHtml: string): string[] {
+  const results: string[] = []
+  for (const textLine of shikiHtml.split('\n')) {
+    const match = textLine.match(/<span class="line"[^>]*>(.*)<\/span>/)
+    if (match) {
+      results.push(match[1] ?? '')
+    }
+  }
+  // Shiki always emits at least one line span even for empty input; collapse that.
+  if (results.length === 1 && results[0] === '') return []
+  return results
+}

package/skills/magpie/scripts/post-cmd.ts

@@ -116,10 +116,57 @@ function buildRiskParts(f: ReviewFinding): string[] {
   ]
 }
 
-function buildSuggestionBlock(f: ReviewFinding): string | null {
-  const body = f.suggestion?.body.trim()
-  if (!body) return null
-  return ['```suggestion', body, '```'].join('\n')
+function maxBacktickRun(s: string): number {
+  let max = 0
+  for (const m of s.matchAll(/`+/g)) {
+    if (m[0].length > max) max = m[0].length
+  }
+  return max
+}
+
+/**
+ * Pull a single fenced code block out of a suggestion body, returning its code
+ * plus any surrounding prose. LLMs sometimes wrap the real replacement in
+ * ```lang ... ``` with explanatory text around it; if that nested fence leaks
+ * into the outer ```suggestion``` wrapper it breaks GitHub's renderer and
+ * causes downstream markdown (e.g. the magpie:finding HTML marker) to spill
+ * into a stray code block. We hoist the inner code out so the suggestion body
+ * contains only what should be committed.
+ */
+function splitEmbeddedFence(
+  body: string,
+): { code: string; preamble: string; postamble: string } | null {
+  const re = /(?:^|\n)(`{3,})[^\n`]*\n([\s\S]*?)\n\1(?=\n|$)/
+  const match = body.match(re)
+  if (match?.index === undefined) return null
+  const code = match[2] ?? ''
+  const matchStart = match.index + (body[match.index] === '\n' ? 1 : 0)
+  const matchEnd = matchStart + match[0].length - (body[match.index] === '\n' ? 1 : 0)
+  return {
+    code,
+    preamble: body.slice(0, matchStart).trim(),
+    postamble: body.slice(matchEnd).trim(),
+  }
+}
+
+type SuggestionParts = {
+  block: string | null
+  preamble: string | null
+  postamble: string | null
+}
+
+function buildSuggestion(f: ReviewFinding): SuggestionParts {
+  const raw = f.suggestion?.body.trim()
+  if (!raw) return { block: null, preamble: null, postamble: null }
+  const split = splitEmbeddedFence(raw)
+  const code = split?.code ?? raw
+  const fenceLen = Math.max(3, maxBacktickRun(code) + 1)
+  const fence = '`'.repeat(fenceLen)
+  return {
+    block: `${fence}suggestion\n${code}\n${fence}`,
+    preamble: split?.preamble || null,
+    postamble: split?.postamble || null,
+  }
 }
 
 function buildFindingMarker(f: ReviewFinding): string {
@@ -150,7 +197,7 @@ export function formatInlineBody(f: ReviewFinding): string {
   const label = SEVERITY_LABEL[f.severity]
   const focus = formatFocus(f)
   const metaLine = buildMetaLine([...buildRiskParts(f), focus ? `Focus · ${focus}` : null])
-  const suggestion = buildSuggestionBlock(f)
+  const { block: suggestion, preamble: sugPre, postamble: sugPost } = buildSuggestion(f)
   const sections = formatFindingDescriptionMarkdown(f.description)
 
   return joinBlock([
@@ -159,8 +206,12 @@ export function formatInlineBody(f: ReviewFinding): string {
     metaLine,
     '',
     sections,
+    sugPre ? '' : null,
+    sugPre,
     suggestion ? '' : null,
     suggestion,
+    sugPost ? '' : null,
+    sugPost,
     '',
     buildFindingMarker(f),
   ])
@@ -181,7 +232,7 @@ export function formatConversationBody(f: ReviewFinding): string {
     ...buildRiskParts(f),
   ])
   const sections = formatFindingDescriptionMarkdown(f.description)
-  const suggestion = buildSuggestionBlock(f)
+  const { block: suggestion, preamble: sugPre, postamble: sugPost } = buildSuggestion(f)
 
   return joinBlock([
     `### ${icon} ${label}: ${f.title}`,
@@ -189,8 +240,12 @@ export function formatConversationBody(f: ReviewFinding): string {
     metaLine,
     '',
     sections,
+    sugPre ? '' : null,
+    sugPre,
     suggestion ? '' : null,
     suggestion,
+    sugPost ? '' : null,
+    sugPost,
     '',
     buildFindingMarker(f),
   ])

package/skills/magpie/scripts/render-annotation.ts

@@ -1,4 +1,6 @@
+import type { Highlighter } from 'shiki'
 import { parseFindingDescription } from './finding-description.ts'
+import { highlightCodeBlock, languageFromPath } from './highlight.ts'
 import { isSuggestion, type ReviewFinding } from './types.ts'
 
 const DOMAIN_LABELS: Record<string, string> = {
@@ -35,24 +37,44 @@ export type RenderAnnotationOptions = {
   asCard: boolean
   /** When posting previously failed, surface the failure on the card. */
   failed?: { message: string }
+  highlighter: Highlighter
+}
+
+function renderInline(body: string): string {
+  // Backtick-delimited spans become inline <code> elements; everything else
+  // remains escaped text. Splitting on `([^`]+)` puts plain text at even
+  // indices and backtick contents at odd indices.
+  const parts = body.split(/`([^`]+)`/g)
+  return parts
+    .map((part, i) => {
+      const escaped = esc(part)
+      return i % 2 === 1 ? `<code class="inline-code">${escaped}</code>` : escaped
+    })
+    .join('')
 }
 
 function renderSections(description: string): string {
   const sections = parseFindingDescription(description)
   if (sections.length === 0) {
-    return `<section class="section"><div class="section-label">Observation</div><div class="section-body">${esc(description.trim())}</div></section>`
+    return `<section class="section"><div class="section-label">Observation</div><div class="section-body">${renderInline(description.trim())}</div></section>`
   }
   return sections
     .map(
       (s) =>
-        `<section class="section"><div class="section-label">${esc(s.label)}</div><div class="section-body">${esc(s.body)}</div></section>`,
+        `<section class="section"><div class="section-label">${esc(s.label)}</div><div class="section-body">${renderInline(s.body)}</div></section>`,
     )
     .join('')
 }
 
-function renderSuggestion(f: ReviewFinding): string {
+function renderSuggestion(f: ReviewFinding, highlighter: Highlighter): string {
   if (!f.suggestion) return ''
-  return `<section class="section"><div class="section-label">Suggested change</div><pre class="suggestion">${esc(f.suggestion.body)}</pre></section>`
+  const lang = languageFromPath(f.file)
+  const shiki = highlightCodeBlock(highlighter, f.suggestion.body, lang)
+  // Shiki emits `<pre class="shiki ..."><code>...</code></pre>`. Layer our
+  // existing `.suggestion` class on top so the border/padding/font-size
+  // styling continues to apply.
+  const withClass = shiki.replace('class="shiki', 'class="suggestion shiki')
+  return `<section class="section"><div class="section-label">Suggested change</div>${withClass}</section>`
 }
 
 function renderRisk(f: ReviewFinding): string {
@@ -87,7 +109,7 @@ export function renderAnnotation(f: ReviewFinding, opts: RenderAnnotationOptions
         ${statusChip}
       </div>
       ${renderSections(f.description)}
-      ${renderSuggestion(f)}
+      ${renderSuggestion(f, opts.highlighter)}
       ${renderRisk(f)}
     </div>
     <button type="button" class="send-btn" data-action="post-one" data-finding-id="${esc(f.id)}" title="Post this finding" aria-label="post">▸</button>

package/skills/magpie/scripts/render-diff.ts

@@ -1,4 +1,6 @@
+import type { Highlighter } from 'shiki'
 import { buildPairedLines, type DiffHunk, type DiffLine, type PairedLine } from './diff-utils.ts'
+import { highlightDiffSide, languageFromPath } from './highlight.ts'
 import { renderAnnotation } from './render-annotation.ts'
 import type { PostStatusEntry, PostStatusMap, ReviewFinding } from './types.ts'
 
@@ -20,6 +22,9 @@ export type RenderDiffInput = {
   findings: ReviewFinding[]
   postStatus: PostStatusMap
   selectedIds: Set<string>
+  highlighter: Highlighter
+  /** File path used to detect language for highlighting. */
+  file: string
 }
 
 function isPosted(status: PostStatusEntry | undefined): boolean {
@@ -33,11 +38,11 @@ function failedFrom(status: PostStatusEntry | undefined): { message: string } |
   return undefined
 }
 
-function lineRow(line: DiffLine): string {
+function coloredLineRow(line: DiffLine, coloredContent: string): string {
   const cls = line.type === 'added' ? 'added' : line.type === 'removed' ? 'removed' : 'context'
   const lineNo = line.type === 'removed' ? line.oldLineNo : line.newLineNo
   const sign = line.type === 'added' ? '+' : line.type === 'removed' ? '-' : ' '
-  return `<div class="diff-row ${cls}"><span class="gutter">${lineNo ?? ''}</span><span class="sign">${sign}</span><span class="content">${esc(line.content)}</span></div>`
+  return `<div class="diff-row ${cls}"><span class="gutter">${lineNo ?? ''}</span><span class="sign">${sign}</span><span class="content">${coloredContent}</span></div>`
 }
 
 function findingsByLine(findings: ReviewFinding[]): Map<number, ReviewFinding[]> {
@@ -52,14 +57,43 @@ function findingsByLine(findings: ReviewFinding[]): Map<number, ReviewFinding[]>
 }
 
 export function renderUnifiedDiff(input: RenderDiffInput): string {
-  const { hunks, findings, postStatus, selectedIds } = input
+  const { hunks, findings, postStatus, selectedIds, highlighter, file } = input
   if (hunks.length === 0) return `<div class="diff-empty">No changes</div>`
   const byLine = findingsByLine(findings)
+  const lang = languageFromPath(file)
   const parts: string[] = []
   hunks.forEach((h, hi) => {
     if (hi > 0) parts.push(`<div class="diff-hunk-sep">⋯</div>`)
+
+    const oldLines: string[] = []
+    const newLines: string[] = []
+    const rowSide: Array<{ side: 'old' | 'new'; idx: number }> = []
     for (const line of h.lines) {
-      parts.push(lineRow(line))
+      if (line.type === 'removed') {
+        rowSide.push({ side: 'old', idx: oldLines.length })
+        oldLines.push(line.content)
+      } else if (line.type === 'added') {
+        rowSide.push({ side: 'new', idx: newLines.length })
+        newLines.push(line.content)
+      } else {
+        rowSide.push({ side: 'new', idx: newLines.length })
+        oldLines.push(line.content)
+        newLines.push(line.content)
+      }
+    }
+    const oldHighlighted = oldLines.length
+      ? highlightDiffSide(highlighter, oldLines.join('\n'), lang)
+      : []
+    const newHighlighted = newLines.length
+      ? highlightDiffSide(highlighter, newLines.join('\n'), lang)
+      : []
+
+    h.lines.forEach((line, i) => {
+      const ref = rowSide[i]
+      const colored =
+        (ref?.side === 'old' ? oldHighlighted[ref.idx] : newHighlighted[ref?.idx ?? 0]) ??
+        esc(line.content)
+      parts.push(coloredLineRow(line, colored))
       const targetLine = line.newLineNo ?? null
       if (targetLine != null) {
         const fs = byLine.get(targetLine)
@@ -67,6 +101,7 @@ export function renderUnifiedDiff(input: RenderDiffInput): string {
           for (const f of fs) {
             parts.push(
               renderAnnotation(f, {
+                highlighter,
                 checked: selectedIds.has(f.id),
                 posted: isPosted(postStatus[f.id]),
                 failed: failedFrom(postStatus[f.id]),
@@ -76,33 +111,44 @@ export function renderUnifiedDiff(input: RenderDiffInput): string {
           }
         }
       }
-    }
+    })
   })
   return parts.join('\n')
 }
 
-function pairedRow(pair: PairedLine): string {
-  const cellL =
-    pair.left == null
-      ? `<div class="diff-cell empty"></div>`
-      : `<div class="diff-cell ${pair.left.type}"><span class="gutter">${pair.left.oldLineNo ?? pair.left.newLineNo ?? ''}</span><span class="sign">${pair.left.type === 'removed' ? '-' : ' '}</span><span class="content">${esc(pair.left.content)}</span></div>`
-  const cellR =
-    pair.right == null
-      ? `<div class="diff-cell empty"></div>`
-      : `<div class="diff-cell ${pair.right.type}"><span class="gutter">${pair.right.newLineNo ?? pair.right.oldLineNo ?? ''}</span><span class="sign">${pair.right.type === 'added' ? '+' : ' '}</span><span class="content">${esc(pair.right.content)}</span></div>`
-  return `<div class="diff-row split">${cellL}${cellR}</div>`
-}
-
 export function renderSplitDiff(input: RenderDiffInput): string {
-  const { hunks, findings, postStatus, selectedIds } = input
+  const { hunks, findings, postStatus, selectedIds, highlighter, file } = input
   if (hunks.length === 0) return `<div class="diff-empty">No changes</div>`
   const byLine = findingsByLine(findings)
+  const lang = languageFromPath(file)
   const parts: string[] = []
   hunks.forEach((h, hi) => {
     if (hi > 0) parts.push(`<div class="diff-hunk-sep">⋯</div>`)
+
+    const leftLines: string[] = []
+    const rightLines: string[] = []
+    for (const line of h.lines) {
+      if (line.type === 'removed') leftLines.push(line.content)
+      else if (line.type === 'added') rightLines.push(line.content)
+      else {
+        leftLines.push(line.content)
+        rightLines.push(line.content)
+      }
+    }
+    const leftHighlighted = leftLines.length
+      ? highlightDiffSide(highlighter, leftLines.join('\n'), lang)
+      : []
+    const rightHighlighted = rightLines.length
+      ? highlightDiffSide(highlighter, rightLines.join('\n'), lang)
+      : []
+
     const pairs = buildPairedLines([h])
+    let li = 0
+    let ri = 0
     for (const pair of pairs) {
-      parts.push(pairedRow(pair))
+      const leftColored = pair.left ? (leftHighlighted[li++] ?? esc(pair.left.content)) : null
+      const rightColored = pair.right ? (rightHighlighted[ri++] ?? esc(pair.right.content)) : null
+      parts.push(coloredPairedRow(pair, leftColored, rightColored))
       const target = pair.right?.newLineNo ?? null
       if (target != null) {
         const fs = byLine.get(target)
@@ -110,6 +156,7 @@ export function renderSplitDiff(input: RenderDiffInput): string {
           for (const f of fs) {
             parts.push(
               renderAnnotation(f, {
+                highlighter,
                 checked: selectedIds.has(f.id),
                 posted: isPosted(postStatus[f.id]),
                 failed: failedFrom(postStatus[f.id]),
@@ -123,3 +170,19 @@ export function renderSplitDiff(input: RenderDiffInput): string {
   })
   return parts.join('\n')
 }
+
+function coloredPairedRow(
+  pair: PairedLine,
+  leftColored: string | null,
+  rightColored: string | null,
+): string {
+  const cellL =
+    pair.left == null || leftColored == null
+      ? `<div class="diff-cell empty"></div>`
+      : `<div class="diff-cell ${pair.left.type}"><span class="gutter">${pair.left.oldLineNo ?? pair.left.newLineNo ?? ''}</span><span class="sign">${pair.left.type === 'removed' ? '-' : ' '}</span><span class="content">${leftColored}</span></div>`
+  const cellR =
+    pair.right == null || rightColored == null
+      ? `<div class="diff-cell empty"></div>`
+      : `<div class="diff-cell ${pair.right.type}"><span class="gutter">${pair.right.newLineNo ?? pair.right.oldLineNo ?? ''}</span><span class="sign">${pair.right.type === 'added' ? '+' : ' '}</span><span class="content">${rightColored}</span></div>`
+  return `<div class="diff-row split">${cellL}${cellR}</div>`
+}

package/skills/magpie/scripts/render-findings.ts

@@ -1,6 +1,8 @@
 import { readFile } from 'node:fs/promises'
 import { basename } from 'node:path'
+import type { Highlighter } from 'shiki'
 import { parseUnifiedDiffToHunks, splitDiffByFile } from './diff-utils.ts'
+import { getHighlighter } from './highlight.ts'
 import { renderActionBar } from './render-action-bar.ts'
 import { renderSplitDiff, renderUnifiedDiff } from './render-diff.ts'
 import { renderFileTree } from './render-file-tree.ts'
@@ -26,6 +28,8 @@ export type RenderFindingsInput = {
   files?: PrFileEntry[]
   /** Raw unified diff text for the PR. */
   diff?: string
+  /** Shiki highlighter, prepared by the caller. */
+  highlighter: Highlighter
 }
 
 function esc(s: string): string {
@@ -78,6 +82,7 @@ function filePane(opts: {
   findings: ReviewFinding[]
   postStatus: PostStatusMap
   selectedIds: Set<string>
+  highlighter: Highlighter
 }): string {
   const hunks = parseUnifiedDiffToHunks(opts.fileDiff)
   const unified = renderUnifiedDiff({
@@ -85,12 +90,16 @@ function filePane(opts: {
     findings: opts.findings,
     postStatus: opts.postStatus,
     selectedIds: opts.selectedIds,
+    highlighter: opts.highlighter,
+    file: opts.file.path,
   })
   const split = renderSplitDiff({
     hunks,
     findings: opts.findings,
     postStatus: opts.postStatus,
     selectedIds: opts.selectedIds,
+    highlighter: opts.highlighter,
+    file: opts.file.path,
   })
   const findingsCount = opts.findings.length
   // Findings can't be placed inline when (a) the file isn't in the diff at all
@@ -108,7 +117,7 @@ function filePane(opts: {
             <span class="unplaced-banner-label">${unplaced.length} finding${unplaced.length === 1 ? '' : 's'} not anchored to the diff</span>
             <span class="unplaced-banner-hint">${hunks.length === 0 ? 'this file is not in the PR diff snapshot' : 'line falls outside the visible hunks'}</span>
           </div>
-          ${renderIssuesList({ findings: unplaced, postStatus: opts.postStatus, selectedIds: opts.selectedIds })}
+          ${renderIssuesList({ findings: unplaced, postStatus: opts.postStatus, selectedIds: opts.selectedIds, highlighter: opts.highlighter })}
         </div>`
       : ''
   return `<section class="file-pane" data-file-pane="${esc(opts.file.path)}" hidden>
@@ -135,6 +144,7 @@ function overviewPane(opts: {
   findings: ReviewFinding[]
   postStatus: PostStatusMap
   selectedIds: Set<string>
+  highlighter: Highlighter
 }): string {
   const general = opts.findings.filter((f) => !f.file)
   if (general.length === 0) {
@@ -143,7 +153,7 @@ function overviewPane(opts: {
     </section>`
   }
   return `<section class="overview-pane" data-file-pane="">
-    ${renderIssuesList({ findings: general, postStatus: opts.postStatus, selectedIds: opts.selectedIds })}
+    ${renderIssuesList({ findings: general, postStatus: opts.postStatus, selectedIds: opts.selectedIds, highlighter: opts.highlighter })}
   </section>`
 }
 
@@ -183,6 +193,7 @@ ${prHeader(input)}
         findings: findingsInFile,
         postStatus: input.postStatus,
         selectedIds,
+        highlighter: input.highlighter,
       })
     })
     .join('\n')
@@ -191,12 +202,14 @@ ${prHeader(input)}
     findings: input.findings,
     postStatus: input.postStatus,
     selectedIds,
+    highlighter: input.highlighter,
   })
   const tree = renderFileTree({ files, findings: input.findings })
   const issues = renderIssuesList({
     findings: input.findings,
     postStatus: input.postStatus,
     selectedIds,
+    highlighter: input.highlighter,
   })
   const actionBar = renderActionBar({ findings: input.findings })
 
@@ -229,15 +242,16 @@ ${actionBar}
 }
 
 export async function renderFindingsToDisk(
-  input: RenderFindingsInput,
+  input: Omit<RenderFindingsInput, 'highlighter'>,
   outPath: string,
 ): Promise<void> {
   const stylesPath = new URL('../templates/styles.css', import.meta.url).pathname
   const helperPath = new URL('./helper.js', import.meta.url).pathname
   const css = await readFile(stylesPath, 'utf8')
   const helper = await readFile(helperPath, 'utf8')
+  const highlighter = await getHighlighter()
   const derived = basename(outPath.replace(/\/screen\/.+$/, ''))
-  const html = renderFindingsHtml({ ...input, runId: input.runId ?? derived })
+  const html = renderFindingsHtml({ ...input, runId: input.runId ?? derived, highlighter })
     .replace(
       'data:text/css;base64,STYLES_INLINE',
       `data:text/css;base64,${Buffer.from(css).toString('base64')}`,

package/skills/magpie/scripts/render-issues-list.ts

@@ -1,3 +1,4 @@
+import type { Highlighter } from 'shiki'
 import { renderAnnotation } from './render-annotation.ts'
 import type { PostStatusMap } from './types.ts'
 import { isSuggestion, type ReviewFinding, SEVERITIES, type Severity } from './types.ts'
@@ -26,6 +27,7 @@ export type RenderIssuesListInput = {
   findings: ReviewFinding[]
   postStatus: PostStatusMap
   selectedIds: Set<string>
+  highlighter: Highlighter
 }
 
 function severityCounts(findings: ReviewFinding[]): Map<Severity, number> {
@@ -35,7 +37,7 @@ function severityCounts(findings: ReviewFinding[]): Map<Severity, number> {
 }
 
 export function renderIssuesList(input: RenderIssuesListInput): string {
-  const { findings, postStatus, selectedIds } = input
+  const { findings, postStatus, selectedIds, highlighter } = input
   const actionable = findings.filter((f) => !isSuggestion(f))
   const suggestions = findings.filter((f) => isSuggestion(f))
   const counts = severityCounts(findings)
@@ -61,6 +63,7 @@ export function renderIssuesList(input: RenderIssuesListInput): string {
         posted: status === 'posted',
         failed,
         asCard: true,
+        highlighter,
       })
     })
     .join('\n')