def chirphd_voices_page()

in experiments/babel/app/pages/chirphd_voices.py [0:0]


def chirphd_voices_page(app_state: me.state):
    """Chirp HD Voices page"""
    state = me.state(PageState)
    #app_state = me.state(app_state)

    # with page_scaffold():  # pylint: disable=not-context-manager
    #   with page_frame():  # pylint: disable=not-context-manager

    # print(f"{state.current_page}")
    # with me.box(style=me.Style(flex_direction="row", display="flex")):
    with me.box(style=CONTENT_STYLE):
        me.text("Enter text to voice", type="headline-6")
        me.text(
            f"Using {len(app_state.voices)} Chirp 3: HD voices",
            style=me.Style(font_style="italic"),
        )
        subtle_chat_input_journey()

        if state.is_loading:
            me.progress_spinner()
        elif state.audio_output_metadata:
            with me.box(
                style=me.Style(display="grid", grid_template_columns="1fr 1fr")
            ):
                # for uri in state.audio_output_infos:
                #  me.audio(src=uri)
                sorted_metadata = sorted(
                    state.audio_output_metadata,
                    key=lambda voice: voice["language_code"],
                )
                for item in sorted_metadata:
                    #print(item)
                    audio_url = f"{BUCKET_PATH}/{item['audio_path']}"
                    #print(audio_url)
                    with me.box(
                        style=me.Style(
                            display="flex",
                            flex_direction="column",
                            gap=5,
                            padding=me.Padding(top=10, left=10, right=10, bottom=12),
                        )
                    ):
                        me.text(
                            f"{item["language_code"]} ({item["gender"].lower()}, {item["voice_name"]})",
                            style=me.Style(font_weight="bold"),
                        )
                        me.audio(src=audio_url)
                        me.text(item["text"])