Function renderIterationHTML

app/src/utils/exportUtils.ts:136–194

(iteration: IterationData)

  };

  const renderIterationHTML = (iteration: IterationData): string => {
    const startTime = formatTimestamp(iteration.startTime);
    const duration = iteration.duration ? `${iteration.duration.toFixed(2)}s` : 'N/A';
    
    return `
      <div class="iteration ${iteration.hasError ? 'error' : ''}">
        <div class="iteration-header">
          <h3>Iteration #${iteration.sessionIterationNumber}</h3>
          <div class="iteration-meta">
            <span>Start: ${startTime}</span>
            <span>Duration: ${duration}</span>
            ${iteration.hasError ? '<span class="error-indicator">❌ Error</span>' : ''}
          </div>
        </div>
        
        <div class="iteration-content">
          <div class="section">
            <h4>📥 Inputs (${iteration.sensors.length} sensors)</h4>
            <div class="sensors">
              ${iteration.sensors.map(renderSensorHTML).join('')}
            </div>
          </div>
          
          ${iteration.modelPrompt ? `
            <div class="section">
              <h4>💭 Model Prompt</h4>
              <pre class="prompt">${iteration.modelPrompt}</pre>
            </div>
          ` : ''}
          
          ${iteration.modelImages?.length ? `
            <div class="section">
              <h4>🖼️ Images Sent to Model (${iteration.modelImages.length})</h4>
              ${options.includeImages ? 
                iteration.modelImages.map((img, i) => 
                  `<img src="data:image/png;base64,${img}" alt="Image ${i+1}" style="max-width: 300px; margin: 10px 0;" />`
                ).join('') :
                '<p>Images excluded from export</p>'
              }
            </div>
          ` : ''}
          
          ${iteration.modelResponse ? `
            <div class="section">
              <h4>🤖 Model Response</h4>
              <div class="response">${iteration.modelResponse}</div>
            </div>
          ` : ''}
          
          <div class="section">
            <h4>🔧 Tools (${iteration.tools.length})</h4>
            <div class="tools">
              ${iteration.tools.map(renderToolHTML).join('')}
            </div>
          </div>
        </div>
      </div>
    `;