from nicegui import ui

class Dashboard(ui.element):
    def __init__(self, state: AppState):
        super().__init__()
        self.state = state
        self._build_ui()

    def _build_ui(self):
        with ui.card().classes('dashboard'):
            self._render_header()
            self._render_content()
            self._render_actions()

    def _render_actions(self):
        with ui.row().classes('action-buttons'):
            ui.button('Save', on_click=self.save)
            ui.button('Cancel', on_click=self.cancel)
            ui.button('Settings', on_click=self.show_settings)

# Real-time state updates
async def connect_room(room_id: str):
    async with ui.context.client:
        ws = await websocket_connect(f'/ws/room/{room_id}')
        async for message in ws:
            state = AppState.model_validate_json(message)
            dashboard.update(state)