js/data/areas.js

// areas.js - Centralized areas data - SINGLE SOURCE OF TRUTH
// All content, titles, navigation labels, and section IDs are defined here
export const areasData = {
    efficiency: {
        id: 'efficiency',
        name: 'Efficiency',
        title: 'Efficiency, Costs, and Environment',
        navTitle: 'Sustainability & Efficiency',  // Short title for navigation
        description: 'The question of costs is essential to understanding and managing the impact of AI technology; it determines who gets to develop it, use it, and how externalized costs are borne by people who do not choose or benefit from the technology.',
        openness: 'Open development of AI systems greatly facilitates transparency on the training and deployment costs. Users and developers of open models typically have stronger incentives to favor and invest in efficiency.',
        color: 'bg-green-100 text-green-800',
        primaryColor: 'green',
        colors: {
            light: 'bg-green-50 text-green-700',
            medium: 'bg-green-100 text-green-800', 
            dark: 'bg-green-200 text-green-900',
            gradient: 'from-green-50 to-green-100 hover:from-green-100 hover:to-green-200 border-green-200 hover:border-green-300 text-green-900'
        },
        image: 'efficiency.png',
        imageAttribution: 'Hanna Barakat  & Archival Images of AI + AIxDESIGN | BetterImagesOfAI, CC-BY-4.0',
        imageAltText: 'The image shows a surreal landscape with vast green fields extending toward distant mountains under a cloudy sky. Embedded in the fields are digital circuit patterns, resembling an intricate network of blue lines, representing a technological infrastructure. Five large computer monitors with keyboards are placed in a row, each with a Navajo woman sitting in front, weaving the computers. In the far distance, a cluster of teepees is visible.',
        imageSourceUrl: 'https://betterimagesofai.org/images?artist=HannaBarakat&title=WeavingWires2',
        subAreas: {
            environment: {
                id: 'environment',
                name: 'Environmental impact across the supply chains',
                navName: 'Environmental Impact',  // Short name for navigation
                description: 'The environmental impact of AI systems across their supply chains, including the energy used, the materials used, and the waste generated.',
                openness: 'Transparency into not just the model weights and software, but also the supply chain, hardware, and environmental externalities of data centers is necessary to understand the entire environmental impact of AI systems.',
                color: 'bg-emerald-100 text-emerald-800',
                gradient: 'from-emerald-50 to-emerald-100 hover:from-emerald-100 hover:to-emerald-200 border-emerald-200 hover:border-emerald-300 text-emerald-900'
            },
            measuring: {
                id: 'measuring',
                name: 'Measuring energy and financial costs',
                navName: 'Energy & Financial Costs',  // Short name for navigation
                description: 'Methodologies, standards, and transparency on the energy and financial costs of AI systems.',
                openness: 'Access to open models, training and fine-tuning data, and open-source software supports reproducible research into the energy and financial costs of AI systems.',
                color: 'bg-lime-100 text-lime-800',
                gradient: 'from-lime-50 to-lime-100 hover:from-lime-100 hover:to-lime-200 border-lime-200 hover:border-lime-300 text-lime-900'
            },
            efficient: {
                id: 'efficient',
                name: 'Making AI less compute-intensive',
                navName: 'Compute Efficiency',  // Short name for navigation
                description: 'Efforts to reduce the compute-intensive nature of AI systems, and ways to make them more compute-efficient.',
                openness: 'Adopters of open models have stronger incentives to favor and invest in efficiency, and access to fully open models supports the development of more efficient models and training and inference techniques.',
                color: 'bg-teal-100 text-teal-800',
                gradient: 'from-teal-50 to-teal-100 hover:from-teal-100 hover:to-teal-200 border-teal-200 hover:border-teal-300 text-teal-900'
            },
        },
        imagePosition: 'left'
    },
    personal: {
        id: 'personal',
        name: 'Personal',
        title: 'Consent and Personal Interactions',
        navTitle: 'Personal & Community',  // Short title for navigation
        description: 'Individuals\' experiences of AI systems are shaped both by their personal interactions and by the ways the systems interact with their digital identities - often without our awareness or ability to meaningfully consent.',
        openness: 'Openness at the level of a model\'s training data and of its inputs are necessary to support informed consent, and research on characterizing the different companionship and value dynamics of AI systems enables replicable research into those characteristics.',
        color: 'bg-purple-100 text-purple-800',
        primaryColor: 'purple',
        colors: {
            light: 'bg-purple-50 text-purple-700',
            medium: 'bg-purple-100 text-purple-800',
            dark: 'bg-purple-200 text-purple-900',
            gradient: 'from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 border-purple-200 hover:border-purple-300 text-purple-900'
        },
        image: 'personal.png',
        imageAttribution: 'Kathryn Conrad | BetterImagesOfAI, CC-BY-4.0',
        imageAltText: 'Students at computers with screens that include a representation of a retinal scanner with pixelation and binary data overlays and a brightly coloured datawave heatmap at the top.',
        imageSourceUrl: 'https://betterimagesofai.org/images?artist=KathrynConrad&title=Datafication',
        subAreas: {
            interaction: {
                id: 'interaction',
                name: 'Characterizing personal and parasocial AI interactions',
                navName: 'Personal Interactions',  // Short name for navigation
                description: 'Interactions between individuals and AI systems, whether active in the use of chatbots or passive when people are affected by the output of AI systems, are shaped by the values, behaviors, and priorities of the developers and the technology.',
                openness: 'Open access to the training datasets, development approaches, and trained models is necessary not just for developing methods to characterize and trace these characteristics of the systems, but to adapt them to the needs and desires of different communities of users.',
                color: 'bg-fuchsia-100 text-fuchsia-800',
                gradient: 'from-fuchsia-50 to-fuchsia-100 hover:from-fuchsia-100 hover:to-fuchsia-200 border-fuchsia-200 hover:border-fuchsia-300 text-fuchsia-900'
            },
            privacy: {
                id: 'privacy',
                name: 'Consent and privacy',
                navName: 'Consent & Privacy',  // Short name for navigation
                description: 'Consent and privacy are intrinsically linked notions in the context of AI systems, as questions on both typically revolve around where and how a person\'s data or digital identity is used in the training or deployment of AI systems. These raise questions about the use of sensitive data, the value of creative works, surveillance dynamics at scale, and generally the conditions for access to digital infrastructure.',
                openness: 'Open access or sufficient transparency into training data and inputs of AI systems are necessary to support informed consent, and access to open models enables uses of the technology that do not require users to give away their or other people\'s data.',
                color: 'bg-violet-100 text-violet-800',
                gradient: 'from-violet-50 to-violet-100 hover:from-violet-100 hover:to-violet-200 border-violet-200 hover:border-violet-300 text-violet-900'
            },
        },
        imagePosition: 'right'
    },
    rights: {
        id: 'rights',
        name: 'Rights',
        title: 'Rights and Regulations',
        navTitle: 'Rights & Regulation',  // Short title for navigation
        description: 'AI is not exempt from regulation; but understanding how new and existing rules apply to technical paradigms involving unprecedented scales of data and automation can present unique challenges.',
        openness: 'Applications of existing regulation as well as the design of new ones to meet the challenges of AI technology require understanding how it works, the trade-offs it entails, and the space of technical interventions that are feasible. Open access to the technology supports independent research from stakeholders with different incentives from those of the largest developers.',
        color: 'bg-indigo-100 text-indigo-800',
        primaryColor: 'indigo',
        colors: {
            light: 'bg-indigo-50 text-indigo-700',
            medium: 'bg-indigo-100 text-indigo-800',
            dark: 'bg-indigo-200 text-indigo-900',
            gradient: 'from-indigo-50 to-indigo-100 hover:from-indigo-100 hover:to-indigo-200 border-indigo-200 hover:border-indigo-300 text-indigo-900'
        },
        image: 'rights.png',
        imageAttribution: 'Emily Rand & LOTI | BetterImagesOfAI, CC-BY-4.0',
        imageAltText: 'Building blocks are overlayed with digital squares that highlight people living their day-to-day lives through windows. Some of the squares are accompanied by cursors.',
        imageSourceUrl: 'https://betterimagesofai.org/images?artist=EmilyRand&title=AICity',
        subAreas: {
            general: {
                id: 'general',
                name: 'How does existing regulation apply to AI',
                navName: 'Existing Regulation',  // Short name for navigation
                description: 'Existing regulations, especially regulations governing transfers of data and use of algorithms in sensitive domains like healthcare or education, also apply to AI systems. However, the unprecedented scale of data and automation involved in this new technical paradigm can challenge previous understandings of the mechanisms for applying those regulations.',
                openness: 'Open access to AI systems enables independent research led by legal and domain experts of regulated domains to explore the existing and new legal questions raised by the technology without having to rely on the interpretations of a few model developers.',
                color: 'bg-purple-100 text-purple-800',
                gradient: 'from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 border-purple-200 hover:border-purple-300 text-purple-900'
            },
            specific: {
                id: 'specific',
                name: 'Navigating new AI-specific regulation',
                navName: 'AI-Specific Regulation',  // Short name for navigation
                description: 'Artificial Intelligence has also required new regulatory attention in the form of AI-specific legislation, such as the EU AI Act and several US state and federal bills. These have raised important questions about which risks to prioritize in legislative actions, and how to arbitrated between different interests and perspectives on the technology.',
                openness: 'Open access to AI systems has enabled more robust evaluation of the capabilities and limitations of AI systems, and of the resource trade-offs and externalities involved in their development and deployment.',
                color: 'bg-cyan-100 text-cyan-800',
                gradient: 'from-cyan-50 to-cyan-100 hover:from-cyan-100 hover:to-cyan-200 border-cyan-200 hover:border-cyan-300 text-cyan-900'
            },
            open: {
                id: 'open',
                name: 'The place of open-source in regulation',
                navName: 'Open-Source in Regulation',  // Short name for navigation
                description: 'While open-source software and open development of AI systems are often seen as a cornerstone of innovation and technology development, they are often relegated to a last-minute consideration in regulatory discussions, which can be particularly damaging given the diversity of development contexts and developer and researcher profiles who participate in it.',
                openness: 'Open research and centralized resources for legal compliance in open-source and collaborative development settings helps lower barriers to participation that could be insurmountable for the often less-resourced organizations doing much of the most publicly beneficial work.',
                color: 'bg-pink-100 text-pink-800',
                gradient: 'from-pink-50 to-pink-100 hover:from-pink-100 hover:to-pink-200 border-pink-200 hover:border-pink-300 text-pink-900'
            }
        },
        imagePosition: 'left'
    },
    ecosystems: {
        id: 'ecosystems',
        name: 'Ecosystems',
        title: 'Socio-economic and Technical Ecosystems',
        navTitle: 'Tech+(*) Ecosystems',  // Short title for navigation
        description: 'While discussions of the impact of AI often focus on technical characteristics of individual systems, the trajectory and impact of the technology are often better explained by looking to broader dynamics of market power and economic incentives.',
        openness: 'Openness is an important factor in the diffusion of the technology, and enables a greater variety of actors to reliably assess its suitability and to adapt it to their specific contexts and requirements; as well as to understand the role of different resources and the consequences of their concentration among a few actors.',
        color: 'bg-orange-100 text-orange-800',
        primaryColor: 'orange',
        colors: {
            light: 'bg-orange-50 text-orange-700',
            medium: 'bg-orange-100 text-orange-800',
            dark: 'bg-orange-200 text-orange-900',
            gradient: 'from-orange-50 to-orange-100 hover:from-orange-100 hover:to-orange-200 border-orange-200 hover:border-orange-300 text-orange-900'
        },
        image: 'ecosystems.png',
        imageAttribution: 'Lone Thomasky & Bits&Bäume | BetterImagesOfAI, CC-BY-4.0',
        imageAltText: 'A simplified illustration of urban life near the sea showing groups of people, buildings and bridges, as well as polluting power plants, opencast mining, exploitative work, data centres and wind power stations on a hill. Several small icons indicate destructive processes.',
        imageSourceUrl: 'https://betterimagesofai.org/images?artist=LoneThomasky&title=DigitalSocietyBell',
        subAreas: {
            labor: {
                id: 'labor',
                name: 'Labor impacts of AI',
                navName: 'Labor Impacts',  // Short name for navigation
                description: 'Given the ubiquity of data and algorithmic systems in the economy, AI is likely to have a significant impact on labor conditions and opportunities, and to displace certain types of value from workers to technology developers. Understanding to how, to what extent, and how to locate development so AI benefits its adopters and not just its developers will require significant work from all categories of stakeholders.',
                openness: 'Open access to AI systems can enable both more reliable research into the fitness for purpose of AI systems in workplaces, the disparate cost of its development, and enable its development and control by organizations that are closer to the context and interests of its adopters.',
                color: 'bg-yellow-100 text-yellow-800',
                gradient: 'from-yellow-50 to-yellow-100 hover:from-yellow-100 hover:to-yellow-200 border-yellow-200 hover:border-yellow-300 text-yellow-900'
            },
            power: {
                id: 'power',
                name: 'Power, monopolies, and sovereignty',
                navName: 'Power & Monopolies',  // Short name for navigation
                description: 'As a few companies have come to dominate the development and resources that support the most visible AI systems, market concentration dynamics and technological sovereignty questions will play a significant role in determining the positive and negative outcomes of the technology.',
                openness: 'Open access and open development of AI systems has enabled access to the technology that is less dependent on the resources of a few companies, more transparent to regulators, and shaped by a greater variety of actors.',
                color: 'bg-red-100 text-red-800',
                gradient: 'from-red-50 to-red-100 hover:from-red-100 hover:to-red-200 border-red-200 hover:border-red-300 text-red-900'
            },
            usage: {
                id: 'usage',
                name: 'How and where is (open) AI used',
                navName: 'AI Usage Patterns',  // Short name for navigation
                description: 'Understanding how and where AI is used and what data and compute resources support its development and deployment is essential to understanding its impact on society. This includes studying which domains it is more or less suitable for, how AI systems are adapted and transformed by different actors, and where the data that supports its development comes from.',
                openness: 'Documentation and transparency of the components and use cases of AI systems supports research by broader domains of expertise.',
                color: 'bg-purple-100 text-purple-800',
                gradient: 'from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 border-purple-200 hover:border-purple-300 text-purple-900'
            }
        },
        imagePosition: 'right'
    }
};

