import React, { useState } from 'react'; import { Card } from '@/components/ui/card'; const CellularResponseViz = () => { const [selectedStressor, setSelectedStressor] = useState(null); const [selectedConstituent, setSelectedConstituent] = useState(null); const stressors = [ { id: 1, name: 'EMF', impact: 'Oxidative Stress', pathways: ['NF-κB', 'MAPK'] }, { id: 2, name: 'Environmental Toxins', impact: 'Inflammation', pathways: ['AHR', 'NRF2'] }, { id: 3, name: 'Psychological Stress', impact: 'Cortisol Elevation', pathways: ['HPA Axis', 'SNS'] } ]; const constituents = [ { id: 1, name: 'β-Caryophyllene', receptors: ['CB2', 'PPARγ'], effects: ['Anti-inflammatory', 'Stress adaptation'], genes: ['NRF2', 'FOXO'] }, { id: 2, name: 'Linalool', receptors: ['GABA', '5-HT1A'], effects: ['Anxiolytic', 'Neuroprotective'], genes: ['HSF', 'CREB'] }, { id: 3, name: 'Limonene', receptors: ['A2A', 'TRPM8'], effects: ['Adaptogenic', 'Anti-stress'], genes: ['SIRT1', 'PGC-1α'] }, { id: 4, name: 'Eudesmol', receptors: ['GABAA', 'TRPA1'], effects: ['Neuromodulatory', 'Stress resistance'], genes: ['BDNF', 'NGF'] }, { id: 5, name: '1,8 Cineole', receptors: ['TRPM8', 'AChR'], effects: ['Anti-inflammatory', 'Cognitive support'], genes: ['NRF2', 'BDNF'] }, { id: 6, name: 'Geraniol', receptors: ['TRPV1', 'PPARγ'], effects: ['Adaptogenic', 'Cellular protection'], genes: ['SIRT1', 'NRF2'] } ]; return (

Cellular Response Pathways

{/* Stressors Section */}

Environmental Stressors

{stressors.map(stressor => ( ))}
{/* Constituents Section */}

Essential Oil Constituents

{constituents.map(constituent => ( ))}
{/* Response Visualization */}

Cellular Response Analysis

{/* Stressor Impact */}

Stressor Impact:

{selectedStressor ? (
{selectedStressor.name}
Primary Impact: {selectedStressor.impact}
Activated Pathways:
    {selectedStressor.pathways.map(pathway => (
  • {pathway}
    • ))}
) : (
Select a stressor to view its impact
)}
{/* Constituent Response */}

Constituent Response:

{selectedConstituent ? (
{selectedConstituent.name}
Receptor Targets:
    {selectedConstituent.receptors.map(receptor => (
  • {receptor}
    • ))}
Effects:
    {selectedConstituent.effects.map(effect => (
  • {effect}
    • ))}
Activated Genes:
    {selectedConstituent.genes.map(gene => (
  • {gene}
    • ))}
) : (
Select a constituent to view its effects
)}
{/* Interaction Analysis */} {selectedStressor && selectedConstituent && (

Interaction Analysis

{selectedConstituent.name} can help modulate the cellular stress response triggered by {selectedStressor.name.toLowerCase()} through:

  • Receptor-mediated adaptation via {selectedConstituent.receptors.join(' and ')}
  • Activation of protective genes including {selectedConstituent.genes.join(' and ')}
  • Supporting cellular resilience through {selectedConstituent.effects.join(' and ').toLowerCase()} effects
)} {/* Resources Section */}

Resources & Further Learning

{/* Scientific References */}

Receptor Pathways Guide

  • CB2 (Cannabinoid Receptor 2)

    Key role in immune function and stress response

  • TRPM8/TRPA1/TRPV1

    Temperature-sensitive ion channels involved in cellular adaptation

  • PPARγ

    Nuclear receptor regulating inflammation and metabolism

  • GABA Receptors

    Primary inhibitory neurotransmitter system

{/* Practical Applications */}

Gene Activation Guide

  • NRF2

    Master regulator of antioxidant response

  • SIRT1

    Longevity gene involved in stress resistance

  • BDNF

    Supports neuroplasticity and adaptation

  • FOXO

    Stress resistance and cellular homeostasis

{/* Application Guidelines */}

Practical Application Guidelines

Assessment
  • Identify primary stressors
  • Evaluate current symptoms
  • Consider environmental factors
  • Review existing protocols
Implementation
  • Start with single constituents
  • Monitor response patterns
  • Adjust based on feedback
  • Document outcomes
Integration
  • Combine compatible constituents
  • Consider synergistic effects
  • Adapt to individual needs
  • Build progressive protocols
{/* Safety Considerations */}

Safety Considerations

  • Always conduct proper assessment before implementation
  • Start with lower concentrations and observe response
  • Consider individual sensitivity and medical history
  • Document any adverse reactions or unexpected effects
  • Maintain clear communication with clients about their experience
); }; export default CellularResponseViz;