Function openEmbeddedTool

app.js:988–1018

(toolKey)

}

function openEmbeddedTool(toolKey) {
  if (!toolOverlay) return;
  const tool = EMBEDDED_TOOLS[toolKey];
  if (!tool) return;
  const embeddedUrl = buildEmbeddedToolUrl(tool.href);
  const frame = getToolFrameEl(toolKey);
  if (!frame) return;

  // Update header UI
  if (toolOverlayPill) toolOverlayPill.textContent = "Tools";
  if (toolOverlayOpenNewTab) toolOverlayOpenNewTab.href = embeddedUrl;
  frame.title = tool.label;

  // Keep tool state by loading each tool once and then only toggling visibility
  if (!loadedToolFrames.has(toolKey)) {
    frame.setAttribute("src", embeddedUrl);
    loadedToolFrames.add(toolKey);
  }

  toolOverlay.classList.add("open");
  toolOverlay.setAttribute("aria-hidden", "false");
  document.documentElement.classList.add("tool-open");
  setToolOverlayAction(toolKey);
  setActiveToolSwitchUI(toolKey);

  hideAllToolFrames();
  frame.classList.remove("hidden");

  // Ensure theme is synced even if the tool doesn't read query params
  syncEmbeddedToolTheme(getCurrentDisplayKitTheme());
}

function closeEmbeddedTool() {
  if (!toolOverlay) return;