export const homeBackgroundImage = {
    image: 'ai.png',
    attribution: 'Jamillah Knowles & Digit | BetterImagesOfAI, CC-BY-4.0',
    altText: 'The image is of the exterior of an impression of a building. People and figures can be seen inside and outside of the building. There are clouds of network connections all around the building and inside. It relates to the digital networked workplace.',
    sourceUrl: 'https://betterimagesofai.org/images?artist=JamillahKnowles&title=BuildingCorp'
};

export const overallBackgroundImage = {
    image: 'background_ai.png',
    attribution: 'Jamillah Knowles & Digit | BetterImagesOfAI, CC-BY-4.0',
    altText: 'A pink and yellow abstract image of an office with people working, chatting and walking around. Above their heads are clouds of network connections.  It was painted with guache and drawn with pencils.',
    sourceUrl: 'https://betterimagesofai.org/images?artist=JamillahKnowles&title=PinkOffice'
};

// Helper function to generate navigation structure from areasData
// This is the SINGLE SOURCE OF TRUTH for all navigation
export function getNavigationData() {
    return Object.values(areasData).map(area => ({
        id: area.id,
        navTitle: area.navTitle,
        title: area.title,
        topics: Object.values(area.subAreas).map(subArea => ({
            id: subArea.id,
            navName: subArea.navName,
            name: subArea.name
        }))
    }));
}

// Get navigation structure for a specific area
export function getAreaNavigation(areaId) {
    const area = areasData[areaId];
    if (!area) return null;
    
    return {
        id: area.id,
        navTitle: area.navTitle,
        title: area.title,
        topics: Object.values(area.subAreas).map(subArea => ({
            id: subArea.id,
            navName: subArea.navName,
            name: subArea.name
        }))
    };
}