izteamslots 1.1.0

package/ui/src/screens/MainScreen.ts

@@ -0,0 +1,1175 @@
+import { StyledText, bg, bold, createCliRenderer, fg, stringToStyledText, t } from "@opentui/core"
+import * as OpenTUI from "@opentui/core"
+import { execFileSync } from "node:child_process"
+
+import { formatDashboard, formatMenu, formatTable } from "../menus/format"
+import { getDashboard, getHint, getMenuOptions, getTable, parentMenu } from "../menus/mainMenus"
+import type { AppState, MenuContext, MenuName, MenuOption } from "../menus/types"
+import { StdioRpcClient } from "../transport/stdioClient"
+
+const EMPTY_STATE: AppState = {
+  admins: [],
+  workers: [],
+  accounts: [],
+}
+
+const HERO_LOGO = [
+  " izTeamSlots",
+  " Локальный центр управления слотами",
+].join("\n")
+
+type RpcJobResult = { job_id: string }
+
+type PromptOption = {
+  label: string
+  value: string
+  hint?: string
+  destructive?: boolean
+}
+
+type PromptState = {
+  active: boolean
+  mode: "input" | "select"
+  question: string
+  hidden: boolean
+  value: string
+  options: PromptOption[]
+  selectedIndex: number
+  resolve: ((value: string | null) => void) | null
+}
+
+type AnyRenderable = { content?: unknown }
+
+type ScrollableTextRenderable = AnyRenderable & {
+  scrollY?: number
+  maxScrollY?: number
+  selectable?: boolean
+  getSelectedText?: () => string
+}
+
+function setRenderableText(node: AnyRenderable, value: unknown) {
+  node.content = value
+}
+
+function joinStyledLines(lines: StyledText[]): StyledText {
+  const chunks: StyledText["chunks"] = []
+  for (let i = 0; i < lines.length; i++) {
+    chunks.push(...lines[i].chunks)
+    if (i < lines.length - 1) {
+      chunks.push(...stringToStyledText("\n").chunks)
+    }
+  }
+  return new StyledText(chunks)
+}
+
+function copyToSystemClipboard(text: string): boolean {
+  const value = text.trim()
+  if (!value) return false
+
+  try {
+    execFileSync("pbcopy", [], { input: value })
+    return true
+  } catch {
+    return false
+  }
+}
+
+function formatShortDate(value: string | null | undefined): string {
+  if (!value) return "не было"
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) return value
+  return new Intl.DateTimeFormat("ru-RU", {
+    day: "2-digit",
+    month: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+  }).format(date)
+}
+
+function timeStamp(): string {
+  return new Intl.DateTimeFormat("ru-RU", {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+  }).format(new Date())
+}
+
+function boolLabel(value: boolean): string {
+  return value ? "есть" : "нет"
+}
+
+function statusLabel(value: string | null | undefined): string {
+  if (!value) return "неизвестно"
+  if (value === "created") return "создан"
+  if (value === "invited") return "приглашён"
+  if (value === "registered") return "зарегистрирован"
+  if (value === "logged_in") return "в работе"
+  return value
+}
+
+function hasFlag(row: unknown, key: string): boolean {
+  if (!row || typeof row !== "object") return false
+  return Boolean((row as Record<string, unknown>)[key])
+}
+
+function getMenuOptionDescription(option: MenuOption | undefined): string {
+  const extra = option as MenuOption & { description?: string }
+  if (extra?.description) return extra.description
+  const optionId = option?.id ?? ""
+
+  if (optionId === "menu_admins") return "Добавление, логин и обслуживание администраторов."
+  if (optionId === "menu_slots") return "Создание слотов, перелогин и работа с профилями."
+  if (optionId === "menu_mail") return "Проверка входящих писем админов и слотов."
+  if (optionId === "menu_exit") return "Аккуратно завершить интерфейс."
+  if (optionId === "adm_add") return "Создать нового админа: в авто-режиме ввод в TUI, в ручном режиме вход сразу в браузере."
+  if (optionId === "adm_relogin") return "Выбрать админа и режим перелогина: автоматический или ручной."
+  if (optionId === "adm_open") return "Открыть локальный профиль браузера администратора."
+  if (optionId === "adm_delete") return "Удалить админа и отвязать связанные слоты."
+  if (optionId === "slots_create") return "Запустить полный пайплайн создания новых слотов."
+  if (optionId === "slots_relogin") return "Выбрать режим перелогина: один конкретный слот или все доступные сразу."
+  if (optionId === "slots_open") return "Открыть профиль браузера выбранного слота."
+  if (optionId === "slots_delete") return "Удалить слот и его локальные файлы."
+  if (optionId.startsWith("mail_pick:")) return "Открыть входящие письма этого аккаунта."
+  if (optionId.startsWith("pick_admin:")) return "Выбрать админа для следующего действия."
+  if (optionId.startsWith("pick_worker:")) return "Выбрать слот для следующего действия."
+  if (optionId === "confirm_yes") return "Подтвердить действие без возможности быстрого отката."
+  if (optionId === "confirm_no") return "Вернуться без изменений."
+
+  return "Действие доступно через Enter."
+}
+
+export class MainScreen {
+  private readonly rpc = new StdioRpcClient()
+
+  private state: AppState = EMPTY_STATE
+  private backendOnline = false
+  private connectionError = ""
+  private menuName: MenuName = "main"
+  private menuCtx: MenuContext = {}
+  private menuOptions: MenuOption[] = []
+  private selectedIndex = 0
+  private busy = false
+  private busyTitle = ""
+
+  private logs: string[] = []
+
+  private prompt: PromptState = {
+    active: false,
+    mode: "input",
+    question: "",
+    hidden: false,
+    value: "",
+    options: [],
+    selectedIndex: 0,
+    resolve: null,
+  }
+
+  private renderer!: Awaited<ReturnType<typeof createCliRenderer>>
+  private summaryBox!: OpenTUI.BoxRenderable
+  private primaryBox!: OpenTUI.BoxRenderable
+  private detailBox!: OpenTUI.BoxRenderable
+  private menuBox!: OpenTUI.BoxRenderable
+
+  private summaryText!: AnyRenderable
+  private primaryText!: AnyRenderable
+  private detailText!: ScrollableTextRenderable
+  private menuText!: AnyRenderable
+  private statusText!: AnyRenderable
+
+  async start() {
+    this.renderer = await createCliRenderer({ exitOnCtrlC: false })
+    this.buildUI()
+
+    this.rpc.onEvent((evt) => {
+      this.backendOnline = true
+      if (evt.event === "job.started") {
+        this.busy = true
+        this.busyTitle = String(evt.data.title ?? "")
+        this.pushLog(`Запуск: ${this.busyTitle || "операция"}`)
+        if (evt.data.log_path) {
+          this.pushLog(`Лог-файл: ${String(evt.data.log_path)}`)
+        }
+      }
+      if (evt.event === "job.log") {
+        this.pushLog(String(evt.data.message ?? ""))
+      }
+      if (evt.event === "job.progress") {
+        const current = Number(evt.data.current ?? 0)
+        const total = Number(evt.data.total ?? 0)
+        const message = String(evt.data.message ?? "")
+        this.busyTitle = total > 0 ? `${current}/${total} ${message}`.trim() : message || "Выполняется"
+      }
+      if (evt.event === "job.done") {
+        this.busy = false
+        this.busyTitle = ""
+        this.pushLog("Операция завершена")
+        void this.refreshState()
+      }
+      if (evt.event === "job.error") {
+        this.busy = false
+        this.busyTitle = ""
+        this.pushLog(`Ошибка: ${String(evt.data.error ?? "unknown")}`)
+        if (evt.data.log_path) {
+          this.pushLog(`Подробности в файле: ${String(evt.data.log_path)}`)
+        }
+        void this.refreshState()
+      }
+      this.render()
+    })
+
+    this.renderer.keyInput.on("keypress", (key: any) => {
+      void this.onKey(key).catch((error) => {
+        this.pushLog(`Ошибка: ${String(error)}`)
+        this.render()
+      })
+    })
+
+    this.renderer.keyInput.on("paste", (event: any) => {
+      this.onPaste(event)
+    })
+
+    this.rpc.start()
+    await this.refreshState(false)
+    if (this.backendOnline) {
+      this.pushLog("Интерфейс готов к работе")
+    }
+    this.render()
+  }
+
+  private buildUI() {
+    const root = new OpenTUI.BoxRenderable(this.renderer, {
+      id: "root",
+      width: "100%",
+      height: "100%",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      padding: 0,
+      backgroundColor: "#020a2b",
+    })
+
+    this.summaryBox = new OpenTUI.BoxRenderable(this.renderer, {
+      id: "summary_box",
+      title: "izTeamSlots",
+      border: true,
+      borderColor: "#334155",
+      height: 7,
+      width: "100%",
+      backgroundColor: "#020a2b",
+      paddingLeft: 1,
+      paddingRight: 1,
+      flexShrink: 0,
+    })
+
+    this.primaryBox = new OpenTUI.BoxRenderable(this.renderer, {
+      id: "primary_box",
+      title: "Быстрый старт",
+      border: true,
+      borderColor: "#334155",
+      flexGrow: 2,
+      width: "100%",
+      backgroundColor: "#08111f",
+      paddingLeft: 1,
+      paddingRight: 1,
+    })
+
+    this.detailBox = new OpenTUI.BoxRenderable(this.renderer, {
+      id: "detail_box",
+      title: "События и контекст",
+      border: true,
+      borderColor: "#334155",
+      height: 9,
+      flexGrow: 3,
+      width: "100%",
+      backgroundColor: "#020617",
+      paddingLeft: 1,
+      paddingRight: 1,
+    })
+
+    this.menuBox = new OpenTUI.BoxRenderable(this.renderer, {
+      id: "menu_box",
+      title: "Действия",
+      border: true,
+      borderColor: "#334155",
+      height: 6,
+      width: "100%",
+      backgroundColor: "#08111f",
+      paddingLeft: 1,
+      paddingRight: 1,
+      flexShrink: 0,
+    })
+
+    const statusBox = new OpenTUI.BoxRenderable(this.renderer, {
+      id: "status_box",
+      border: false,
+      backgroundColor: "#1f2937",
+      height: 1,
+      width: "100%",
+      padding: 0,
+    })
+
+    this.summaryText = new OpenTUI.TextRenderable(this.renderer, {
+      id: "summary_text",
+      content: "",
+    })
+    this.primaryText = new OpenTUI.TextRenderable(this.renderer, {
+      id: "primary_text",
+      content: "",
+    })
+    this.detailText = new OpenTUI.TextRenderable(this.renderer, {
+      id: "detail_text",
+      content: "",
+      selectable: true,
+      selectionBg: "#1d4ed8",
+      selectionFg: "#eff6ff",
+    }) as ScrollableTextRenderable
+    this.menuText = new OpenTUI.TextRenderable(this.renderer, {
+      id: "menu_text",
+      content: "",
+    })
+    this.statusText = new OpenTUI.TextRenderable(this.renderer, {
+      id: "status_text",
+      content: "",
+    })
+
+    this.summaryBox.add(this.summaryText)
+    this.primaryBox.add(this.primaryText)
+    this.detailBox.add(this.detailText)
+    this.menuBox.add(this.menuText)
+    statusBox.add(this.statusText)
+
+    root.add(this.summaryBox)
+    root.add(this.primaryBox)
+    root.add(this.detailBox)
+    root.add(this.menuBox)
+    root.add(statusBox)
+
+    this.renderer.root.add(root)
+  }
+
+  private async refreshState(logErrors = true) {
+    try {
+      const state = (await this.rpc.request<AppState>("state.get")) ?? EMPTY_STATE
+      this.state = state
+      this.backendOnline = true
+      this.connectionError = ""
+    } catch (error) {
+      this.state = EMPTY_STATE
+      this.backendOnline = false
+      this.connectionError = String(error)
+      if (logErrors) {
+        this.pushLog(`Не удалось подключиться к backend: ${this.getShortConnectionError()}`)
+      }
+    }
+
+    this.rebuildMenuOptions()
+    this.render()
+  }
+
+  private rebuildMenuOptions() {
+    this.menuOptions = getMenuOptions(this.menuName, this.state)
+    if (this.selectedIndex >= this.menuOptions.length) {
+      this.selectedIndex = Math.max(0, this.menuOptions.length - 1)
+    }
+  }
+
+  private setStatus() {
+    if (this.prompt.active) {
+      if (this.prompt.mode === "select") {
+        const option = this.prompt.options[this.prompt.selectedIndex]
+        const label = option ? option.label : "нет вариантов"
+        const hint = option?.hint ? ` • ${option.hint}` : ""
+        setRenderableText(
+          this.statusText,
+          t`${bg("#111827")(fg("#e5e7eb")(bold(` ${this.prompt.question}: ${label}${hint} `)))}`,
+        )
+        return
+      }
+      const typed = this.prompt.hidden ? "*".repeat(this.prompt.value.length) : this.prompt.value
+      const value = typed || "_"
+      setRenderableText(
+        this.statusText,
+        t`${bg("#111827")(fg("#e5e7eb")(bold(` ${this.prompt.question}: ${value} `)))}`,
+      )
+      return
+    }
+
+    const hint = getHint(this.menuName, this.menuCtx)
+    const backendSeg = this.backendOnline
+      ? bg("#14532d")(fg("#dcfce7")(" backend: online "))
+      : bg("#7f1d1d")(fg("#fee2e2")(" backend: offline "))
+    const hintSeg = bg("#334155")(fg("#e2e8f0")(` ${hint} `))
+
+    if (this.busy) {
+      const title = this.busyTitle || "Выполняется..."
+      const busySeg = bg("#7c2d12")(fg("#ffedd5")(bold(` ● ${title} `)))
+      setRenderableText(this.statusText, t`${busySeg}${hintSeg}${backendSeg}`)
+    } else {
+      const readySeg = bg("#1e293b")(fg("#e2e8f0")(" ○ Готово "))
+      setRenderableText(this.statusText, t`${hintSeg}${readySeg}${backendSeg}`)
+    }
+  }
+
+  private pushLog(message: string) {
+    this.logs.push(`[${timeStamp()}] ${message}`)
+    this.scrollDetailToEnd()
+  }
+
+  private scrollDetailToEnd() {
+    if (typeof this.detailText.maxScrollY === "number") {
+      this.detailText.scrollY = this.detailText.maxScrollY
+    }
+  }
+
+  private render() {
+    this.rebuildMenuOptions()
+    const table = getTable(this.menuName, this.state, this.menuCtx)
+    const promptMenuOptions: MenuOption[] = this.prompt.mode === "select"
+      ? this.prompt.options.map((option) => ({
+        id: option.value,
+        label: option.label,
+        hint: option.hint,
+        destructive: option.destructive,
+      }))
+      : []
+    const visibleMenuOptions = this.prompt.active && this.prompt.mode === "select"
+      ? promptMenuOptions
+      : this.menuOptions
+    const visibleMenuIndex = this.prompt.active && this.prompt.mode === "select"
+      ? this.prompt.selectedIndex
+      : this.selectedIndex
+
+    this.summaryBox.title = this.menuName === "main" ? "izTeamSlots" : `Раздел: ${this.getScreenTitle()}`
+    this.primaryBox.title = this.menuName === "main" ? "Быстрый старт" : this.getPrimaryTitle()
+    this.detailBox.title = this.prompt.active && this.prompt.mode === "select"
+      ? "Выбор"
+      : this.menuName === "main" ? "События и подсказки" : "Контекст"
+    this.menuBox.title = this.prompt.active && this.prompt.mode === "select" ? "Варианты" : "Действия"
+    this.menuBox.height = Math.max(6, Math.min(10, visibleMenuOptions.length + 2))
+
+    setRenderableText(this.summaryText, this.buildSummaryPanel())
+
+    if (this.menuName === "main") {
+      setRenderableText(this.primaryText, this.buildMainPanel())
+    } else if (table.rows.length > 0) {
+      setRenderableText(
+        this.primaryText,
+        formatTable(table.headers, table.rows, Math.max(72, process.stdout.columns || 120)),
+      )
+    } else {
+      setRenderableText(this.primaryText, this.buildEmptyStatePanel())
+    }
+
+    setRenderableText(this.detailText, this.buildDetailPanel())
+    setRenderableText(
+      this.menuText,
+      formatMenu(visibleMenuOptions, visibleMenuIndex, Math.max(48, (process.stdout.columns || 120) - 6)),
+    )
+    this.setStatus()
+    this.renderer.requestRender()
+  }
+
+  private move(delta: number) {
+    if (this.menuOptions.length === 0) return
+    const last = this.menuOptions.length - 1
+    if (delta > 0) {
+      this.selectedIndex = this.selectedIndex >= last ? 0 : this.selectedIndex + 1
+    } else {
+      this.selectedIndex = this.selectedIndex <= 0 ? last : this.selectedIndex - 1
+    }
+    this.render()
+  }
+
+  private getScreenTitle(): string {
+    if (this.menuName === "admins") return "Админы"
+    if (this.menuName === "slots") return "Слоты"
+    if (this.menuName === "mail") return "Почта"
+    if (this.menuName === "pick_admin") return "Выбор админа"
+    if (this.menuName === "pick_worker") return "Выбор слота"
+    if (this.menuName === "pick_account") return "Выбор аккаунта"
+    if (this.menuName === "confirm") return "Подтверждение"
+    return "Обзор"
+  }
+
+  private getPrimaryTitle(): string {
+    if (this.menuCtx.title) return this.menuCtx.title
+    return this.getScreenTitle()
+  }
+
+  private buildSummaryPanel(): StyledText {
+    const connectionLine = this.backendOnline
+      ? t`${fg("#4ade80")("Подключение активно")}`
+      : t`${fg("#fca5a5")("Подключение потеряно")}`
+    const contextLine = this.backendOnline
+      ? t`${fg("#94a3b8")("Экран")} ${fg("#e2e8f0")(this.getScreenTitle())}`
+      : t`${fg("#94a3b8")("Причина")} ${fg("#fca5a5")(this.getShortConnectionError())}`
+
+    return joinStyledLines([
+      t`${fg("#f8fafc")(bold(HERO_LOGO))}`,
+      contextLine,
+      connectionLine,
+      formatDashboard(getDashboard(this.state)),
+    ])
+  }
+
+  private buildMainPanel(): StyledText {
+    if (!this.backendOnline) {
+      return this.buildRecoveryPanel()
+    }
+
+    const adminsReady = this.state.admins.filter((admin) => hasFlag(admin, "has_access_token")).length
+    const workersReady = this.state.workers.filter((worker) => hasFlag(worker, "has_access_token")).length
+    const lines: StyledText[] = [
+      t`${fg("#f8fafc")(bold("Что делать дальше"))}`,
+    ]
+
+    for (const step of this.getRecommendedSteps()) {
+      lines.push(t`${fg("#94a3b8")("•")} ${fg("#e2e8f0")(step)}`)
+    }
+
+    lines.push(t`${fg("#475569")(" ")}`)
+    lines.push(
+      t`${fg("#94a3b8")("Готовность")} ${fg("#e2e8f0")(`${adminsReady}/${this.state.admins.length || 0} админов, ${workersReady}/${this.state.workers.length || 0} слотов`)}`
+    )
+    lines.push(
+      t`${fg("#94a3b8")("Подсказка")} ${fg("#cbd5e1")("Стрелки и цифры работают и в меню, и в режимах выбора. Enter подтверждает, r обновляет состояние.")}`
+    )
+
+    return joinStyledLines(lines)
+  }
+
+  private buildRecoveryPanel(): StyledText {
+    const lines: StyledText[] = [
+      t`${fg("#f8fafc")(bold("Backend недоступен"))}`,
+      t`${fg("#fca5a5")(this.getShortConnectionError())}`,
+      t`${fg("#94a3b8")("Проверьте окружение и повторите обновление клавишей r.")}`,
+    ]
+
+    const error = this.connectionError.toLowerCase()
+    if (error.includes("no module named 'requests'")) {
+      lines.push(t`${fg("#93c5fd")("Подсказка: установите Python-пакет requests.")}`)
+    } else if (error.includes("no module named 'seleniumbase'")) {
+      lines.push(t`${fg("#93c5fd")("Подсказка: установите seleniumbase.")}`)
+    } else {
+      lines.push(t`${fg("#93c5fd")("Подсказка: проверьте python-зависимости и запуск backend модуля.")}`)
+    }
+
+    return joinStyledLines(lines)
+  }
+
+  private getRecommendedSteps(): string[] {
+    if (this.state.admins.length === 0) {
+      return [
+        "Добавьте первого админа через раздел «Админы».",
+        "После добавления выполните логин, чтобы сохранить токен и профиль браузера.",
+        "Затем создайте слоты и проверьте входящие письма.",
+      ]
+    }
+
+    const adminsWithoutLogin = this.state.admins.filter((admin) => !hasFlag(admin, "has_access_token")).length
+    if (adminsWithoutLogin > 0) {
+      return [
+        "Перелогиньте хотя бы одного админа.",
+        "Убедитесь, что у него есть токен и рабочий браузерный профиль.",
+        "После этого можно запускать создание слотов.",
+      ]
+    }
+
+    if (this.state.workers.length === 0) {
+      return [
+        "Откройте раздел «Слоты».",
+        "Запустите создание слотов под нужным админом.",
+        "После завершения проверьте почту и недавние события.",
+      ]
+    }
+
+    const workersWithoutPassword = this.state.workers.filter((worker) => !worker.has_openai_password).length
+    if (workersWithoutPassword > 0) {
+      return [
+        "Часть слотов ещё не готова к перелогину.",
+        "Проверьте, что для нужных слотов сохранён OpenAI-пароль.",
+        "Используйте раздел «Почта», чтобы контролировать инвайты и письма.",
+      ]
+    }
+
+    return [
+      "Система выглядит рабочей.",
+      "Для обслуживания слотов используйте разделы «Слоты» и «Почта».",
+      "Последние события и ошибки всегда видны в нижней панели.",
+    ]
+  }
+
+  private buildDetailPanel(): StyledText {
+    if (!this.backendOnline) {
+      return this.buildRecoveryPanel()
+    }
+
+    if (this.prompt.active && this.prompt.mode === "select") {
+      const option = this.prompt.options[this.prompt.selectedIndex]
+      const lines: StyledText[] = [
+        t`${fg("#f8fafc")(bold(this.prompt.question))}`,
+      ]
+      if (option) {
+        lines.push(t`${fg("#93c5fd")("•")} ${fg("#e2e8f0")(option.label)}`)
+        if (option.hint) {
+          lines.push(t`${fg("#94a3b8")(option.hint)}`)
+        }
+      }
+      lines.push(t`${fg("#64748b")("Enter выбрать • Esc отмена • Стрелки перемещают курсор")}`)
+      return joinStyledLines(lines)
+    }
+
+    const lines: StyledText[] = []
+    const selected = this.menuOptions[this.selectedIndex]
+    const extra = selected as MenuOption & { badge?: string }
+
+    if (selected) {
+      const badge = extra?.badge ? ` • ${extra.badge}` : ""
+      lines.push(t`${fg("#f8fafc")(bold(`${selected.label}${badge}`))}`)
+      lines.push(t`${fg("#94a3b8")(getMenuOptionDescription(selected))}`)
+    }
+
+    for (const note of this.getContextNotes()) {
+      lines.push(t`${fg("#93c5fd")("•")} ${fg("#cbd5e1")(note)}`)
+    }
+
+    const recentLogs = this.logs.slice(-15)
+    if (recentLogs.length > 0) {
+      lines.push(t`${fg("#475569")(" ")}`)
+      lines.push(t`${fg("#f8fafc")(bold("Последние события"))}`)
+      for (const log of recentLogs) {
+        lines.push(t`${fg("#94a3b8")(log)}`)
+      }
+    } else {
+      lines.push(t`${fg("#64748b")("Событий пока нет.")}`)
+    }
+
+    return joinStyledLines(lines)
+  }
+
+  private buildEmptyStatePanel(): StyledText {
+    const lines: StyledText[] = [t`${fg("#f8fafc")(bold("Пока пусто"))}`]
+
+    if (this.menuName === "admins") {
+      lines.push(t`${fg("#cbd5e1")("Сначала добавьте первого админа, затем выполните логин.")}`)
+    } else if (this.menuName === "slots") {
+      lines.push(t`${fg("#cbd5e1")("Слоты появятся после запуска пайплайна от выбранного админа.")}`)
+    } else if (this.menuName === "mail") {
+      lines.push(t`${fg("#cbd5e1")("Почтовые аккаунты появятся после добавления админа или создания слотов.")}`)
+    } else if (this.menuName === "pick_admin" || this.menuName === "pick_worker") {
+      lines.push(t`${fg("#cbd5e1")("Нет доступных элементов для выбора. Вернитесь назад и подготовьте данные.")}`)
+    } else {
+      lines.push(t`${fg("#cbd5e1")("Добавьте данные или вернитесь на главный экран.")}`)
+    }
+
+    return joinStyledLines(lines)
+  }
+
+  private getContextNotes(): string[] {
+    if (this.menuName === "admins") {
+      const ready = this.state.admins.filter((admin) => hasFlag(admin, "has_access_token")).length
+      return [
+        `Всего админов: ${this.state.admins.length}. Готовы к работе: ${ready}.`,
+        "Для создания слотов нужен админ с токеном и рабочим браузерным профилем.",
+      ]
+    }
+
+    if (this.menuName === "slots") {
+      const withPassword = this.state.workers.filter((worker) => worker.has_openai_password).length
+      return [
+        `Всего слотов: ${this.state.workers.length}. С OpenAI-паролем: ${withPassword}.`,
+        "Массовый перелогин работает только для слотов с сохранённым паролем.",
+      ]
+    }
+
+    if (this.menuName === "mail") {
+      const notes = [
+        `Доступно почтовых аккаунтов: ${this.state.accounts.length}.`,
+        "Выберите аккаунт, чтобы подтянуть последние письма в лог.",
+      ]
+      const selectedId = this.menuOptions[this.selectedIndex]?.id ?? ""
+      if (selectedId.startsWith("mail_pick:")) {
+        const index = Number(selectedId.split(":", 2)[1])
+        const account = this.state.accounts[index]
+        if (account) {
+          notes.push(`Текущий выбор: ${account.email} (${account.kind}).`)
+        }
+      }
+      return notes
+    }
+
+    if (this.menuName === "pick_admin") {
+      const option = this.menuOptions[this.selectedIndex]
+      const email = option?.id.split(":", 2)[1]
+      const admin = this.state.admins.find((item) => item.email === email)
+      if (!admin) return ["Админ не найден в текущем состоянии."]
+
+      return [
+        `${admin.email}`,
+        `Токен: ${boolLabel(admin.has_access_token)} • Профиль: ${boolLabel(hasFlag(admin, "has_browser_profile"))}`,
+        `Последний логин: ${formatShortDate(admin.last_login)}`,
+      ]
+    }
+
+    if (this.menuName === "pick_worker") {
+      const option = this.menuOptions[this.selectedIndex]
+      const email = option?.id.split(":", 2)[1]
+      const worker = this.state.workers.find((item) => item.email === email)
+      if (!worker) return ["Слот не найден в текущем состоянии."]
+
+      return [
+        `${worker.email}`,
+        `Статус: ${statusLabel(worker.status)} • Профиль: ${boolLabel(hasFlag(worker, "has_browser_profile"))}`,
+        `Админ: ${worker.admin_email ?? "не назначен"} • OpenAI-пароль: ${boolLabel(worker.has_openai_password)}`,
+      ]
+    }
+
+    if (this.menuName === "confirm") {
+      return [
+        `Действие: ${this.menuCtx.confirm_action ?? "подтверждение"}`,
+        `Объект: ${this.menuCtx.target ?? "не выбран"}`,
+      ]
+    }
+
+    return []
+  }
+
+  private getShortConnectionError(): string {
+    const message = this.connectionError || "ошибка подключения"
+    if (message.includes("RPC process exited before response")) {
+      return "backend завершился во время запуска или не смог ответить"
+    }
+    if (message.includes("RPC spawn error")) {
+      return "не удалось запустить backend-процесс"
+    }
+    return message.length > 120 ? `${message.slice(0, 119)}…` : message
+  }
+
+  private async goBack() {
+    if (this.busy || this.prompt.active) return
+    if (this.menuName === "main") return
+    this.menuName = parentMenu(this.menuName, this.menuCtx)
+    this.menuCtx = {}
+    this.selectedIndex = 0
+    await this.refreshState()
+  }
+
+  private async promptInput(question: string, hidden = false): Promise<string | null> {
+    this.prompt.active = true
+    this.prompt.mode = "input"
+    this.prompt.question = question
+    this.prompt.hidden = hidden
+    this.prompt.value = ""
+    this.prompt.options = []
+    this.prompt.selectedIndex = 0
+    this.render()
+
+    return await new Promise((resolve) => {
+      this.prompt.resolve = resolve
+    })
+  }
+
+  private async promptSelect(question: string, options: PromptOption[]): Promise<string | null> {
+    if (options.length === 0) return null
+    this.prompt.active = true
+    this.prompt.mode = "select"
+    this.prompt.question = question
+    this.prompt.hidden = false
+    this.prompt.value = ""
+    this.prompt.options = options
+    this.prompt.selectedIndex = 0
+    this.render()
+
+    return await new Promise((resolve) => {
+      this.prompt.resolve = resolve
+    })
+  }
+
+  private finishPrompt(value: string | null) {
+    const resolve = this.prompt.resolve
+    this.prompt.active = false
+    this.prompt.mode = "input"
+    this.prompt.question = ""
+    this.prompt.hidden = false
+    this.prompt.value = ""
+    this.prompt.options = []
+    this.prompt.selectedIndex = 0
+    this.prompt.resolve = null
+    resolve?.(value)
+    this.render()
+  }
+
+  private async promptLoginMode(): Promise<"auto" | "manual" | null> {
+    const value = await this.promptSelect("Режим входа", [
+      { value: "auto", label: "Авто", hint: "Email и пароль вводятся в TUI, дальше логин идёт автоматически." },
+      { value: "manual", label: "Вручную", hint: "Браузер откроется сразу, вход и код подтверждения вы вводите сами." },
+    ])
+    if (value === "auto" || value === "manual") return value
+    return null
+  }
+
+  private async startAdminLogin(email: string, mode: "auto" | "manual") {
+    const method = mode === "manual" ? "job.login_admin_manual" : "job.login_admin"
+    await this.startJob(method, { email })
+  }
+
+  private async promptSlotReloginScope(): Promise<"one" | "all" | null> {
+    const value = await this.promptSelect("Перелогин слотов", [
+      { value: "one", label: "Один слот", hint: "Сначала выберете конкретный слот, потом запустится перелогин." },
+      { value: "all", label: "Все слоты", hint: "Запустить перелогин для всех слотов с сохранённым паролем." },
+    ])
+    if (value === "one" || value === "all") return value
+    return null
+  }
+
+  private async submitOption(optionId: string) {
+    if (this.menuName === "main") {
+      if (optionId === "menu_admins") this.menuName = "admins"
+      else if (optionId === "menu_slots") this.menuName = "slots"
+      else if (optionId === "menu_mail") this.menuName = "mail"
+      else if (optionId === "menu_exit") { await this.exit(); return }
+      this.menuCtx = {}
+      this.selectedIndex = 0
+      await this.refreshState()
+      return
+    }
+
+    if (this.menuName === "admins") {
+      if (optionId === "adm_add") {
+        const loginMode = await this.promptLoginMode()
+        if (!loginMode) return
+        if (loginMode === "manual") {
+          await this.startJob("job.add_admin_manual")
+          return
+        }
+
+        const email = await this.promptInput("Email админа")
+        if (!email) return
+        const password = await this.promptInput("Пароль почты", true)
+        if (!password) return
+        try {
+          await this.rpc.request("admin.add", { email, password })
+        } catch (error) {
+          this.pushLog(`Ошибка: ${String(error)}`)
+          this.render()
+          return
+        }
+        await this.startAdminLogin(email, loginMode)
+        return
+      }
+      if (optionId === "adm_relogin") {
+        this.goToPicker("pick_admin", "admins", "relogin_admin", "Выберите админа")
+        return
+      }
+      if (optionId === "adm_open") {
+        this.goToPicker("pick_admin", "admins", "open_admin", "Открыть браузер админа")
+        return
+      }
+      if (optionId === "adm_delete") {
+        this.goToPicker("pick_admin", "admins", "delete_admin", "Удалить админа")
+        return
+      }
+    }
+
+    if (this.menuName === "slots") {
+      if (optionId === "slots_create") {
+        this.goToPicker("pick_admin", "slots", "slots_create", "Выберите админа для слотов")
+        return
+      }
+      if (optionId === "slots_relogin") {
+        const scope = await this.promptSlotReloginScope()
+        if (!scope) return
+        if (scope === "all") {
+          await this.startJob("job.relogin_all_workers")
+          return
+        }
+        this.goToPicker("pick_worker", "slots", "relogin_worker", "Выберите слот")
+        return
+      }
+      if (optionId === "slots_open") {
+        this.goToPicker("pick_worker", "slots", "open_worker", "Открыть браузер слота")
+        return
+      }
+      if (optionId === "slots_delete") {
+        this.goToPicker("pick_worker", "slots", "delete_worker", "Удалить слот")
+        return
+      }
+    }
+
+    if (this.menuName === "mail" && optionId.startsWith("mail_pick:")) {
+      const index = Number(optionId.split(":", 2)[1])
+      if (!Number.isInteger(index) || index < 0 || index >= this.state.accounts.length) return
+      const email = this.state.accounts[index].email
+      this.menuName = "mail"
+      this.menuCtx = {}
+      await this.startJob("job.fetch_mail", { email })
+      return
+    }
+
+    if (this.menuName === "pick_admin" && optionId.startsWith("pick_admin:")) {
+      const email = optionId.split(":", 2)[1]
+      const action = this.menuCtx.action
+      const parent = (this.menuCtx.parent ?? "main") as MenuName
+
+      if (action === "relogin_admin") {
+        const loginMode = await this.promptLoginMode()
+        if (!loginMode) return
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.startAdminLogin(email, loginMode)
+        return
+      }
+      if (action === "open_admin") {
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.startJob("job.open_admin_browser", { email })
+        return
+      }
+      if (action === "delete_admin") {
+        this.goToConfirm(parent, "delete_admin", "Удаление админа", email)
+        return
+      }
+      if (action === "slots_create") {
+        const countRaw = await this.promptInput(`Количество слотов для ${email}`)
+        if (!countRaw) return
+        const count = Number(countRaw)
+        if (!Number.isInteger(count) || count <= 0) {
+          this.pushLog("Некорректное число")
+          this.render()
+          return
+        }
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.startJob("job.run_slots", { admin_email: email, count })
+        return
+      }
+    }
+
+    if (this.menuName === "pick_worker" && optionId.startsWith("pick_worker:")) {
+      const email = optionId.split(":", 2)[1]
+      const action = this.menuCtx.action
+      const parent = (this.menuCtx.parent ?? "slots") as MenuName
+
+      if (action === "relogin_worker") {
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.startJob("job.relogin_worker", { email })
+        return
+      }
+      if (action === "open_worker") {
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.startJob("job.open_worker_browser", { email })
+        return
+      }
+      if (action === "delete_worker") {
+        this.goToConfirm(parent, "delete_worker", "Удаление слота", email)
+        return
+      }
+    }
+
+    if (this.menuName === "confirm") {
+      const action = this.menuCtx.action
+      const target = this.menuCtx.target
+      const parent = (this.menuCtx.parent ?? "main") as MenuName
+
+      if (optionId === "confirm_no") {
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.refreshState()
+        return
+      }
+
+      if (optionId === "confirm_yes" && target) {
+        try {
+          if (action === "delete_admin") {
+            await this.rpc.request("admin.delete", { email: target })
+            this.pushLog(`Удалён админ: ${target}`)
+          }
+          if (action === "delete_worker") {
+            await this.rpc.request("worker.delete", { email: target })
+            this.pushLog(`Удалён слот: ${target}`)
+          }
+        } catch (error) {
+          this.pushLog(`Ошибка: ${String(error)}`)
+        }
+        this.menuName = parent
+        this.menuCtx = {}
+        await this.refreshState()
+      }
+    }
+  }
+
+  private goToPicker(picker: MenuName, parent: MenuName, action: string, title: string) {
+    this.menuName = picker
+    this.menuCtx = { parent, action, title }
+    this.selectedIndex = 0
+    this.render()
+  }
+
+  private goToConfirm(parent: MenuName, action: string, confirmAction: string, target: string) {
+    this.menuName = "confirm"
+    this.menuCtx = {
+      parent,
+      action,
+      confirm_action: confirmAction,
+      title: `${confirmAction}: ${target}`,
+      target,
+    }
+    this.selectedIndex = 1
+    this.render()
+  }
+
+  private async startJob(method: string, params: Record<string, unknown> = {}) {
+    if (this.busy) return
+    this.busy = true
+    try {
+      const result = await this.rpc.request<RpcJobResult>(method, params)
+      this.backendOnline = true
+      this.pushLog(`Задача ${result.job_id.slice(0, 8)} поставлена в очередь`)
+    } catch (error) {
+      this.busy = false
+      this.pushLog(`Ошибка: ${String(error)}`)
+    }
+    this.render()
+  }
+
+  private onPaste(event: any) {
+    if (!this.prompt.active) return
+    if (this.prompt.mode !== "input") return
+    const text = String(event?.text ?? "")
+    if (!text) return
+    const normalized = text.replace(/\r\n?/g, "\n").split("\n")[0]
+    this.prompt.value += normalized
+    this.render()
+  }
+
+  private copySelectedLogToClipboard() {
+    const selected = this.renderer.getSelection()?.getSelectedText()?.trim() ?? ""
+    const fallback = this.detailText.getSelectedText?.().trim() ?? ""
+    const text = selected || fallback
+    if (!text) return
+    const copiedViaOsc52 = this.renderer.copyToClipboardOSC52(text)
+    const copied = copiedViaOsc52 || copyToSystemClipboard(text)
+    this.pushLog(copied ? "Скопировано в буфер обмена" : "Копирование не поддерживается")
+    this.render()
+  }
+
+  private async onKey(key: any) {
+    if (this.prompt.active) {
+      if (this.prompt.mode === "select") {
+        if (key.name === "return") {
+          const option = this.prompt.options[this.prompt.selectedIndex]
+          this.finishPrompt(option?.value ?? null)
+          return
+        }
+        if (key.name === "escape") {
+          this.finishPrompt(null)
+          return
+        }
+        if (key.name === "up" || key.name === "k") {
+          const total = this.prompt.options.length
+          if (total > 0) {
+            this.prompt.selectedIndex = this.prompt.selectedIndex <= 0 ? total - 1 : this.prompt.selectedIndex - 1
+            this.render()
+          }
+          return
+        }
+        if (key.name === "down" || key.name === "j") {
+          const total = this.prompt.options.length
+          if (total > 0) {
+            this.prompt.selectedIndex = this.prompt.selectedIndex >= total - 1 ? 0 : this.prompt.selectedIndex + 1
+            this.render()
+          }
+          return
+        }
+        if (key.sequence >= "1" && key.sequence <= "9" && !key.ctrl && !key.meta) {
+          const index = Number(key.sequence) - 1
+          if (index < this.prompt.options.length) {
+            this.prompt.selectedIndex = index
+            this.render()
+          }
+          return
+        }
+        return
+      }
+
+      if (key.name === "return") {
+        const value = this.prompt.value.trim()
+        this.finishPrompt(value ? value : null)
+        return
+      }
+      if (key.name === "escape") {
+        this.finishPrompt(null)
+        return
+      }
+      if (key.name === "backspace") {
+        this.prompt.value = this.prompt.value.slice(0, -1)
+        this.render()
+        return
+      }
+      if (typeof key.sequence === "string" && key.sequence.length === 1 && !key.ctrl && !key.meta) {
+        this.prompt.value += key.sequence
+        this.render()
+      }
+      return
+    }
+
+    if (key.name === "y" && !key.ctrl && !key.meta) {
+      this.copySelectedLogToClipboard()
+      return
+    }
+    if ((key.ctrl || key.meta) && key.name === "c") {
+      this.copySelectedLogToClipboard()
+      return
+    }
+
+    if (this.busy && key.name !== "q") {
+      return
+    }
+
+    if (key.name === "r" && !key.ctrl && !key.meta) {
+      await this.refreshState()
+      return
+    }
+
+    if (key.sequence >= "1" && key.sequence <= "9" && !key.ctrl && !key.meta) {
+      const index = Number(key.sequence) - 1
+      if (index < this.menuOptions.length) {
+        this.selectedIndex = index
+        await this.submitOption(this.menuOptions[index].id)
+      }
+      return
+    }
+
+    if (key.name === "up" || key.name === "k") {
+      this.move(-1)
+      return
+    }
+    if (key.name === "down" || key.name === "j") {
+      this.move(1)
+      return
+    }
+    if (key.name === "escape") {
+      await this.goBack()
+      return
+    }
+    if (key.name === "return") {
+      const selected = this.menuOptions[this.selectedIndex]
+      if (selected) await this.submitOption(selected.id)
+      return
+    }
+    if (key.name === "q") {
+      await this.exit()
+    }
+  }
+
+  private async exit() {
+    try {
+      await this.rpc.shutdown()
+    } catch {
+      // no-op
+    }
+    this.renderer.destroy()
+    process.exit(0)
+  }
+}