def history_page_content()

in experiments/arena/pages/history.py [0:0]

• 98 lines of code
• 4 McCabe index (conditional complexity)

def history_page_content(app_state: me.state):
    """History Mesop Page"""
    with page_scaffold():  # pylint: disable=not-context-manager
        with page_frame():  # pylint: disable=not-context-manager
            page_state = me.state(PageState)
            header("History", "history")

            votes = get_latest_votes(app_state.study)
            print(f"retrieved {len(votes)} votes")

            with dialog(  # pylint: disable=not-context-manager
                is_open=page_state.is_open,
                on_click_background=on_click_background_close,
            ):
                me.image(src=page_state.image_url)

            with me.box(
                style=me.Style(
                    display="flex",
                    flex_direction="column",
                    align_items="center",
                    width="90hv",
                )
            ):
                for v in votes:
                    model1 = v.get("model1")
                    image1 = v.get("image1")
                    model2 = v.get("model2")
                    image2 = v.get("image2")
                    winner = v.get("winner")
                    timestamp = v.get("timestamp").strftime("%Y-%m-%d %H:%M")
                    prompt = v.get("prompt")
                    with me.box(
                        style=me.Style(
                            padding=me.Padding.all(10),
                            display="flex",
                            flex_direction="column",
                            align_items="center",
                            width="50%",
                            gap=10,
                        )
                    ):
                        # images
                        image1_url = gcs_to_http(image1)
                        image2_url = gcs_to_http(image2)
                        with me.box(
                            style=me.Style(
                                display="flex",
                                flex_direction="column",
                                gap=10,
                                align_items="center"
                            ),
                        ):
                            with me.box(
                                style=me.Style(
                                    flex_direction="row",
                                    display="flex",
                                    align_items="center",
                                    padding=me.Padding(bottom=40, top=45)
                                ),
                            ):
                                with me.content_button(
                                    key=image1_url,
                                    on_click=on_click_image_dialog,
                                    style=me.Style(
                                        flex_direction="column",
                                        display="flex",
                                        align_items="center",
                                    ),
                                ):
                                    me.image(
                                        src=image1_url,
                                        style=(
                                            WINNER_THUMBNAIL_STYLE if winner == model1 else THUMBNAIL_STYLE
                                        ),
                                    )
                                    me.text(
                                        model1,
                                        style=me.Style(font_size="10pt", color="black"),
                                    )

                                with me.content_button(
                                    key=image2_url,
                                    on_click=on_click_image_dialog,
                                    style=me.Style(
                                        flex_direction="column",
                                        display="flex",
                                        align_items="center",
                                    ),
                                ):
                                    me.image(
                                        src=image2_url,
                                        style=(
                                            WINNER_THUMBNAIL_STYLE if winner == model2 else THUMBNAIL_STYLE
                                        ),
                                    )
                                    me.text(
                                        model2,
                                        style=me.Style(font_size="10pt", color="black"),
                                    )
                            me.html(
                                html=f"{timestamp}: {model1} vs. {model2}:  <strong>{winner}</strong> won."
                            )
                            me.html(html=f'With prompt: "<em>{prompt}</em>"')