# Feature screenshots

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/syntax-highlighting.png"></img>    
    <figcaption>Syntax highlighting (CWL and JS)</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/expression-evaluation-on-hover.png"></img>    
    <figcaption>Evaluate expression on hover</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/file-picker.png"></img>
    <figcaption>File path autocomplete for linked files in `run` field</figcaption>
</figure>  
<hr/>
 
<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/port-connection-picker.png"></img>
    <figcaption>Port completion for workflow</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/jump-to-definition.gif"></img>
    <figcaption>Navigate to linked sub-workflows and includes</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/outline-view.png"></img>
    <figcaption>Outline view (Symbols) + Step symbols</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/type-warnings.png"></img>
    <figcaption>Type validations</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2019.10.22/workflow-connection-validations.png"></img>
    <figcaption>Port validations</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2020.03.09/documentation-on-hover.png"></img>
    <figcaption>Language documentation on hover</figcaption>
</figure>  
<hr/>

<figure>
    <img src="https://github.com/rabix/benten/blob/master/media/2020.09.15/format-document.gif"></img>
    <figcaption>CWL Formatting</figcaption>
</figure>  
<hr/>
