Function createPreviewContentHTML

codeclash/viewer/static/js/trajectory.js:202–237

(content, lines, role)

}

function createPreviewContentHTML(content, lines, role) {
  const preview = lines.slice(0, 5).join("\n");
  const moreLines = lines.length - 5;

  let html = `
    <div class="message-preview-short clickable-message" title="Click to expand (${moreLines} more lines)">
      <div class="message-text"><pre>${escapeHtml(preview)}</pre></div>
      <div class="expand-indicator">▼ ${moreLines} more lines</div>
    </div>
    <div class="message-content-full" style="display: none;" title="Content expanded - click collapse button below to hide">
  `;

  if (role === "assistant" && content.includes("```")) {
    const parts = content.split("```");
    parts.forEach((part, i) => {
      if (i % 2 === 0) {
        html += `<div class="message-text"><pre>${escapeHtml(
          part,
        )}</pre></div>`;
      } else {
        html += `<div class="code-block"><pre><code>${escapeHtml(
          part,
        )}</code></pre></div>`;
      }
    });
  } else {
    html += `<div class="message-text"><pre>${escapeHtml(content)}</pre></div>`;
  }

  html += `
      <div class="collapse-indicator clickable-message" title="Click to collapse">▲ Click to collapse</div>
    </div>
  `;

  return html;
}

function createComplexContentHTML(contentParts) {
  let html = '<div class="message-content-full">';