# Netflix-Style Fixed Rail Sidebar (homeflix pattern)

## Architecture
- 48dp fixed-width Column on the left side of the screen
- No expand/collapse, no labels, no width animation
- Each nav item = 36dp Box with icon only
- Scale 1.0→1.5 on focus (200ms tween)
- Accent color bg when selected, white 0.2 alpha when focused
- Layout: `Row { sidebar(48dp) + Box(content, weight=1f) }`
- Content Box handles `onKeyEvent { Back -> focus sidebar }`
- Sidebar items handle `onKeyEvent { Right -> onNavigateToContent, Center -> navigate }`

## Key composable (NetflixNavIcon):
```kotlin
Box(
    modifier = Modifier
        .size(36.dp)
        .scale(scale)  // 1.0→1.5
        .background(when { isSelected -> accent; isFocused -> White(0.2f); else -> Transparent })
        .focusRequester(focusRequester)
        .onFocusChanged { isFocused = it.isFocused }
        .focusable()
        .onKeyEvent { /* Right=exit, Center=click */ }
        .clickable(onClick)
) { Icon(20.dp) }
```

## NAV_ITEMS order (homeflix-style): Search, Home, Movies, TV Shows, My List, Settings
## MUST use triple pattern: focusable() + onFocusChanged + onKeyEvent
## NEVER use HazeState, focusGroup, expand/collapse animation, or pending-state booleans

Reference: /home/rurouni/Repos to copy/homeflix-tv-app-app-v2 (1).0