uiManager.js

// uiManager.js start
import * as d3 from 'https://cdn.jsdelivr.net/npm/d3@7/+esm';
import { loadData, populateDataTable, updateTextZone, attemptPubMedFetch, getData, addAnnotation } from './dataManager.js';
import { createCubesFromData, getCubes, highlightCubeByPmid, centerCameraOnCube, initCubeManager } from './cubeManager.js';
import { hidePubMedFetchOverlay } from './pubmedOverlay.js';
import { deleteSelectedFromData } from './deleteCubes.js';
import { exportFilteredData } from './saveCubes.js';
import * as THREE from 'three';

export function createUI(callbacks) {
    const uiContainer = d3.select('#data-container');
    
    return {
        updateTable: (data) => {
            const tbody = d3.select('#data-table tbody');
            tbody.selectAll('tr').remove();
            
            const rows = tbody.selectAll('tr')
                .data(data)
                .enter()
                .append('tr')
                .attr('data-pmid', d => d.PMID);
                
            rows.append('td')
                .text(d => d.Title?.substring(0, 50) + (d.Title?.length > 50 ? '...' : ''));
                
            rows.append('td')
                .append('input')
                .attr('type', 'checkbox')
                .attr('class', 'select-checkbox')
                .on('change', function(event, d) {
                    const isSelected = event.target.checked;
                    d3.select(this.closest('tr')).classed('selected', isSelected);
                    callbacks.onSelect(d.PMID, isSelected);
                });
        }
    };
}

export function setupUI(data, getSelectedCubes, getLastSelectedCube, onSelectCallback) {
    populateDataTable(data, (pmid, isSelected) => {
        const currentSelected = getSelectedCubes();
        const currentLast = getLastSelectedCube();
        
        const result = highlightCubeByPmid(pmid, isSelected, currentSelected, currentLast);
        
        if (result) {
            onSelectCallback(result.selectedCubes, result.lastSelectedCube);
            
            // Force text zone update for any selection change
            if (result.lastSelectedCube) {
                console.log('Updating text zone from selection change');
                updateTextZone(result.lastSelectedCube.userData);
            } else if (result.selectedCubes.length === 0) {
                console.log('Clearing text zone - no selections');
                clearTextZone();
            }
        }
    });
}


export function showLoadingIndicator() {
    let loader = document.getElementById('loading-indicator');
    if (!loader) {
        loader = document.createElement('div');
        loader.id = 'loading-indicator';
        loader.style.position = 'fixed';
        loader.style.top = '20px';
        loader.style.right = '20px';
        loader.style.maxWidth = '380px';
        loader.style.padding = '10px 12px';
        loader.style.background = 'rgba(0,0,0,0.78)';
        loader.style.color = 'white';
        loader.style.borderRadius = '8px';
        loader.style.boxShadow = '0 10px 24px rgba(0,0,0,0.22)';
        loader.style.fontSize = '0.9rem';
        loader.style.lineHeight = '1.4';
        loader.style.zIndex = '5000';
        document.body.appendChild(loader);
    }
    loader.textContent = 'Loading...';
}

export function updateLoadingIndicator(message) {
    const loader = document.getElementById('loading-indicator');
    if (loader) {
        loader.textContent = message;
    }
}

export function removeLoadingIndicator() {
    const loader = document.getElementById('loading-indicator');
    if (loader) loader.remove();
}

export function showErrorToUser(message) {
    alert(`Error: ${message}`);
}

export function clearTextZone() {
    document.getElementById('selected-title').textContent = 'No article selected';
    document.getElementById('pmid-text').textContent = '-';
    document.getElementById('year-text').textContent = '-';
    document.getElementById('source-text').textContent = '-';
    document.getElementById('doi-link').textContent = '-';
    document.getElementById('pmc-link').textContent = '-';
    document.getElementById('abstract-text').textContent = 'Select an article to view its abstract';
}

export function createFallbackScene() {
    const scene = new THREE.Scene();
    const camera = new THREE.PerspectiveCamera();
    const renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);
    
    const geometry = new THREE.BoxGeometry();
    const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });
    const cube = new THREE.Mesh(geometry, material);
    scene.add(cube);
    camera.position.z = 5;
    
    function animate() {
        requestAnimationFrame(animate);
        cube.rotation.x += 0.01;
        cube.rotation.y += 0.01;
        renderer.render(scene, camera);
    }
    animate();
}
// uiManager.js end