"use strict";
import { openDocumentationFile } from "../../file-viewer.js";

const HELP = {
  "science-maturity-panel": { title: "Wissenschaftliche Reifegrade", source: "06-research/RESEARCH_POSITIONING_AND_EVIDENCE_PROGRAM.md", basis: "Engineering-Reife und wissenschaftliche Evidenz werden getrennt behandelt." },
  "runtime-capability-board": { title: "Runtime & Wesen", source: "02-architecture/EMBODIMENT_FOUNDATION.md", basis: "Embodiment, Sensoren und Aktoren folgen expliziten Adapter- und Kausalitätsgrenzen." },
  "mhrn-runtime-io": { title: "Runtime Input/Output", source: "02-architecture/EMBODIMENT_FOUNDATION.md", basis: "Manuelle Injektionen sind Operator-/Debug-Eingriffe und niemals automatische Evidenz." },

};
function ensureDialog() {
  let dialog = document.getElementById("mhrn-panel-help");
  if (dialog) return dialog;
  dialog = document.createElement("dialog");
  dialog.id = "mhrn-panel-help";
  dialog.className = "mhrn-panel-help";
  dialog.innerHTML = `<header><strong id="mhrn-panel-help-title">Hilfe</strong><button type="button" data-panel-help-close>×</button></header><p id="mhrn-panel-help-basis"></p><button type="button" class="panel-help-source" id="mhrn-panel-help-source">Quelle öffnen</button>`;
  document.body.appendChild(dialog);
  dialog.addEventListener("click", (event) => { if (event.target.closest("[data-panel-help-close]")) dialog.close(); });
  return dialog;
}
function attach() {
  for (const [id, help] of Object.entries(HELP)) {
    const panel = document.getElementById(id);
    if (!panel || panel.querySelector(":scope > .panel-help-button")) continue;
    const button = document.createElement("button");
    button.type = "button";
    button.className = "panel-help-button";
    button.textContent = "?";
    button.title = `Erklärung, Datenquelle und wissenschaftliche Grundlage: ${help.title}`;
    button.dataset.helpPanel = id;
    panel.prepend(button);
  }
}
export function initPanelHelp() {
  ensureDialog(); attach();
  const observer = new MutationObserver(attach); observer.observe(document.body, { childList: true, subtree: true });
  document.addEventListener("click", async (event) => {
    const button = event.target.closest("[data-help-panel]"); if (!button) return;
    const help = HELP[button.dataset.helpPanel]; if (!help) return;
    const dialog = ensureDialog();
    dialog.querySelector("#mhrn-panel-help-title").textContent = help.title;
    dialog.querySelector("#mhrn-panel-help-basis").textContent = `${help.basis} Datenquelle: docs/${help.source}`;
    const source = dialog.querySelector("#mhrn-panel-help-source");
    source.onclick = () => { dialog.close(); openDocumentationFile(help.source); };
    dialog.showModal();
  });
}