Function createComplexContentHTML

codeclash/viewer/static/js/trajectory.js:239–272

(contentParts)

}

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

  contentParts.forEach((part) => {
    if (part.type === "text") {
      const lines = part.text.split("\n");
      if (lines.length <= 5) {
        html += `<div class="message-text"><pre>${escapeHtml(
          part.text,
        )}</pre></div>`;
      } else {
        const preview = lines.slice(0, 5).join("\n");
        const moreLines = lines.length - 5;
        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-expanded" style="display: none;" title="Content expanded - click collapse button below to hide">
            <div class="message-text"><pre>${escapeHtml(part.text)}</pre></div>
            <div class="collapse-indicator clickable-message" title="Click to collapse">▲ Click to collapse</div>
          </div>
        `;
      }
    } else {
      html += `<div class="message-part"><strong>${
        part.type.charAt(0).toUpperCase() + part.type.slice(1)
      }:</strong><pre>${JSON.stringify(part, null, 2)}</pre></div>`;
    }
  });

  html += "</div>";
  return html;
}

function createToolCallContentHTML(message) {
  // Render a mini-swe-agent v2 tool-call assistant message: the reasoning text (if any)