Function tryAttach

apps/app/src/components/explainer-cards.tsx:92–124

()

    const PORTAL_ID = "explainer-cards-portal";

    const tryAttach = () => {
      const welcomeScreen = document.querySelector<HTMLElement>(WELCOME_SELECTOR);
      if (!welcomeScreen) {
        setPortalTarget(null);
        return;
      }

      // Reuse existing portal container if present
      let portal = document.getElementById(PORTAL_ID);
      if (portal) {
        setPortalTarget(portal);
        return;
      }

      // Insert portal container inside the welcome screen's main content div,
      // before the suggestions row
      const mainContent = welcomeScreen.children[0] as HTMLElement | undefined;
      if (!mainContent) return;

      portal = document.createElement("div");
      portal.id = PORTAL_ID;
      portal.style.width = "100%";

      // Insert before the last child (suggestions row)
      const suggestionsRow = mainContent.lastElementChild;
      if (suggestionsRow) {
        mainContent.insertBefore(portal, suggestionsRow);
      } else {
        mainContent.appendChild(portal);
      }

      setPortalTarget(portal);
    };

    tryAttach();