"""Static smoke tests for the WebUI agents view + new UI primitives."""

from pathlib import Path

AGENTS_JS = Path("src/opensquilla/gateway/static/js/views/agents.js")
AGENTS_CSS = Path("src/opensquilla/gateway/static/css/views/agents.css")
SESSIONS_JS = Path("src/opensquilla/gateway/static/js/views/sessions.js")
SESSIONS_CSS = Path("src/opensquilla/gateway/static/css/views/sessions.css")
COMPONENTS_JS = Path("src/opensquilla/gateway/static/js/components.js")
COMPONENTS_CSS = Path("src/opensquilla/gateway/static/css/components.css")
MOBILE_CSS = Path("src/opensquilla/gateway/static/css/mobile.css")


def test_agents_view_keeps_inline_create_form_and_drawer_for_view_edit() -> None:
    source = AGENTS_JS.read_text(encoding="utf-8")

    # Lightweight inline create form is the only create entry point.
    assert 'id="agent-add-form"' in source
    assert "_onInlineAdd" in source
    assert "_rpc.call('agents.create'" in source

    # View / edit goes through the drawer; create does NOT.
    assert "_openAgentDrawer" in source
    assert "UI.drawer(" in source
    assert "data-edit-agent" in source
    assert "data-customize-agent" in source

    # No native confirm() dialogs (custom modal stand-in instead).
    assert "confirm(" not in source

    # Brain section was removed from the drawer (no Model / System prompt edit).
    assert "data-bind=\"systemPrompt\"" not in source
    assert "data-bind=\"model\"" not in source

    # Update RPC still wired for the remaining editable fields.
    assert "_rpc.call('agents.update'" in source
    assert "_rpc.call('agents.delete'" in source

    # Builtin agents render Customize… (which pre-fills the inline form).
    assert "Customize" in source


def test_agents_view_css_has_inline_form_and_drawer_styles() -> None:
    css = AGENTS_CSS.read_text(encoding="utf-8")

    # Inline create form selectors are present.
    assert ".ag-create" in css
    assert ".ag-create__form" in css

    # Drawer selectors used by view/edit are present.
    assert ".ag-drawer__sections" in css
    assert ".ag-drawer__section" in css

    # Dead "live preview" rules were pruned.
    assert ".ag-drawer__preview" not in css
    assert ".ag-drawer__layout" not in css


def test_agents_inline_actions_keep_touch_friendly_hit_areas() -> None:
    css = AGENTS_CSS.read_text(encoding="utf-8")
    rule = css[css.index(".ag-iconbtn {") : css.index("}", css.index(".ag-iconbtn {"))]
    input_start = css.index(".ag-input:not(textarea) {")
    input_rule = css[input_start : css.index("}", input_start)]

    assert "min-height: 40px" in rule
    assert "height: 40px" in input_rule


def test_agents_card_header_stacks_actions_on_narrow_mobile() -> None:
    css = AGENTS_CSS.read_text(encoding="utf-8")
    mobile = css.split("@media (max-width: 420px)", 1)[1]
    head_rule = mobile.split(".ag-card__head", 1)[1].split("}", 1)[0]
    id_rule = mobile.split(".ag-card__id-block", 1)[1].split("}", 1)[0]
    actions_rule = mobile.split(".ag-card__actions {", 1)[1].split("}", 1)[0]
    action_button_rule = mobile.split(".ag-card__actions .ag-iconbtn", 1)[1].split(
        "}", 1
    )[0]

    assert "flex-direction: column" in head_rule
    assert "align-items: stretch" in head_rule
    assert "flex-wrap: wrap" in id_rule
    assert "width: 100%" in id_rule
    assert "justify-content: stretch" in actions_rule
    assert "flex: 1 1 96px" in action_button_rule
    assert "justify-content: center" in action_button_rule


def test_agents_card_variable_copy_wraps_inside_mobile_cards() -> None:
    css = AGENTS_CSS.read_text(encoding="utf-8")

    for selector in (".ag-card__id {", ".ag-card__name {", ".ag-card__desc {"):
        rule = css[css.index(selector) : css.index("}", css.index(selector))]

        assert "max-width: 100%" in rule, selector
        assert "min-width: 0" in rule, selector
        assert "overflow-wrap: anywhere" in rule, selector


