skills/orchestrator/templates/page-keyboard.js

  function helpSheet() {
    openSheet("Tastenkürzel", [h("dl", {class: "keys"}, KEYS.map(([key, text]) => [h("dt", {}, key), h("dd", {}, text)])),
      h("p", {class: "muted"}, "Leitstand: Vollbild mit großer Schrift für den zweiten Bildschirm, unter ⚙ Ambiente. j, k, x, a und Enter wirken in der Inbox.")], false);
  }

  function overlayOpen() {
    return !document.getElementById("palette").hidden || !document.getElementById("sheet").hidden;
  }

  function moveCursor(delta) {
    const items = visibleInbox();
    if (!items.length) {
      return;
    }
    ui.cursor = Math.min(Math.max(ui.cursor + delta, 0), items.length - 1);
    drawInbox();
    const current = inboxDom && inboxDom.querySelector(`.item[data-index="${ui.cursor}"]`);
    if (current) {
      current.scrollIntoView({block: "nearest"});
    }
  }

  function keyboard(event) {
    const target = event.target;
    if ((event.ctrlKey || event.metaKey) && !event.altKey && event.key.toLowerCase() === "k") {
      event.preventDefault();
      if (document.getElementById("palette").hidden) {
        openPalette();
      } else {
        closePalette();
      }
      return;
    }
    if (event.key === "Escape") {
      if (!document.getElementById("palette").hidden) {
        closePalette();
      } else if (!document.getElementById("sheet").hidden) {
        closeSheet();
      } else if (space.look) {
        skyLook(false);
      } else if (ui.agent !== null) {
        closeAgent();
      } else {
        closeMenus();
      }
      return;
    }
    if (event.altKey || event.ctrlKey || event.metaKey || event.isComposing || overlayOpen()) {
      return;
    }
    if (target instanceof HTMLElement && (target.isContentEditable || ["INPUT", "TEXTAREA", "SELECT"].includes(target.tagName))) {
      return;
    }
    const inInbox = ui.screen === "inbox";
    const current = inInbox ? visibleInbox()[ui.cursor] : null;
    const index = Number(event.key) - 1;
    if (/^[1-3]$/.test(event.key)) {
      event.preventDefault();
      go(Nav.TABS[index][0], null);
    } else if (inInbox && (event.key === "j" || event.key === "k")) {
      event.preventDefault();
      moveCursor(event.key === "j" ? 1 : -1);
    } else if (inInbox && event.key === "x") {
      event.preventDefault();
      toggle(current);
    } else if (inInbox && event.key === "a") {
      event.preventDefault();
      if (current && !current.held) {
        approveOne(current);
      }
    } else if (event.key === "Enter" && current && target === document.body) {
      event.preventDefault();
      openItem(current);
    } else if (event.key === "/") {
      event.preventDefault();
      if (ui.screen !== "stream") {
        go("stream", null);
      }
      window.setTimeout(() => stream.dom && stream.dom.search.focus(), 0);
    } else if (event.key === "?") {
      event.preventDefault();
      helpSheet();
    } else if (event.key === "h") {
      event.preventDefault();
      skyLook(!space.look);
    }
  }