Function exportAsHTML

app/src/utils/exportUtils.ts:87–273

(data: ExportData, options: ExportOptions)

// Export as HTML
export const exportAsHTML = (data: ExportData, options: ExportOptions): string => {
  const formatTimestamp = (timestamp: string) => {
    return new Date(timestamp).toLocaleString();
  };

  const renderSensorHTML = (sensor: SensorData): string => {
    const content = formatSensorContent(sensor, options.includeImages);
    const timestamp = formatTimestamp(sensor.timestamp);
    
    let sensorIcon = '';
    switch (sensor.type) {
      case 'screenshot': sensorIcon = '📷'; break;
      case 'camera': sensorIcon = '🎥'; break;
      case 'ocr': sensorIcon = '📄'; break;
      case 'audio': sensorIcon = '🎵'; break;
      case 'clipboard': sensorIcon = '📋'; break;
      case 'memory': sensorIcon = '🧠'; break;
      default: sensorIcon = '📊';
    }

    return `
      <div class="sensor-item">
        <div class="sensor-header">
          <span class="sensor-icon">${sensorIcon}</span>
          <strong>${sensor.type}</strong>
          <span class="timestamp">${timestamp}</span>
        </div>
        <div class="sensor-content">${content}</div>
      </div>
    `;
  };

  const renderToolHTML = (tool: ToolCall): string => {
    const timestamp = formatTimestamp(tool.timestamp);
    const status = tool.status === 'success' ? '✅' : '❌';
    
    return `
      <div class="tool-item ${tool.status}">
        <div class="tool-header">
          <span class="tool-status">${status}</span>
          <strong>${tool.name}</strong>
          <span class="timestamp">${timestamp}</span>
        </div>
        ${tool.error ? `<div class="tool-error">Error: ${tool.error}</div>` : ''}
        ${tool.params ? `<div class="tool-params">Params: ${JSON.stringify(tool.params, null, 2)}</div>` : ''}
      </div>
    `;
  };

  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">