script.js

/**
 * Light interactivity for the DLS AI Chatbot project guide.
 */

document.querySelectorAll('.command-card code, .command-block code').forEach((el) => {
  el.style.cursor = 'pointer';
  el.title = 'Click to copy';

  el.addEventListener('click', async () => {
    const text = el.textContent.trim();
    try {
      await navigator.clipboard.writeText(text);
      const original = el.textContent;
      el.textContent = 'Copied!';
      setTimeout(() => {
        el.textContent = original;
      }, 1200);
    } catch {
      /* clipboard not available — ignore */
    }
  });
});

const sections = document.querySelectorAll('.section[id]');
const observer = new IntersectionObserver(
  (entries) => {
    entries.forEach((entry) => {
      if (entry.isIntersecting) {
        entry.target.classList.add('visible');
      }
    });
  },
  { threshold: 0.08, rootMargin: '0px 0px -40px 0px' }
);

sections.forEach((section) => {
  section.style.opacity = '0';
  section.style.transform = 'translateY(12px)';
  section.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
  observer.observe(section);
});

document.head.insertAdjacentHTML(
  'beforeend',
  '<style>.section.visible { opacity: 1 !important; transform: translateY(0) !important; }</style>'
);