def test_agents_card_metadata_wraps_long_runtime_values() -> None:
    css = AGENTS_CSS.read_text(encoding="utf-8")
    rule = css[
        css.index(".ag-card__meta dd {") : css.index(
            "}", css.index(".ag-card__meta dd {")
        )
    ]

    assert "max-width: 100%" in rule
    assert "min-width: 0" in rule
    assert "white-space: normal" in rule
    assert "overflow-wrap: anywhere" in rule
    assert "text-overflow: clip" in rule


def test_global_buttons_keep_stable_hit_area() -> None:
    css = COMPONENTS_CSS.read_text(encoding="utf-8")
    btn_rule = css[css.index(".btn {") : css.index("}", css.index(".btn {"))]
    sm_rule = css[css.index(".btn--sm {") : css.index("}", css.index(".btn--sm {"))]
    icon_rule = css[css.index(".btn--icon {") : css.index("}", css.index(".btn--icon {"))]
    mobile_css = MOBILE_CSS.read_text(encoding="utf-8")
    mobile_sm_rule = mobile_css[
        mobile_css.index(".btn--sm {") : mobile_css.index("}", mobile_css.index(".btn--sm {"))
    ]

    assert "min-height: 40px" in btn_rule
    assert "min-height: 40px" in sm_rule
    assert "min-width: 40px" in icon_rule
    assert "min-height: 40px" in icon_rule
    assert "min-height: 40px" in mobile_sm_rule


def test_sessions_view_uses_combobox_and_admin_agent_create_rpc() -> None:
    source = SESSIONS_JS.read_text(encoding="utf-8")

    assert "UI.combobox(" in source
    assert "_rpc.call('agents.create'" in source
    assert "_rpc.call('sessions.create'" in source
    assert "createAgentIfMissing" not in source
    # Inline error rendering keeps the modal open on RPC failure.
    assert "data-ns-error" in source
    # Optional Model input was removed — sessions inherit the agent default.
    assert 'id="ns-model"' not in source
    # Orphan-agent badge wiring.
    assert "_agentSubline" in source
    assert "_agentsById" in source
    assert "Orphaned" in source


def test_sessions_view_css_has_orphan_chip_styles() -> None:
    css = SESSIONS_CSS.read_text(encoding="utf-8")
    assert ".chip-warn" in css
    assert ".sess-key__sub" in css
    assert ".sess-key__agent--orphan" in css


def test_sessions_table_keeps_table_cells_structural() -> None:
    source = SESSIONS_JS.read_text(encoding="utf-8")
    css = SESSIONS_CSS.read_text(encoding="utf-8")

    assert '<td class="sess-table__cell--key">' in source
    assert '<div class="sess-table__key-content">' in source
    key_cell_start = css.index(".sess-table__cell--key {")
    key_cell_rule = css[key_cell_start : css.index("}", key_cell_start)]
    assert "display:" not in key_cell_rule
    assert ".sess-table__key-content" in css
    assert "display: flex" in css[css.index(".sess-table__key-content") :]


def test_components_js_exposes_drawer_and_combobox() -> None:
    source = COMPONENTS_JS.read_text(encoding="utf-8")

    # Public exports on UI singleton.
    assert "drawer," in source and "combobox," in source

    # Promise-based drawer + beforeClose hook.
    assert "beforeClose" in source
    assert "result =" in source or "result:" in source

    # Combobox create-on-miss API surface.
    assert "allowCreate" in source
    assert "onCreate" in source
    assert "removeEventListener('mousedown'" in source
    # Keyboard nav is wired (basic substring smoke).
    assert "ArrowDown" in source and "ArrowUp" in source


def test_components_css_has_drawer_and_combobox_styles() -> None:
    css = COMPONENTS_CSS.read_text(encoding="utf-8")

    # Drawer scaffolding.
    assert ".drawer-backdrop" in css
    assert ".drawer__head" in css
    assert ".drawer__body" in css
    assert ".drawer__foot" in css

    # Combobox scaffolding.
    assert ".ui-combo" in css
    assert ".ui-combo__list" in css
    assert ".ui-combo__option--create" in css