republisher/repub/pages/dashboard.py

from __future__ import annotations

import htpy as h
from htpy import Node, Renderable

from repub.components import (
    admin_sidebar,
    header_action_link,
    inline_button,
    inline_link,
    muted_action_link,
    stat_card,
    status_badge,
)
from repub.pages.runs import RUNNING_EXECUTIONS


def _running_execution_row(execution: dict[str, str | bool]) -> tuple[Node, ...]:
    status_tone = "running" if execution["is_running"] else "done"
    return (
        h.div[
            h.div(class_="font-semibold text-slate-950")[execution["source"]],
            h.p(class_="mt-0.5 font-mono text-[11px] text-slate-500")[
                execution["slug"]
            ],
        ],
        h.div[
            h.p(class_="font-medium text-slate-900")[f"#{execution['execution_id']}"],
            h.p(class_="mt-0.5 text-[11px] text-slate-500")[
                f"job {execution['job_id']}"
            ],
        ],
        h.div[
            h.p(class_="font-medium text-slate-900")[execution["started_at"]],
            h.p(class_="mt-0.5 text-[11px] text-slate-500")[execution["runtime"]],
        ],
        status_badge(label=str(execution["status"]), tone=status_tone),
        h.div(class_="min-w-56 whitespace-normal")[
            h.p(class_="font-medium text-slate-900")[execution["stats"]],
            h.p(class_="mt-0.5 text-[11px] text-slate-500")[execution["worker"]],
        ],
        h.div(class_="flex flex-nowrap items-center gap-3")[
            inline_link(
                href=str(execution["log_href"]),
                label="View log",
                tone="amber",
            ),
            inline_button(label="Stop", tone="danger"),
        ],
    )


def dashboard_header() -> Renderable:
    return h.section[
        h.div(
            class_="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
        )[
            h.div[
                h.h1(class_="text-3xl font-semibold tracking-tight text-slate-950")[
                    "Republisher"
                ],
                h.p(class_="mt-1 text-sm text-slate-600")[
                    "Operational status and live executions."
                ],
            ],
            h.div(class_="flex flex-wrap gap-2")[
                header_action_link(href="/sources/create", label="Create source"),
                muted_action_link(href="/sources", label="View sources"),
            ],
        ]
    ]


def operational_snapshot() -> Renderable:
    return h.section[
        h.div(class_="mb-3 flex items-end justify-between gap-4")[
            h.div[
                h.p(
                    class_="text-xs font-semibold uppercase tracking-[0.22em] text-slate-500"
                )["Overview"],
                h.h2(class_="mt-1 text-xl font-semibold tracking-tight text-slate-950")[
                    "Operational snapshot"
                ],
            ],
            h.p(class_="text-xs text-slate-500")[
                "Static fixture data shaped around the intended operator dashboard"
            ],
        ],
        h.dl(class_="grid gap-3 md:grid-cols-2 xl:grid-cols-4")[
            stat_card(
                label="Running now",
                value="3",
                detail="Two feed workers and one Pangea worker are active.",
            ),
            stat_card(
                label="Upcoming today",
                value="11",
                detail="Next scheduled job fires in 13 minutes.",
            ),
            stat_card(
                label="Failures in 24h",
                value="2",
                detail="One network timeout and one source parsing error.",
            ),
            stat_card(
                label="Output footprint",
                value="18.4 GB",
                detail="Mirrored feeds, media, logs, and execution stats.",
            ),
        ],
    ]


def running_executions_table() -> Renderable:
    rows = tuple(_running_execution_row(execution) for execution in RUNNING_EXECUTIONS)
    headers = ("Source", "Execution", "Started", "Status", "Stats", "Actions")

    def render_row(row: tuple[Node, ...]) -> Renderable:
        first_cell, *other_cells = row
        return h.tr(class_="align-top")[
            h.td(class_="py-3 pr-6 pl-4 text-sm font-medium text-slate-950 sm:pl-4")[
                first_cell
            ],
            (
                h.td(
                    class_="px-3 py-3 align-top text-sm whitespace-nowrap text-slate-600"
                )[cell]
                for cell in other_cells
            ),
        ]

    return h.section[
        h.div(class_="mb-3 flex items-end justify-between gap-4")[
            h.div[
                h.p(
                    class_="text-xs font-semibold uppercase tracking-[0.22em] text-amber-600"
                )["Live work"],
                h.h2(class_="mt-1 text-xl font-semibold text-slate-950")[
                    "Running executions"
                ],
                h.p(class_="mt-1 text-sm text-slate-600")[
                    "Dashboard keeps only the in-flight executions visible here. The full run history lives on the Runs page."
                ],
            ],
            muted_action_link(href="/runs", label="Open runs"),
        ],
        h.div(
            class_="overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"
        )[
            h.div(class_="overflow-x-auto")[
                h.table(
                    class_="w-full min-w-[70rem] divide-y divide-slate-200 table-auto"
                )[
                    h.thead(class_="bg-stone-50")[
                        h.tr[
                            (
                                h.th(
                                    scope="col",
                                    class_="px-3 py-2.5 text-left text-[11px] font-semibold uppercase tracking-[0.18em] whitespace-nowrap text-slate-500 first:pl-4",
                                )[header]
                                for header in headers
                            )
                        ]
                    ],
                    h.tbody(class_="divide-y divide-slate-200 bg-white")[
                        (render_row(row) for row in rows)
                    ],
                ]
            ]
        ],
    ]


def dashboard_page() -> Renderable:
    return h.main(
        id="morph",
        class_="min-h-screen lg:grid lg:grid-cols-[18rem_minmax(0,1fr)]",
    )[
        admin_sidebar(current_path="/"),
        h.div(class_="px-4 py-4 sm:px-5 lg:px-6 lg:py-5")[
            h.div(class_="mx-auto max-w-7xl space-y-5")[
                dashboard_header(),
                operational_snapshot(),
                running_executions_table(),
            ]
        ],
    ]