audex 1.0.7a3__py3-none-any.whl

audex/view/pages/sessions/__init__.py

@@ -0,0 +1,196 @@
+from __future__ import annotations
+
+from dependency_injector.wiring import Provide
+from dependency_injector.wiring import inject
+from fastapi import Depends
+from nicegui import ui
+
+from audex.container import Container
+from audex.service.doctor import DoctorService
+from audex.service.session import SessionService
+from audex.view.decorators import handle_errors
+
+
+@ui.page("/sessions")
+@handle_errors
+@inject
+async def render(
+    doctor_service: DoctorService = Depends(Provide[Container.service.doctor]),
+    session_service: SessionService = Depends(Provide[Container.service.session]),
+) -> None:
+    """Render sessions history page with clean design."""
+
+    # Get current doctor
+    doctor = await doctor_service.current_doctor()
+
+    # Add CSS
+    ui.add_head_html('<link rel="stylesheet" href="/static/css/sessions/styles.css">')
+
+    # Fetch sessions
+    sessions = await session_service.list(doctor_id=doctor.id, page_size=100)
+
+    # Dialog Functions
+    async def show_delete_dialog(session_id: str, session_name: str):
+        """Show delete confirmation dialog."""
+        with (
+            ui.dialog() as dialog,
+            ui.card().classes("dialog-card").style("width: 450px; padding: 28px;"),
+        ):
+            with ui.row().classes("w-full items-center mb-6"):
+                ui.icon("warning", size="xl").classes("text-warning")
+                ui.label("确认删除").classes("text-h5 font-bold text-grey-9 ml-3 flex-1")
+                ui.button(icon="close", on_click=dialog.close).props("flat round dense")
+
+            ui.label(f"确定要删除会话「{session_name}」吗？").classes("text-body1 text-grey-8 mb-2")
+            ui.label("此操作不可恢复。").classes("text-body2 text-grey-7 mb-6")
+
+            with ui.row().classes("w-full gap-3 justify-end"):
+                ui.button("取消", on_click=dialog.close).props(
+                    "outline color=grey-8 no-caps"
+                ).classes("action-btn btn-secondary")
+
+                async def do_delete():
+                    dialog.close()
+                    try:
+                        await session_service.delete(session_id)
+                        ui.notify("会话已删除", type="positive", position="top")
+                        ui.navigate.to("/sessions")
+                    except Exception:
+                        ui.notify("删除失败", type="negative", position="top")
+
+                ui.button("删除", on_click=do_delete).props(
+                    "unelevated color=negative no-caps"
+                ).classes("action-btn")
+
+        dialog.open()
+
+    # Header
+    with ui.header().classes("header-glass items-center justify-between px-6 py-4"):
+        with ui.row().classes("items-center gap-3"):
+            ui.button(icon="arrow_back", on_click=lambda: ui.navigate.to("/")).props("flat round")
+            ui.label("历史会话").classes("text-h6 font-semibold text-grey-9")
+
+        with ui.row().classes("items-center gap-2"):
+            ui.button(
+                "导出", icon="download", on_click=lambda: ui.navigate.to("/sessions/export")
+            ).props("flat no-caps").classes("header-btn export-btn")
+
+            ui.button("新建录音", on_click=lambda: ui.navigate.to("/recording")).props(
+                "unelevated color=primary no-caps"
+            ).classes("header-btn")
+
+    # Main Content
+    if not sessions:
+        with (
+            ui.element("div")
+            .classes("w-full bg-white")
+            .style(
+                "display: flex; align-items: center; justify-content: center; "
+                "min-height: calc(100vh - 64px);"
+            ),
+            ui.element("div").classes("empty-state"),
+        ):
+            ui.icon("chat_bubble_outline", size="4em").classes("text-grey-4 mb-4")
+            ui.label("还没有会话记录").classes("text-h5 font-semibold text-grey-7 mb-2")
+            ui.label("开始您的第一次录音会话").classes("text-body2 text-grey-6 mb-6")
+            ui.button("创建新会话", on_click=lambda: ui.navigate.to("/recording")).props(
+                "color=primary size=lg no-caps"
+            )
+
+    else:
+        with (
+            ui.scroll_area().classes("w-full").style("height: calc(100vh - 64px);"),
+            (
+                ui.element("div")
+                .classes("w-full bg-white")
+                .style(
+                    "display: flex; justify-content: center; align-items: flex-start; "
+                    "min-height: 100%; padding: 60px 80px;"
+                )
+            ),
+            ui.element("div").style(
+                "display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; "
+                "max-width: 850px; width: 100%;"
+            ),
+        ):
+            for session in sessions:
+                with ui.card().classes("super-card cursor-pointer p-7"):
+                    with ui.row().classes("items-start justify-between w-full mb-2"):
+                        ui.label(session.patient_name or "未知患者").classes(
+                            "text-h6 font-bold text-grey-9"
+                        )
+
+                        if session.status.value != "DRAFT":
+                            status_map = {
+                                "COMPLETED": ("已完成", "status-completed"),
+                                "IN_PROGRESS": ("进行中", "status-in-progress"),
+                                "CANCELLED": ("已取消", "status-cancelled"),
+                            }
+                            if session.status.value in status_map:
+                                status_text, status_class = status_map[session.status.value]
+                                ui.html(
+                                    f'<div class="status-badge {status_class}">{status_text}</div>',
+                                    sanitize=False,
+                                )
+
+                    with ui.column().classes("gap-2 mb-auto"):
+                        if session.clinic_number:
+                            ui.label(f"门诊号: {session.clinic_number}").classes(
+                                "text-sm text-grey-7"
+                            )
+                        if session.medical_record_number:
+                            ui.label(f"病历号: {session.medical_record_number}").classes(
+                                "text-sm text-grey-7"
+                            )
+                        if session.diagnosis:
+                            ui.label(f"诊断: {session.diagnosis}").classes("text-sm text-grey-7")
+
+                        time_text = session.created_at.strftime("%m月%d日 %H:%M")
+                        if session.started_at:
+                            time_text = session.started_at.strftime("%m月%d日 %H:%M")
+                        ui.label(time_text).classes("text-sm text-grey-6")
+
+                    with ui.element("div").classes("button-layout"):
+
+                        def create_delete_handler(sid, sname):
+                            async def handler():
+                                await show_delete_dialog(sid, sname)
+
+                            return handler
+
+                        ui.button(
+                            icon="delete_outline",
+                            on_click=create_delete_handler(
+                                session.id, session.patient_name or "未知患者"
+                            ),
+                        ).props("flat").classes("btn-delete")
+
+                        with ui.element("div").classes("right-buttons"):
+
+                            def create_view_handler(sid):
+                                def handler():
+                                    ui.navigate.to(f"/sessions/details?session_id={sid}")
+
+                                return handler
+
+                            ui.button(
+                                "查看",
+                                icon="visibility",
+                                on_click=create_view_handler(session.id),
+                            ).props("outline color=grey-8 no-caps").classes(
+                                "action-btn btn-secondary"
+                            )
+
+                            def create_continue_handler(sid):
+                                def handler():
+                                    ui.navigate.to(f"/recording?session_id={sid}")
+
+                                return handler
+
+                            ui.button(
+                                "继续",
+                                icon="play_arrow",
+                                on_click=create_continue_handler(session.id),
+                            ).props("unelevated color=primary no-caps").classes(
+                                "action-btn btn-primary"
+                            )

