// 聊天室右侧名单/房间面板事件绑定，逐步替代 Blade 内联事件。

let rightPanelEventsBound = false;

/**
 * 绑定右侧在线面板的 tab、刷新、排序和搜索事件。
 *
 * @returns {void}
 */
export function bindChatRightPanelControls() {
    if (rightPanelEventsBound || typeof document === "undefined") {
        return;
    }

    rightPanelEventsBound = true;
    document.addEventListener("click", (event) => {
        if (!(event.target instanceof Element)) {
            return;
        }

        // 右侧名单和房间 tab 仍由 Blade 主脚本维护状态，这里只转发点击入口。
        const tabButton = event.target.closest("[data-chat-right-tab]");
        if (tabButton) {
            event.preventDefault();
            window.switchTab?.(tabButton.dataset.chatRightTab);
            return;
        }

        // 在线名单刷新函数仍在主聊天脚本中，后续渲染整体迁移后再收口到模块内。
        const refreshButton = event.target.closest("[data-chat-user-list-refresh]");
        if (refreshButton) {
            event.preventDefault();
            window.renderUserList?.();
        }
    });

    document.addEventListener("change", (event) => {
        if (!(event.target instanceof HTMLSelectElement) || event.target.id !== "user-sort-select") {
            return;
        }

        window.renderUserList?.();
    });

    document.addEventListener("input", (event) => {
        if (!(event.target instanceof HTMLInputElement) || event.target.id !== "user-search-input") {
            return;
        }

        // 搜索输入高频触发，继续复用主脚本里的 RAF 节流渲染。
        window.scheduleFilterUserList?.();
    });
}