script.js

// === DriftLens Mini Insight OS™ Script ===
// This script connects a simple journal reflection input with a Make.com webhook to generate a real-time AI insight.

document.addEventListener('DOMContentLoaded', function () {
    const reflectionInput = document.getElementById('reflectionInput');
    const generateInsightBtn = document.getElementById('generateInsightBtn');
    const insightOutput = document.getElementById('insightOutput');
    const insightText = document.getElementById('insightText');

    // Replace this with your actual Make.com webhook URL
    const MAKE_WEBHOOK_URL = 'https://hook.us2.make.com/yyu85glrlx0m8lwp7lmrc6myqtlx2pqk';

    generateInsightBtn.addEventListener('click', async () => {
        const reflection = reflectionInput.value.trim();

        if (reflection.length < 10) {
            insightText.textContent = 'Could you share a little more about what’s on your mind?';
            showInsight();
            return;
        }

        generateInsightBtn.textContent = 'Generating Insight...';
        generateInsightBtn.disabled = true;
        hideInsight();

        try {
            const response = await fetch(MAKE_WEBHOOK_URL, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ reflection: reflection }),
            });

            if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
            const data = await response.json();

            insightText.textContent = data && data.insight
                ? data.insight
                : 'The insight couldn’t surface right now. Reflection itself is still meaningful. Try again soon.';

        } catch (error) {
            console.error('Error fetching insight:', error);
            insightText.textContent = 'Something went wrong while generating your insight. Please try again later.';
        } finally {
            showInsight();
            generateInsightBtn.textContent = 'Generate Insight';
            generateInsightBtn.disabled = false;
        }
    });

    function showInsight() {
        insightOutput.style.display = 'block';
        setTimeout(() => { insightOutput.style.opacity = 1; }, 50);
    }

    function hideInsight() {
        insightOutput.style.display = 'none';
        insightOutput.style.opacity = 0;
    }
});