# step_renderer


<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->

## Keyboard Configuration

Factory functions to create keyboard navigation zones, actions, and
manager for Phase 1.

## Keyboard Hints Modal

``` python
# Keyboard hints now use render_keyboard_hints_modal() from cjm-fasthtml-keyboard-navigation
```

## Footer Component

## Tab Components

## Main Step Renderer

------------------------------------------------------------------------

<a
href="https://github.com/cj-mills/cjm-transcript-source-select/blob/main/cjm_transcript_source_select/components/step_renderer.py#L369"
target="_blank" style="float:right; font-size:smaller">source</a>

### render_selection_step

``` python

def render_selection_step(
    sources:List, # Available source plugins
    transcriptions:List, # Available transcription records
    selected_sources:List, # Ordered selection
    grouping_mode:str, # Grouping mode: "media_path" or "batch_id"
    active_tab:str, # Active tab: "db" or "files"
    urls:SelectionUrls, # URL bundle for selection routes
    render_local_files_panel:Optional=None, # Render fn for Files tab content
    sb_state:Any=None, # SourceBrowserRouterState for DB tab VC rendering
)->Any: # FastHTML component

```

*Render Phase 1: Source Selection & Ordering step with two-column
layout.*