Function ExportOptionsPanel

web/components/export/ExportOptions.tsx:47–83

({ options, onChange }: ExportOptionsProps)

}

export function ExportOptionsPanel({ options, onChange }: ExportOptionsProps) {
  const isJson = options.format === "json";

  return (
    <div className="divide-y divide-surface-800">
      <OptionRow
        id="opt-tool-use"
        label="Include tool use"
        description="Show tool calls and results in the export"
        checked={options.includeToolUse}
        onCheckedChange={(v) => onChange({ includeToolUse: v })}
      />
      <OptionRow
        id="opt-thinking"
        label="Include thinking blocks"
        description="Show extended thinking when present"
        checked={options.includeThinking}
        onCheckedChange={(v) => onChange({ includeThinking: v })}
        disabled={isJson}
      />
      <OptionRow
        id="opt-timestamps"
        label="Include timestamps"
        description="Add date/time to messages and metadata"
        checked={options.includeTimestamps}
        onCheckedChange={(v) => onChange({ includeTimestamps: v })}
      />
      <OptionRow
        id="opt-file-contents"
        label="Include full file contents"
        description="Show complete tool result output (may be large)"
        checked={options.includeFileContents}
        onCheckedChange={(v) => onChange({ includeFileContents: v })}
      />
    </div>
  );
}