Function initInput

app/src/modules/input.js:234–279

()

}

export function initInput() {
  $input.addEventListener('input', () => {
    $input.style.height = 'auto';
    $input.style.height = Math.min($input.scrollHeight, 120) + 'px';
    updateSendBtn();

    const val = $input.value;
    if (val.startsWith('/') && !val.includes(' ') && val.length > 0) {
      showCmdMenu(val);
    } else {
      hideCmdMenu();
    }
  });

  $input.addEventListener('keydown', e => {
    if (cmdMenuOpen) {
      const items = $('cmd-menu').querySelectorAll('.cmd-item');
      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
        e.preventDefault();
        items[cmdActiveIdx]?.classList.remove('active');
        if (e.key === 'ArrowDown') cmdActiveIdx = Math.min(cmdActiveIdx + 1, items.length - 1);
        else cmdActiveIdx = Math.max(cmdActiveIdx - 1, 0);
        items[cmdActiveIdx]?.classList.add('active');
        return;
      }
      if (e.key === 'Enter') {
        e.preventDefault();
        const active = items[cmdActiveIdx];
        if (active) execCmd(active.dataset.cmd);
        return;
      }
      if (e.key === 'Escape') {
        e.preventDefault();
        hideCmdMenu();
        return;
      }
    }
    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(); }
  });

  $('btn-send').addEventListener('click', send);
  $('btn-scroll').addEventListener('click', () => {
    const chat = $('chat-area');
    chat.scrollTop = chat.scrollHeight;
  });
}