@emaxe/tuigram 1.2.0 → 1.3.0

package/src/ui/components/inputBox.js

@@ -2,6 +2,8 @@ import blessed from "neo-blessed";
 import { escapeBlessed } from "../../telegram/formatter.js";
 import { fg, badge } from "../theme.js";
 
+import { getInputContextActionAt } from "../../utils/mouse.js";
+
 /**
  * Создаёт компонент поля ввода сообщения (нижняя панель).
  * @param {blessed.Widgets.Screen} screen
@@ -10,8 +12,16 @@ import { fg, badge } from "../theme.js";
  * @param {(text: string, context: { mode: string|null, target: object|null }) => void} callbacks.onSubmit
  * @param {() => void} [callbacks.onCancelContext]
  * @param {(command: string, args: string[]) => void} [callbacks.onSlashCommand]
+ * @param {() => void} [callbacks.onReplyLast]
+ * @param {() => void} [callbacks.onEditLast]
  */
-export function createInputBox(screen, theme, { onSubmit, onCancelContext, onSlashCommand } = {}) {
+export function createInputBox(screen, theme, {
+    onSubmit,
+    onCancelContext,
+    onSlashCommand,
+    onReplyLast,
+    onEditLast,
+} = {}) {
     // Высота 5 = рамка (2) + контекстная плашка (1) + две строки ввода (2).
     // При autoPadding у blessed рамка съедает по строке сверху и снизу, поэтому
     // меньшая высота оставляет textarea нулевую высоту и вводимый текст не виден.
@@ -21,6 +31,7 @@ export function createInputBox(screen, theme, { onSubmit, onCancelContext, onSla
         left: "35%",
         right: 0,
         height: 5,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -41,6 +52,8 @@ export function createInputBox(screen, theme, { onSubmit, onCancelContext, onSla
         right: 0,
         height: 1,
         tags: true,
+        mouse: true,
+        clickable: true,
         style: {
             bg: theme.input.contextBg,
             fg: theme.input.contextFg,
@@ -110,6 +123,32 @@ export function createInputBox(screen, theme, { onSubmit, onCancelContext, onSla
         screen.render();
     }
 
+    contextBar.on("click", (data) => {
+        const relX = data.x - (contextBar.aleft || 0);
+        const action = getInputContextActionAt(relX, currentMode);
+        if (action === "cancel") {
+            if (currentMode) {
+                currentMode = null;
+                currentTarget = null;
+                renderContext();
+                onCancelContext?.();
+            }
+        } else if (action === "reply") {
+            onReplyLast?.();
+        } else if (action === "edit") {
+            onEditLast?.();
+        } else if (action === "commands") {
+            textarea.setValue("/");
+            textarea.focus();
+            screen.render();
+        }
+    });
+
+    textarea.on("click", () => {
+        textarea.focus();
+        screen.render();
+    });
+
     textarea.key(["enter"], () => {
         const value = textarea.getValue().trim();
         if (!value) {

package/src/ui/components/modals/actionModal.js

@@ -2,6 +2,8 @@ import blessed from "neo-blessed";
 import { escapeBlessed } from "../../../telegram/formatter.js";
 import { fg } from "../../theme.js";
 
+import { isInsideBox } from "../../../utils/mouse.js";
+
 /**
  * Создаёт модальное окно контекстных действий над сообщением.
  * @param {blessed.Widgets.Screen} screen
@@ -19,6 +21,7 @@ export function createActionModal(screen, theme, { onAction } = {}) {
         height: "55%",
         hidden: true,
         tags: true,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -66,6 +69,20 @@ export function createActionModal(screen, theme, { onAction } = {}) {
         },
     });
 
+    const baseCreateItem = list.createItem.bind(list);
+    list.createItem = (content) => {
+        const item = baseCreateItem(content);
+        item.on("click", () => {
+            const index = list.getItemIndex(item);
+            const action = currentActions[index];
+            if (action && currentMsg) {
+                hide();
+                onAction?.(action.id, currentMsg);
+            }
+        });
+        return item;
+    };
+
     let currentMsg = null;
     let currentActions = [];
     let previousFocus = null;
@@ -128,6 +145,20 @@ export function createActionModal(screen, theme, { onAction } = {}) {
     // Фокус получает список — на нём и живут клавиши закрытия.
     list.key(["escape", "q"], hide);
 
+    // Закрытие при клике мышью мимо модального окна
+    screen.on("click", (data) => {
+        if (!modal.visible) return;
+        const inside = isInsideBox(data.x, data.y, {
+            left: modal.aleft,
+            top: modal.atop,
+            width: modal.width,
+            height: modal.height,
+        });
+        if (!inside) {
+            hide();
+        }
+    });
+
     return {
         modal,
         show,

package/src/ui/components/modals/chatInfoModal.js

@@ -3,6 +3,8 @@ import { escapeBlessed } from "../../../telegram/formatter.js";
 import { idToString } from "../../../telegram/entities.js";
 import { fg } from "../../theme.js";
 
+import { isInsideBox } from "../../../utils/mouse.js";
+
 /**
  * Создаёт модальное окно информации о текущем чате.
  * @param {blessed.Widgets.Screen} screen
@@ -18,6 +20,7 @@ export function createChatInfoModal(screen, theme) {
         height: "60%",
         hidden: true,
         tags: true,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -38,6 +41,7 @@ export function createChatInfoModal(screen, theme) {
         right: 2,
         bottom: 3,
         tags: true,
+        mouse: true,
         scrollable: true,
         style: {
             bg: theme.modal.bg,
@@ -114,9 +118,24 @@ export function createChatInfoModal(screen, theme) {
     }
 
     closeBtn.on("press", hide);
+    closeBtn.on("click", hide);
     // Клавиши вешаем на кнопку: blessed отдаёт события только сфокусированному элементу.
     closeBtn.key(["escape", "q"], hide);
 
+    // Закрытие при клике мышью мимо модального окна
+    screen.on("click", (data) => {
+        if (!modal.visible) return;
+        const inside = isInsideBox(data.x, data.y, {
+            left: modal.aleft,
+            top: modal.atop,
+            width: modal.width,
+            height: modal.height,
+        });
+        if (!inside) {
+            hide();
+        }
+    });
+
     return {
         modal,
         show,

package/src/ui/components/modals/confirmModal.js

@@ -1,5 +1,6 @@
 import blessed from "neo-blessed";
 import { fg } from "../../theme.js";
+import { isInsideBox } from "../../../utils/mouse.js";
 
 /**
  * Создаёт модальное окно подтверждения действия (Да / Нет).
@@ -19,6 +20,7 @@ export function createConfirmModal(screen, theme) {
         height: 8,
         hidden: true,
         tags: true,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -113,7 +115,9 @@ export function createConfirmModal(screen, theme) {
     }
 
     yesBtn.on("press", confirm);
+    yesBtn.on("click", confirm);
     noBtn.on("press", hide);
+    noBtn.on("click", hide);
 
     // Клавиши вешаем на обе кнопки — активна всегда одна из них.
     for (const btn of [yesBtn, noBtn]) {
@@ -125,6 +129,20 @@ export function createConfirmModal(screen, theme) {
         });
     }
 
+    // Закрытие при клике мышью мимо модального окна
+    screen.on("click", (data) => {
+        if (!modal.visible) return;
+        const inside = isInsideBox(data.x, data.y, {
+            left: modal.aleft,
+            top: modal.atop,
+            width: modal.width,
+            height: modal.height,
+        });
+        if (!inside) {
+            hide();
+        }
+    });
+
     return {
         modal,
         ask: (text, onConfirm) => {

package/src/ui/components/modals/fileModal.js

@@ -4,6 +4,7 @@ import { inspectLocalFile } from "../../../utils/storage.js";
 import { formatFileSize } from "../../../utils/time.js";
 import { createFilePickerModal } from "./filePickerModal.js";
 import { fg } from "../../theme.js";
+import { isInsideBox } from "../../../utils/mouse.js";
 
 /** Разделитель нескольких путей в поле ввода. */
 const PATH_SEPARATOR = "|";
@@ -27,6 +28,7 @@ export function createFileModal(screen, theme, { onSendFile } = {}) {
         height: 14,
         hidden: true,
         tags: true,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -51,13 +53,15 @@ export function createFileModal(screen, theme, { onSendFile } = {}) {
         style: { bg: theme.modal.bg, fg: theme.modal.fg },
     });
 
-    blessed.box({
+    const browseBar = blessed.box({
         parent: modal,
         top: 2,
         left: 2,
         right: 2,
         height: 1,
         tags: true,
+        mouse: true,
+        clickable: true,
         content: `Путь к файлу ${fg(theme.modal.hintFg, `(несколько — через ${PATH_SEPARATOR})`)}{|}${fg(theme.accent, "[Ctrl+F] Обзор")} `,
         style: { bg: theme.modal.bg, fg: theme.modal.fg },
     });
@@ -69,6 +73,7 @@ export function createFileModal(screen, theme, { onSendFile } = {}) {
         right: 2,
         height: 1,
         inputOnFocus: true,
+        mouse: true,
         style: {
             bg: theme.modal.inputBg,
             fg: theme.modal.inputFg,
@@ -93,6 +98,7 @@ export function createFileModal(screen, theme, { onSendFile } = {}) {
         right: 2,
         height: 1,
         inputOnFocus: true,
+        mouse: true,
         style: {
             bg: theme.modal.inputBg,
             fg: theme.modal.inputFg,
@@ -338,10 +344,36 @@ export function createFileModal(screen, theme, { onSendFile } = {}) {
     });
     captionInput.on("submit", submit);
     sendBtn.on("press", submit);
+    sendBtn.on("click", submit);
     cancelBtn.on("press", hide);
+    cancelBtn.on("click", hide);
     asDocumentCheck.on("check", () => validate({ quiet: true }));
     asDocumentCheck.on("uncheck", () => validate({ quiet: true }));
 
+    browseBar.on("click", openPicker);
+    pathInput.on("click", () => {
+        pathInput.focus();
+        screen.render();
+    });
+    captionInput.on("click", () => {
+        captionInput.focus();
+        screen.render();
+    });
+
+    // Закрытие при клике мышью мимо модального окна
+    screen.on("click", (data) => {
+        if (!modal.visible || picker.modal.visible) return;
+        const inside = isInsideBox(data.x, data.y, {
+            left: modal.aleft,
+            top: modal.atop,
+            width: modal.width,
+            height: modal.height,
+        });
+        if (!inside) {
+            hide();
+        }
+    });
+
     return {
         modal,
         pathInput,

package/src/ui/components/modals/filePickerModal.js

@@ -4,6 +4,7 @@ import os from "node:os";
 import path from "node:path";
 import { formatFileSize } from "../../../utils/time.js";
 import { fg } from "../../theme.js";
+import { isInsideBox } from "../../../utils/mouse.js";
 
 /**
  * Модальное окно выбора локального файла (обёртка над blessed.filemanager).
@@ -23,6 +24,7 @@ export function createFilePickerModal(screen, theme) {
         height: "60%",
         hidden: true,
         tags: true,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -78,6 +80,8 @@ export function createFilePickerModal(screen, theme) {
         right: 1,
         height: 2,
         tags: true,
+        mouse: true,
+        clickable: true,
         style: { bg: theme.modal.bg, fg: theme.modal.fg },
     });
 
@@ -187,6 +191,21 @@ export function createFilePickerModal(screen, theme) {
     // filemanager сам отдаёт "cancel" по Escape (list.js), но у него нет hide()
     manager.key(["escape", "q"], hide);
     manager.on("cancel", hide);
+    footer.on("click", hide);
+
+    // Закрытие при клике мышью мимо модального окна
+    screen.on("click", (data) => {
+        if (!modal.visible) return;
+        const inside = isInsideBox(data.x, data.y, {
+            left: modal.aleft,
+            top: modal.atop,
+            width: modal.width,
+            height: modal.height,
+        });
+        if (!inside) {
+            hide();
+        }
+    });
 
     return {
         modal,

package/src/ui/components/modals/helpModal.js

@@ -1,4 +1,5 @@
 import blessed from "neo-blessed";
+import { isInsideBox } from "../../../utils/mouse.js";
 
 /**
  * Создаёт модальное окно справки по всем горячим клавишам и возможностям.
@@ -15,6 +16,8 @@ export function createHelpModal(screen, theme) {
         height: "80%",
         hidden: true,
         tags: true,
+        mouse: true,
+        scrollable: true,
         border: {
             type: "line",
         },
@@ -46,6 +49,12 @@ export function createHelpModal(screen, theme) {
    ${K_CYAN}[PageUp] / [Ctrl+U]${K_END} Прокрутка сообщений вверх / Подгрузка старой истории
    ${K_CYAN}[PageDown] / [Ctrl+D]${K_END}Прокрутка сообщений вниз
 
+ {bold}Управление мышью:{/bold}
+   ${K_CYAN}Клик по диалогу${K_END}      Мгновенно открыть чат
+   ${K_CYAN}Колесо мыши${K_END}          Прокрутка списка чатов и сообщений (вверх — подгрузка истории)
+   ${K_CYAN}Клик по сообщению${K_END}    Открыть меню действий над сообщением
+   ${K_CYAN}Клик по вкладкам/кнопкам${K_END} Переключение фильтров и вызов действий
+
  {bold}Вкладки фильтрации диалогов (нажмите цифру в списке чатов):{/bold}
    ${K_YELLOW}[1]${K_END} Все чаты       ${K_YELLOW}[2]${K_END} Личные (ЛС)     ${K_YELLOW}[3]${K_END} Группы
    ${K_YELLOW}[4]${K_END} Каналы         ${K_YELLOW}[5]${K_END} Боты            ${K_YELLOW}[6]${K_END} Непрочитанные
@@ -120,9 +129,24 @@ export function createHelpModal(screen, theme) {
     }
 
     closeBtn.on("press", hide);
+    closeBtn.on("click", hide);
     // Клавиши вешаем на кнопку: blessed отдаёт события только сфокусированному элементу.
     closeBtn.key(["escape", "q", "f1"], hide);
 
+    // Закрытие при клике мышью мимо модального окна
+    screen.on("click", (data) => {
+        if (!modal.visible) return;
+        const inside = isInsideBox(data.x, data.y, {
+            left: modal.aleft,
+            top: modal.atop,
+            width: modal.width,
+            height: modal.height,
+        });
+        if (!inside) {
+            hide();
+        }
+    });
+
     return {
         modal,
         show,

package/src/ui/components/statusBar.js

@@ -1,13 +1,33 @@
 import blessed from "neo-blessed";
 import { fg } from "../theme.js";
 
+import { getStatusBarActionAt } from "../../utils/mouse.js";
+
 /**
  * Создаёт нижнюю строку состояния (Status Bar) с подсказками и временными тостами.
  * @param {blessed.Widgets.Screen} screen
  * @param {object} theme
+ * @param {object} [callbacks]
+ * @param {() => void} [callbacks.onFocusNext]
+ * @param {() => void} [callbacks.onSelectOrSubmit]
+ * @param {() => void} [callbacks.onFilterTabs]
+ * @param {() => void} [callbacks.onSearch]
+ * @param {() => void} [callbacks.onHelp]
+ * @param {() => void} [callbacks.onAction]
+ * @param {() => void} [callbacks.onChatInfo]
+ * @param {() => void} [callbacks.onQuit]
  * @returns {blessed.Widgets.BoxElement & { showMessage: (text: string, type?: string, duration?: number) => void }}
  */
-export function createStatusBar(screen, theme) {
+export function createStatusBar(screen, theme, {
+    onFocusNext,
+    onSelectOrSubmit,
+    onFilterTabs,
+    onSearch,
+    onHelp,
+    onAction,
+    onChatInfo,
+    onQuit,
+} = {}) {
     const statusBar = blessed.box({
         parent: screen,
         bottom: 0,
@@ -15,12 +35,44 @@ export function createStatusBar(screen, theme) {
         width: "100%",
         height: 1,
         tags: true,
+        mouse: true,
         style: {
             bg: theme.status.bg,
             fg: theme.status.fg,
         },
     });
 
+    statusBar.on("click", (data) => {
+        const relX = data.x - (statusBar.aleft || 0);
+        const action = getStatusBarActionAt(relX, statusBar.width || 120);
+        switch (action) {
+            case "focus":
+                onFocusNext?.();
+                break;
+            case "select":
+                onSelectOrSubmit?.();
+                break;
+            case "tabs":
+                onFilterTabs?.();
+                break;
+            case "search":
+                onSearch?.();
+                break;
+            case "help":
+                onHelp?.();
+                break;
+            case "actions":
+                onAction?.();
+                break;
+            case "info":
+                onChatInfo?.();
+                break;
+            case "quit":
+                onQuit?.();
+                break;
+        }
+    });
+
     let currentTimeout = null;
 
     const key = (label) => `{bold}${fg(theme.accent, label)}{/bold}`;

package/src/ui/screen.js

@@ -27,11 +27,15 @@ export const GLOBAL_KEYS = [
  * @returns {blessed.Widgets.Screen}
  */
 export function createScreen({ theme, onExit } = {}) {
+    // Форсируем поддержку SGR и CellMotion режимов в neo-blessed для современных терминалов
+    process.env.BLESSED_FORCE_MODES = "SGRMOUSE=1,CELLMOTION=1,VT200MOUSE=1,UTFMOUSE=0,ALLMOTION=0,URXVTMOUSE=1";
+
     const screen = blessed.screen({
         smartCSR: true,
         title: "TuiGram - Telegram Terminal Client",
         fullUnicode: true,
         dockBorders: true,
+        sendFocus: true,
         cursor: {
             synthetic: true,
             blink: true,
@@ -40,21 +44,66 @@ export function createScreen({ theme, onExit } = {}) {
         style: {
             bg: theme?.bg ?? "black",
             fg: theme?.fg ?? "white",
-        }
+        },
     });
 
     screen.ignoreLocked = [...GLOBAL_KEYS];
 
+    // Настраиваем режимы мыши в program:
+    // SGR (1006) — стандарт для macOS Terminal, iTerm2, Alacritty, Kitty, Windows Terminal
+    // CellMotion (1002) — клики, зажатия и скролл
+    // VT200 (1000) — базовая поддержка кнопок
+    // urxvt (1015) — fallback
+    screen.program.setMouse({
+        vt200Mouse: true,
+        cellMotion: true,
+        allMotion: false,
+        sgrMouse: true,
+        urxvtMouse: true,
+        utfMouse: false,
+    }, true);
+
+    const enableMouseSeq = "\x1b[?1003l\x1b[?1005l\x1b[?1000h\x1b[?1002h\x1b[?1006h\x1b[?1015h";
+    const disableMouseSeq = "\x1b[?1000l\x1b[?1002l\x1b[?1003l\x1b[?1005l\x1b[?1006l\x1b[?1015l";
+
+    function sendEnableMouse() {
+        try {
+            if (screen.program && screen.program.output && typeof screen.program.output.write === "function") {
+                screen.program.output.write(enableMouseSeq);
+            }
+        } catch {
+            // Игнорируем в headless/тестах
+        }
+    }
+
+    sendEnableMouse();
+    screen.enableMouse();
+
+    // Отправляем escape-последовательности повторно при перерендере/ресайзе экрана
+    screen.on("render", sendEnableMouse);
+    screen.on("resize", sendEnableMouse);
+
+    // Пробрасываем событие click на уровне экрана при mouseup
+    screen.on("mouseup", (data) => {
+        screen.emit("click", data);
+    });
+
     // Обработка закрытия терминала или аварийного прерывания
-    screen.key(["C-c"], () => {
+    function cleanExit() {
         try {
+            if (screen.program && screen.program.output && typeof screen.program.output.write === "function") {
+                screen.program.output.write(disableMouseSeq);
+            }
+            screen.program.disableMouse();
             onExit?.();
         } catch {
             // Выходим в любом случае
         }
         screen.destroy();
         process.exit(0);
-    });
+    }
+
+    screen.key(["C-c"], cleanExit);
 
     return screen;
 }