audex/view/pages/sessions/details.py

@@ -0,0 +1,224 @@
+from __future__ import annotations
+
+from dependency_injector.wiring import Provide
+from dependency_injector.wiring import inject
+from fastapi import Depends
+from fastapi import Query
+from nicegui import ui
+
+from audex.container import Container
+from audex.service.session import SessionService
+from audex.service.session.types import UpdateSessionCommand
+from audex.view.decorators import handle_errors
+
+
+@ui.page("/sessions/details")
+@handle_errors
+@inject
+async def render(
+    session_service: SessionService = Depends(Provide[Container.service.session]),
+    session_id: str = Query(...),
+) -> None:
+    """Render session detail page with left form and right
+    conversation."""
+    # Add CSS
+    ui.add_head_html('<link rel="stylesheet" href="/static/css/sessions/styles.css">')
+
+    # Fetch session and utterances
+    session = await session_service.get(session_id)
+    if not session:
+        ui.notify("会话不存在", type="negative", position="top")
+        ui.navigate.to("/sessions")
+        return
+
+    utterances = await session_service.get_utterances(session_id)
+
+    # State
+    is_editing = {"value": False}
+
+    # Header
+    with ui.header().classes("header-glass items-center justify-between px-6 py-3"):
+        with ui.row().classes("items-center gap-3"):
+            ui.button(icon="arrow_back", on_click=lambda: ui.navigate.to("/sessions")).props(
+                "flat round"
+            ).tooltip("返回历史会话")
+            ui.label(f"{session.patient_name or '未知患者'}").classes(
+                "text-h6 font-semibold text-grey-9"
+            )
+
+        ui.button(
+            "继续录音",
+            icon="mic",
+            on_click=lambda: ui.navigate.to(f"/recording?session_id={session_id}"),
+        ).props("unelevated color=primary no-caps").classes("header-btn")
+
+    # Main container
+    with (
+        ui.element("div")
+        .classes("w-full bg-white")
+        .style("display: flex; padding: 40px 80px; gap: 40px;")
+    ):
+        # Left sidebar: Details
+        with ui.column().classes("gap-2").style("width: 450px; flex-shrink: 0;"):
+            # Header with edit button
+            with ui.row().classes("w-full items-center justify-between mb-6"):
+                ui.label("会话信息").classes("text-h4 font-bold text-grey-9")
+
+                def toggle_edit():
+                    """Toggle edit mode."""
+                    is_editing["value"] = not is_editing["value"]
+
+                    if is_editing["value"]:
+                        edit_btn.props("icon=close")
+                        edit_btn.text = "取消"
+                        info_display.visible = False
+                        edit_form.visible = True
+                    else:
+                        edit_btn.props("icon=edit")
+                        edit_btn.text = "编辑"
+                        info_display.visible = True
+                        edit_form.visible = False
+
+                edit_btn = (
+                    ui.button("编辑", icon="edit", on_click=toggle_edit)
+                    .props("flat no-caps")
+                    .classes("action-button")
+                )
+
+            # Info display (read-only)
+            info_display = ui.column().classes("w-full gap-0")
+            with info_display:
+                with ui.element("div").classes("info-field"):
+                    ui.label("患者姓名").classes("text-xs text-grey-6 mb-1")
+                    ui.label(session.patient_name or "未填写").classes(
+                        "text-body1 text-grey-9 font-medium"
+                    )
+
+                with ui.element("div").classes("info-field"):
+                    ui.label("门诊号").classes("text-xs text-grey-6 mb-1")
+                    ui.label(session.clinic_number or "未填写").classes(
+                        "text-body1 text-grey-9 font-medium"
+                    )
+
+                with ui.element("div").classes("info-field"):
+                    ui.label("病历号").classes("text-xs text-grey-6 mb-1")
+                    ui.label(session.medical_record_number or "未填写").classes(
+                        "text-body1 text-grey-9 font-medium"
+                    )
+
+                with ui.element("div").classes("info-field"):
+                    ui.label("诊断").classes("text-xs text-grey-6 mb-1")
+                    ui.label(session.diagnosis or "未填写").classes(
+                        "text-body1 text-grey-9 font-medium"
+                    )
+
+                if session.notes:
+                    with ui.element("div").classes("info-field"):
+                        ui.label("备注").classes("text-xs text-grey-6 mb-1")
+                        ui.label(session.notes).classes("text-body1 text-grey-9 font-medium")
+
+            # Edit form - 复用 recording 的模态框样式
+            edit_form = ui.column().classes("w-full gap-4")
+            edit_form.visible = False
+            with edit_form:
+                with ui.row().classes("w-full gap-4"):
+                    patient_name_input = (
+                        ui.input("", placeholder="患者姓名")
+                        .classes("flex-1 clean-input")
+                        .props("standout dense hide-bottom-space")
+                    )
+                    patient_name_input.value = session.patient_name or ""
+
+                    clinic_number_input = (
+                        ui.input("", placeholder="门诊号")
+                        .classes("flex-1 clean-input")
+                        .props("standout dense hide-bottom-space")
+                    )
+                    clinic_number_input.value = session.clinic_number or ""
+
+                with ui.row().classes("w-full gap-4 mt-3"):
+                    medical_record_number_input = (
+                        ui.input("", placeholder="病历号")
+                        .classes("flex-1 clean-input")
+                        .props("standout dense hide-bottom-space")
+                    )
+                    medical_record_number_input.value = session.medical_record_number or ""
+
+                    diagnosis_input = (
+                        ui.input("", placeholder="诊断")
+                        .classes("flex-1 clean-input")
+                        .props("standout dense hide-bottom-space")
+                    )
+                    diagnosis_input.value = session.diagnosis or ""
+
+                notes_input = (
+                    ui.textarea("", placeholder="备注")
+                    .classes("w-full mt-3 clean-input notes-textarea")
+                    .props("standout hide-bottom-space")
+                )
+                notes_input.value = session.notes or ""
+
+                @handle_errors
+                async def save_session():
+                    """Save session changes."""
+                    await session_service.update(
+                        UpdateSessionCommand(
+                            session_id=session_id,
+                            patient_name=patient_name_input.value.strip() or None,
+                            clinic_number=clinic_number_input.value.strip() or None,
+                            medical_record_number=medical_record_number_input.value.strip() or None,
+                            diagnosis=diagnosis_input.value.strip() or None,
+                            notes=notes_input.value.strip() or None,
+                        )
+                    )
+
+                    ui.notify("会话信息已更新", type="positive", position="top")
+                    ui.navigate.to(f"/sessions/details?session_id={session_id}")
+
+                ui.button("保存更改", on_click=save_session).props(
+                    "unelevated color=primary size=lg no-caps"
+                ).classes("action-button").style("height: 48px;")
+
+        # Right content area: Utterances (scrollable)
+        content_scroll = (
+            ui.scroll_area()
+            .classes("flex-1")
+            .style("height: calc(100vh - 190px); padding: 0 20px;")
+        )
+        with content_scroll:
+            if not utterances:
+                with (
+                    ui.element("div")
+                    .classes("empty-content")
+                    .style(
+                        "height: 100%; display: flex; align-items: center; justify-content: center;"
+                    ),
+                    ui.column().classes("items-center"),
+                ):
+                    ui.icon("chat_bubble_outline", size="3xl").classes("text-grey-4 mb-4")
+                    ui.label("暂无对话记录").classes("text-lg text-grey-6")
+            else:
+                with ui.element("div").classes("utterances-container"):
+                    for utterance in utterances:
+                        speaker_name = "医生" if utterance.is_doctor else "患者"
+                        time_str = utterance.timestamp.strftime("%H:%M:%S")
+                        duration = f"{utterance.duration_ms / 1000:.1f}s"
+
+                        if utterance.is_doctor:
+                            with ui.element("div").classes("utterance-final is-doctor"):
+                                ui.label(f"{speaker_name} • {time_str} • {duration}").classes(
+                                    "speaker-label"
+                                )
+                                ui.html(
+                                    f'<div class="bubble-doctor">{utterance.text}</div>',
+                                    sanitize=False,
+                                )
+                        else:
+                            with ui.element("div").classes("utterance-final is-patient"):
+                                ui.label(f"{speaker_name} • {time_str} • {duration}").classes(
+                                    "speaker-label"
+                                )
+                                ui.html(
+                                    f'<div class="bubble-patient">{utterance.text}</div>',
+                                    sanitize=False,
+                                )