change advisors info

phd-advisor-frontend/src/components/AdvisorStatusDropdown.js

@@ -0,0 +1,337 @@
+import React, { useState, useEffect } from 'react';
+import { Users, ChevronDown } from 'lucide-react';
+
+const AdvisorStatusDropdown = ({ advisors, thinkingAdvisors, getAdvisorColors, isDark }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  
+  // Safety checks
+  if (!advisors || typeof advisors !== 'object') {
+    return null;
+  }
+  
+  const advisorEntries = Object.entries(advisors);
+  const thinkingCount = Array.isArray(thinkingAdvisors) 
+    ? thinkingAdvisors.filter(id => id !== 'system').length 
+    : 0;
+  const totalAdvisors = advisorEntries.length;
+
+  const handleToggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (isOpen && !event.target.closest('.advisor-status-dropdown')) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [isOpen]);
+
+  return (
+    <div className="advisor-status-dropdown">
+      <button 
+        className={`advisor-status-button ${isOpen ? 'open' : ''}`}
+        onClick={handleToggle}
+      >
+        <div className="advisor-status-info">
+          <Users size={16} />
+          <span className="advisor-count">
+            {totalAdvisors} Advisor{totalAdvisors !== 1 ? 's' : ''}
+          </span>
+          {thinkingCount > 0 && (
+            <div className="thinking-badge">
+              {thinkingCount} thinking
+            </div>
+          )}
+        </div>
+        <ChevronDown size={14} className={`dropdown-arrow ${isOpen ? 'rotated' : ''}`} />
+      </button>
+      
+      {isOpen && (
+        <div className="advisor-dropdown-panel">
+          <div className="advisor-list">
+            {advisorEntries.map(([id, advisor]) => {
+              const IconComponent = advisor.icon;
+              const colors = getAdvisorColors(id, isDark);
+              const isThinking = Array.isArray(thinkingAdvisors) && thinkingAdvisors.includes(id);
+              
+              return (
+                <div 
+                  key={id} 
+                  className={`advisor-item ${isThinking ? 'thinking' : ''}`}
+                  style={{ 
+                    '--advisor-color': colors.color,
+                    '--advisor-bg': colors.bgColor
+                  }}
+                >
+                  <div className="advisor-icon">
+                    <IconComponent size={16} />
+                  </div>
+                  <div className="advisor-details">
+                    <div className="advisor-name">{advisor.name}</div>
+                    <div className="advisor-description">{advisor.description}</div>
+                  </div>
+                  <div className="advisor-status">
+                    {isThinking ? (
+                      <div className="status-thinking">
+                        <div className="thinking-dots">
+                          <div className="dot"></div>
+                          <div className="dot"></div>
+                          <div className="dot"></div>
+                        </div>
+                      </div>
+                    ) : (
+                      <div className="status-ready">Ready</div>
+                    )}
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      )}
+      
+      <style jsx>{`
+        .advisor-status-dropdown {
+          position: relative;
+          display: inline-block;
+        }
+        
+        .advisor-status-button {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          padding: 8px 12px;
+          background: var(--bg-primary);
+          border: 1px solid var(--border-primary);
+          border-radius: 12px;
+          cursor: pointer;
+          transition: all 0.2s ease;
+          font-size: 13px;
+          min-width: 140px;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+          color: var(--text-primary);
+        }
+        
+        .advisor-status-button:hover {
+          background: var(--bg-secondary);
+          border-color: var(--accent-primary);
+          transform: translateY(-1px);
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+        
+        .advisor-status-button.open {
+          background: var(--bg-secondary);
+          border-color: var(--accent-primary);
+        }
+        
+        .advisor-status-info {
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          flex: 1;
+        }
+        
+        .advisor-count {
+          font-weight: 600;
+          color: var(--text-primary);
+        }
+        
+        .thinking-badge {
+          background: var(--accent-primary);
+          color: white;
+          padding: 2px 6px;
+          border-radius: 8px;
+          font-size: 10px;
+          font-weight: 600;
+          animation: pulse 2s ease-in-out infinite;
+        }
+        
+        .dropdown-arrow {
+          color: var(--text-secondary);
+          transition: transform 0.2s ease;
+        }
+        
+        .dropdown-arrow.rotated {
+          transform: rotate(180deg);
+        }
+        
+        .advisor-dropdown-panel {
+          position: absolute;
+          top: calc(100% + 8px);
+          right: 0;
+          min-width: 280px;
+          max-width: 320px;
+          background: var(--bg-primary);
+          border: 1px solid var(--border-primary);
+          border-radius: 12px;
+          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
+          z-index: 1000;
+          overflow: hidden;
+          backdrop-filter: blur(20px);
+          -webkit-backdrop-filter: blur(20px);
+        }
+        
+        [data-theme="dark"] .advisor-dropdown-panel {
+          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
+        }
+        
+        .advisor-list {
+          max-height: 300px;
+          overflow-y: auto;
+          scrollbar-width: thin;
+          scrollbar-color: var(--border-primary) transparent;
+        }
+        
+        .advisor-list::-webkit-scrollbar {
+          width: 6px;
+        }
+        
+        .advisor-list::-webkit-scrollbar-track {
+          background: transparent;
+        }
+        
+        .advisor-list::-webkit-scrollbar-thumb {
+          background: var(--border-primary);
+          border-radius: 3px;
+        }
+        
+        .advisor-item {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 12px 16px;
+          border-bottom: 1px solid var(--border-primary);
+          transition: background-color 0.2s ease;
+        }
+        
+        .advisor-item:last-child {
+          border-bottom: none;
+        }
+        
+        .advisor-item:hover {
+          background: var(--bg-secondary);
+        }
+        
+        .advisor-item.thinking {
+          background: var(--advisor-bg);
+        }
+        
+        .advisor-icon {
+          width: 32px;
+          height: 32px;
+          border-radius: 8px;
+          background: var(--advisor-bg);
+          color: var(--advisor-color);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          border: 1px solid var(--advisor-color);
+        }
+        
+        .advisor-details {
+          flex: 1;
+          min-width: 0;
+        }
+        
+        .advisor-name {
+          font-weight: 600;
+          color: var(--text-primary);
+          font-size: 13px;
+          margin-bottom: 2px;
+        }
+        
+        .advisor-description {
+          font-size: 11px;
+          color: var(--text-secondary);
+          line-height: 1.3;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        
+        .advisor-status {
+          flex-shrink: 0;
+        }
+        
+        .status-thinking {
+          display: flex;
+          align-items: center;
+          gap: 4px;
+        }
+        
+        .thinking-dots {
+          display: flex;
+          gap: 2px;
+        }
+        
+        .thinking-dots .dot {
+          width: 4px;
+          height: 4px;
+          background: var(--advisor-color);
+          border-radius: 50%;
+          animation: thinking-bounce 1.4s infinite ease-in-out both;
+        }
+        
+        .thinking-dots .dot:nth-child(1) { animation-delay: -0.32s; }
+        .thinking-dots .dot:nth-child(2) { animation-delay: -0.16s; }
+        .thinking-dots .dot:nth-child(3) { animation-delay: 0s; }
+        
+        .status-ready {
+          font-size: 11px;
+          color: var(--text-tertiary);
+          font-weight: 500;
+        }
+        
+        @keyframes thinking-bounce {
+          0%, 80%, 100% { transform: scale(0); }
+          40% { transform: scale(1); }
+        }
+        
+        @keyframes pulse {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.7; }
+        }
+        
+        /* Responsive Design */
+        @media (max-width: 768px) {
+          .advisor-dropdown-panel {
+            right: -20px;
+            left: -20px;
+            min-width: unset;
+            max-width: unset;
+          }
+          
+          .advisor-status-button {
+            min-width: 120px;
+            font-size: 12px;
+          }
+          
+          .advisor-item {
+            padding: 10px 12px;
+          }
+          
+          .advisor-icon {
+            width: 28px;
+            height: 28px;
+          }
+          
+          .advisor-name {
+            font-size: 12px;
+          }
+          
+          .advisor-description {
+            font-size: 10px;
+          }
+        }
+      `}</style>
+    </div>
+  );
+};
+
+export default AdvisorStatusDropdown;

phd-advisor-frontend/src/data/advisors.js

@@ -1,8 +1,10 @@
-import { BookOpen, Target, Brain } from 'lucide-react';
+import { 
+  BookOpen, Target, Brain, HelpCircle, Zap, Search, 
+  Feather, Minus, Eye, Heart 
+} from 'lucide-react';
 
 export const advisors = {
   methodologist: {
-    // Original structure preserved
     name: 'Methodologist',
     role: 'Research Methodology Expert',
     // Light theme colors
@@ -15,7 +17,6 @@ export const advisors = {
     icon: BookOpen,
     description: 'Structured & Planning-focused',
     
-    // Enhanced information added
     fullTitle: 'Methodologist - Research Methodology Expert',
     credentials: 'PhD in Research Methods and Statistics from Stanford University',
     experience: '15+ years of experience guiding doctoral students',
@@ -62,7 +63,6 @@ export const advisors = {
   },
 
   theorist: {
-    // Original structure preserved
     name: 'Theorist',
     role: 'Theoretical Frameworks Specialist',
     // Light theme colors
@@ -75,7 +75,6 @@ export const advisors = {
     icon: Brain,
     description: 'Abstract & Conceptual',
     
-    // Enhanced information added
     fullTitle: 'Theorist - Theoretical Frameworks Specialist',
     credentials: 'PhD in Philosophy of Science from Oxford University',
     experience: 'Deep expertise in epistemology and conceptual development',
@@ -122,7 +121,6 @@ export const advisors = {
   },
 
   pragmatist: {
-    // Original structure preserved
     name: 'Pragmatist',
     role: 'Action-Focused Research Coach',
     // Light theme colors
@@ -135,7 +133,6 @@ export const advisors = {
     icon: Target,
     description: 'Real-world & Outcome-focused',
     
-    // Enhanced information added
     fullTitle: 'Pragmatist - Action-Focused Research Coach',
     credentials: 'PhD in Applied Psychology from UC Berkeley',
     experience: '12+ years of mentoring experience specializing in practical progress',
@@ -179,6 +176,419 @@ export const advisors = {
       structure: 'Always ends with specific, actionable next steps',
       citations: 'References practical examples and success strategies'
     }
+  },
+
+  socratic: {
+    name: 'Socratic Mentor',
+    role: 'Critical Thinking Guide',
+    // Light theme colors
+    color: '#F59E0B',
+    bgColor: '#FEF3C7',
+    // Dark theme colors
+    darkColor: '#FBBF24',
+    darkBgColor: '#92400E',
+    // Icon and description
+    icon: HelpCircle,
+    description: 'Question-driven & Discovery-focused',
+    
+    fullTitle: 'Socratic Mentor - Critical Thinking Guide',
+    credentials: 'PhD in Philosophy from Harvard University',
+    experience: '20+ years of experience in philosophical inquiry and critical thinking development',
+    
+    specialties: [
+      'Socratic Questioning Techniques',
+      'Critical Thinking Development',
+      'Philosophical Inquiry & Logic',
+      'Self-directed Learning Facilitation',
+      'Assumption Challenging',
+      'Perspective Broadening'
+    ],
+    
+    expertise: {
+      primary: 'Critical Thinking & Inquiry',
+      secondary: ['Philosophical Methods', 'Logical Reasoning', 'Self-Discovery'],
+      documentTypes: ['argument analyses', 'research justifications', 'theoretical discussions'],
+      strengths: [
+        'Guiding self-discovery through questions',
+        'Challenging assumptions constructively',
+        'Developing critical thinking skills',
+        'Facilitating intellectual breakthroughs'
+      ]
+    },
+    
+    personality: {
+      tone: 'Thoughtful, probing, and intellectually curious',
+      approach: 'Guides discovery through systematic questioning',
+      communicationStyle: 'Question-heavy, reflective, discovery-oriented',
+      documentHandling: 'Questions assumptions and guides deeper inquiry into their reasoning'
+    },
+    
+    sampleQuestions: [
+      "What assumptions are underlying my research approach?",
+      "How did I arrive at this particular research question?",
+      "What would happen if I questioned this fundamental assumption?",
+      "What evidence would challenge my current thinking?"
+    ],
+    
+    responseStyle: {
+      length: 'Focused on strategic questioning with minimal direct answers',
+      structure: 'Series of probing questions building toward insight',
+      citations: 'References philosophical traditions and questioning methodologies'
+    }
+  },
+
+  motivator: {
+    name: 'Motivational Coach',
+    role: 'Academic Resilience Specialist',
+    // Light theme colors
+    color: '#EF4444',
+    bgColor: '#FEF2F2',
+    // Dark theme colors
+    darkColor: '#F87171',
+    darkBgColor: '#991B1B',
+    // Icon and description
+    icon: Zap,
+    description: 'Energizing & Confidence-building',
+    
+    fullTitle: 'Motivational Coach - Academic Resilience Specialist',
+    credentials: 'PhD in Educational Psychology from University of Pennsylvania',
+    experience: 'Performance coaching certification and expertise in academic motivation',
+    
+    specialties: [
+      'Academic Motivation & Goal Setting',
+      'Resilience Building & Stress Management',
+      'Growth Mindset Development',
+      'Overcoming Imposter Syndrome',
+      'Performance Psychology',
+      'Sustainable Productivity Habits'
+    ],
+    
+    expertise: {
+      primary: 'Motivation & Resilience',
+      secondary: ['Goal Setting', 'Stress Management', 'Performance Psychology'],
+      documentTypes: ['progress reports', 'goal statements', 'reflection journals'],
+      strengths: [
+        'Building academic confidence',
+        'Maintaining motivation through challenges',
+        'Developing resilience strategies',
+        'Creating sustainable work habits'
+      ]
+    },
+    
+    personality: {
+      tone: 'Energetic, enthusiastic, and genuinely encouraging',
+      approach: 'Focuses on strengths, progress, and potential',
+      communicationStyle: 'Inspiring, supportive, achievement-oriented',
+      documentHandling: 'Highlights progress and reframes challenges as growth opportunities'
+    },
+    
+    sampleQuestions: [
+      "How can I stay motivated during difficult research phases?",
+      "What strategies help overcome academic imposter syndrome?",
+      "How do I build resilience for the long PhD journey?",
+      "What are my core strengths I can leverage more?"
+    ],
+    
+    responseStyle: {
+      length: 'Energetic and uplifting with concrete motivation strategies',
+      structure: 'Acknowledges challenges then focuses on solutions and strengths',
+      citations: 'References motivational psychology and success stories'
+    }
+  },
+
+  critic: {
+    name: 'Constructive Critic',
+    role: 'Academic Quality Analyst',
+    // Light theme colors
+    color: '#DC2626',
+    bgColor: '#FEF2F2',
+    // Dark theme colors
+    darkColor: '#F87171',
+    darkBgColor: '#7F1D1D',
+    // Icon and description
+    icon: Search,
+    description: 'Detail-oriented & Standards-focused',
+    
+    fullTitle: 'Constructive Critic - Academic Quality Analyst',
+    credentials: 'PhD in Critical Studies from Cambridge University',
+    experience: 'Journal editor and dissertation examiner with expertise in scholarly rigor',
+    
+    specialties: [
+      'Critical Analysis & Logic Assessment',
+      'Academic Writing Evaluation',
+      'Research Design Critique',
+      'Literature Review Quality Control',
+      'Scholarly Rigor Standards',
+      'Peer Review Excellence'
+    ],
+    
+    expertise: {
+      primary: 'Critical Analysis & Quality Assurance',
+      secondary: ['Academic Standards', 'Logical Consistency', 'Evidence Evaluation'],
+      documentTypes: ['draft chapters', 'research proposals', 'manuscript submissions'],
+      strengths: [
+        'Identifying logical gaps and weaknesses',
+        'Ensuring methodological rigor',
+        'Improving argument coherence',
+        'Preparing work for peer review'
+      ]
+    },
+    
+    personality: {
+      tone: 'Direct, honest, and constructively critical',
+      approach: 'Systematic analysis with specific improvement recommendations',
+      communicationStyle: 'Precise, detailed, standards-focused',
+      documentHandling: 'Thoroughly analyzes work for gaps, inconsistencies, and improvement areas'
+    },
+    
+    sampleQuestions: [
+      "What are the weakest aspects of my argument?",
+      "Where might reviewers find fault with my methodology?",
+      "How can I strengthen the logic of my research design?",
+      "What gaps exist in my literature review?"
+    ],
+    
+    responseStyle: {
+      length: 'Detailed with specific critiques and improvement suggestions',
+      structure: 'Systematic analysis with balanced critique and constructive guidance',
+      citations: 'References academic standards and best practices'
+    }
+  },
+
+  storyteller: {
+    name: 'Narrative Advisor',
+    role: 'Communication & Storytelling Expert',
+    // Light theme colors
+    color: '#6366F1',
+    bgColor: '#EEF2FF',
+    // Dark theme colors
+    darkColor: '#818CF8',
+    darkBgColor: '#3730A3',
+    // Icon and description
+    icon: Feather,
+    description: 'Creative & Communication-focused',
+    
+    fullTitle: 'Narrative Advisor - Communication & Storytelling Expert',
+    credentials: 'PhD in Rhetoric and Composition from Northwestern University',
+    experience: 'Science communication expertise and narrative-based knowledge translation',
+    
+    specialties: [
+      'Narrative Structure & Storytelling',
+      'Academic Communication & Translation',
+      'Metaphor & Analogy Development',
+      'Public Engagement & Accessibility',
+      'Creative Thinking & Perspective',
+      'Knowledge Synthesis Through Stories'
+    ],
+    
+    expertise: {
+      primary: 'Communication & Storytelling',
+      secondary: ['Knowledge Translation', 'Creative Expression', 'Audience Engagement'],
+      documentTypes: ['presentations', 'public-facing writing', 'research narratives'],
+      strengths: [
+        'Making complex ideas accessible',
+        'Creating compelling research narratives',
+        'Developing effective analogies',
+        'Enhancing communication skills'
+      ]
+    },
+    
+    personality: {
+      tone: 'Creative, engaging, and imaginatively insightful',
+      approach: 'Uses stories, analogies, and narratives to illuminate concepts',
+      communicationStyle: 'Vivid, memorable, narrative-driven',
+      documentHandling: 'Identifies narrative threads and helps communicate research stories'
+    },
+    
+    sampleQuestions: [
+      "How can I tell the story of my research more compellingly?",
+      "What analogies would help explain my complex methodology?",
+      "How do I make my findings accessible to broader audiences?",
+      "What's the narrative arc of my dissertation?"
+    ],
+    
+    responseStyle: {
+      length: 'Rich with stories, examples, and creative illustrations',
+      structure: 'Narrative-driven with memorable analogies and examples',
+      citations: 'References storytelling traditions and communication research'
+    }
+  },
+
+  minimalist: {
+    name: 'Minimalist Mentor',
+    role: 'Essential Focus Advisor',
+    // Light theme colors
+    color: '#6B7280',
+    bgColor: '#F9FAFB',
+    // Dark theme colors
+    darkColor: '#9CA3AF',
+    darkBgColor: '#374151',
+    // Icon and description
+    icon: Minus,
+    description: 'Concise & Priority-focused',
+    
+    fullTitle: 'Minimalist Mentor - Essential Focus Advisor',
+    credentials: 'PhD in Cognitive Science from MIT',
+    experience: 'Systems thinking background with expertise in efficient academic progress',
+    
+    specialties: [
+      'Essential Thinking & Priority Identification',
+      'Efficient Research Strategies',
+      'Core Concept Simplification',
+      'Decision-making Frameworks',
+      'Focused Attention & Deep Work',
+      'Academic Productivity Optimization'
+    ],
+    
+    expertise: {
+      primary: 'Essential Focus & Efficiency',
+      secondary: ['Priority Setting', 'Simplification', 'Clear Decision-making'],
+      documentTypes: ['focused plans', 'priority matrices', 'streamlined processes'],
+      strengths: [
+        'Cutting through complexity to essentials',
+        'Identifying core priorities',
+        'Streamlining decision-making',
+        'Eliminating unnecessary elements'
+      ]
+    },
+    
+    personality: {
+      tone: 'Concise, direct, and clarity-focused',
+      approach: 'Strips away complexity to reveal essential elements',
+      communicationStyle: 'Brief, structured, action-oriented',
+      documentHandling: 'Identifies core contributions and essential elements requiring focus'
+    },
+    
+    sampleQuestions: [
+      "What's the one most important thing I should focus on?",
+      "How can I simplify my research approach?",
+      "What can I eliminate to improve my progress?",
+      "What are the essential elements of my dissertation?"
+    ],
+    
+    responseStyle: {
+      length: 'Concise and to-the-point without unnecessary elaboration',
+      structure: 'Simple frameworks with clear, actionable guidance',
+      citations: 'References efficiency principles and focus methodologies'
+    }
+  },
+
+  visionary: {
+    name: 'Visionary Strategist',
+    role: 'Innovation & Future Trends Expert',
+    // Light theme colors
+    color: '#06B6D4',
+    bgColor: '#ECFEFF',
+    // Dark theme colors
+    darkColor: '#22D3EE',
+    darkBgColor: '#0E7490',
+    // Icon and description
+    icon: Eye,
+    description: 'Forward-thinking & Innovation-focused',
+    
+    fullTitle: 'Visionary Strategist - Innovation & Future Trends Expert',
+    credentials: 'PhD in Futures Studies from University of Houston',
+    experience: 'Innovation strategy experience with expertise in transformative research directions',
+    
+    specialties: [
+      'Emerging Trends Analysis & Forecasting',
+      'Innovation Strategy & Disruptive Thinking',
+      'Interdisciplinary Connections',
+      'Technology Integration & Digital Transformation',
+      'Global Challenges & Systemic Solutions',
+      'Transformative Research Positioning'
+    ],
+    
+    expertise: {
+      primary: 'Innovation & Future Strategy',
+      secondary: ['Trend Analysis', 'Interdisciplinary Thinking', 'Impact Maximization'],
+      documentTypes: ['innovation proposals', 'future scenarios', 'strategic plans'],
+      strengths: [
+        'Identifying emerging opportunities',
+        'Connecting disparate fields',
+        'Anticipating future developments',
+        'Maximizing transformative potential'
+      ]
+    },
+    
+    personality: {
+      tone: 'Inspiring, ambitious, and forward-looking',
+      approach: 'Encourages bold thinking and explores future possibilities',
+      communicationStyle: 'Visionary, expansive, possibility-oriented',
+      documentHandling: 'Identifies innovative potential and connects to future trends'
+    },
+    
+    sampleQuestions: [
+      "How might my research transform the field in 10 years?",
+      "What emerging trends should influence my research direction?",
+      "How can I position my work for maximum future impact?",
+      "What innovative approaches haven't been tried yet?"
+    ],
+    
+    responseStyle: {
+      length: 'Expansive with big-picture thinking and future scenarios',
+      structure: 'Explores possibilities and connects to broader trends',
+      citations: 'References innovation research and future studies'
+    }
+  },
+
+  empathetic: {
+    name: 'Empathetic Listener',
+    role: 'Well-being & Support Specialist',
+    // Light theme colors
+    color: '#EC4899',
+    bgColor: '#FDF2F8',
+    // Dark theme colors
+    darkColor: '#F472B6',
+    darkBgColor: '#BE185D',
+    // Icon and description
+    icon: Heart,
+    description: 'Caring & Emotionally supportive',
+    
+    fullTitle: 'Empathetic Listener - Well-being & Support Specialist',
+    credentials: 'PhD in Clinical Psychology from Yale University',
+    experience: 'Academic counseling specialization with expertise in student well-being',
+    
+    specialties: [
+      'Academic Stress Management & Well-being',
+      'Work-life Balance & Self-care',
+      'Mental Health Awareness & Support',
+      'Interpersonal Relationships in Academia',
+      'Identity Development & Personal Growth',
+      'Mindfulness & Stress Reduction'
+    ],
+    
+    expertise: {
+      primary: 'Emotional Support & Well-being',
+      secondary: ['Stress Management', 'Self-care', 'Personal Development'],
+      documentTypes: ['reflection journals', 'well-being plans', 'personal statements'],
+      strengths: [
+        'Providing emotional validation',
+        'Supporting work-life balance',
+        'Addressing mental health concerns',
+        'Fostering personal growth'
+      ]
+    },
+    
+    personality: {
+      tone: 'Warm, compassionate, and genuinely caring',
+      approach: 'Validates emotions and provides holistic support',
+      communicationStyle: 'Gentle, understanding, person-centered',
+      documentHandling: 'Recognizes emotional labor and provides supportive validation'
+    },
+    
+    sampleQuestions: [
+      "How can I manage PhD stress and maintain well-being?",
+      "How do I deal with feelings of isolation in research?",
+      "What strategies help with academic anxiety?",
+      "How can I maintain healthy boundaries during my PhD?"
+    ],
+    
+    responseStyle: {
+      length: 'Supportive and validating with emphasis on emotional well-being',
+      structure: 'Acknowledges emotions first, then provides gentle guidance',
+      citations: 'References well-being research and self-care practices'
+    }
   }
 };
 
@@ -192,9 +602,16 @@ export const getAdvisorColors = (advisorId, isDark = false) => {
     bgColor: isDark ? advisor.darkBgColor : advisor.bgColor,
     // For text that needs to be readable on colored backgrounds
     textColor: isDark ? '#F9FAFB' :
-      advisor.color === '#10B981' ? '#047857' : // Darker green for pragmatist
-      advisor.color === '#3B82F6' ? '#1D4ED8' : // Darker blue for methodologist
-      advisor.color === '#8B5CF6' ? '#7C3AED' : // Darker purple for theorist
+      advisor.color === '#10B981' ? '#047857' : 
+      advisor.color === '#3B82F6' ? '#1D4ED8' : 
+      advisor.color === '#8B5CF6' ? '#7C3AED' : 
+      advisor.color === '#F59E0B' ? '#92400E' :
+      advisor.color === '#EF4444' ? '#DC2626' :
+      advisor.color === '#DC2626' ? '#7F1D1D' :
+      advisor.color === '#6366F1' ? '#3730A3' :
+      advisor.color === '#6B7280' ? '#374151' :
+      advisor.color === '#06B6D4' ? '#0E7490' :
+      advisor.color === '#EC4899' ? '#BE185D' :
       '#374151' // fallback
   };
 };

phd-advisor-frontend/src/pages/ChatPage.js

@@ -12,6 +12,7 @@ import { advisors, getAdvisorColors } from '../data/advisors';
 import { useTheme } from '../contexts/ThemeContext';
 import '../styles/ChatPage.css';
 import '../styles/EnhancedChatInput.css';
+import AdvisorStatusDropdown from '../components/AdvisorStatusDropdown';
 
 const ChatPage = ({ user, authToken, onNavigateToHome, onSignOut }) => {
   const [messages, setMessages] = useState([]);
@@ -246,11 +247,13 @@ const handleNewChat = async (sessionId = null) => {
   }
 };
 
+  
+
   const handleFileUploaded = async (fileInfo) => {
   const documentMessage = {
     id: generateMessageId(),
     type: 'document_upload',
-    content: `Document uploaded: ${fileInfo.filename}`,
+    content: `Document uploaded: ${fileInfo.name}`,
     timestamp: new Date()
   };
   
@@ -268,7 +271,7 @@ const handleNewChat = async (sessionId = null) => {
 
     // Create user message
     const userMessage = {
-      id: generateMessageId(), // This uses your existing function
+      id: generateMessageId(),
       type: 'user',
       content: inputMessage,
       timestamp: new Date()
@@ -303,7 +306,6 @@ const handleNewChat = async (sessionId = null) => {
     setThinkingAdvisors(['system']);
 
     try {
-      // Your existing API call logic here...
       const response = await fetch('http://localhost:8000/chat-sequential', {
         method: 'POST',
         headers: {
@@ -321,8 +323,21 @@ const handleNewChat = async (sessionId = null) => {
 
       const data = await response.json();
 
-      if (data.type === 'sequential_responses' && data.responses) {
-        // Create advisor messages
+      // Handle clarification needed case
+      if (data.type === 'clarification_needed') {
+        const clarificationMessage = {
+          id: generateMessageId(),
+          type: 'clarification',
+          content: data.message,
+          suggestions: data.suggestions || [],
+          timestamp: new Date()
+        };
+
+        setMessages(prev => [...prev, clarificationMessage]);
+        await saveMessageToSession(clarificationMessage);
+
+      } else if (data.type === 'sequential_responses' && data.responses) {
+        // Handle normal advisor responses
         const advisorMessages = data.responses.map((advisor) => ({
           id: generateMessageId(),
           type: 'advisor',
@@ -332,7 +347,6 @@ const handleNewChat = async (sessionId = null) => {
           timestamp: new Date()
         }));
 
-        // Add to local state
         setMessages(prev => [...prev, ...advisorMessages]);
 
         // Save each advisor message to database
@@ -556,6 +570,16 @@ const handleNewChat = async (sessionId = null) => {
     }
   };
 
+  const handleInputSubmit = async (inputMessage) => {
+  if (replyingTo) {
+    // This is a reply to a specific message
+    await handleReplyToAdvisor(inputMessage, replyingTo);
+  } else {
+    // This is a regular message
+    await handleSendMessage(inputMessage);
+  }
+};
+
   const cancelReply = () => {
     setReplyingTo(null);
   };
@@ -602,35 +626,12 @@ const handleNewChat = async (sessionId = null) => {
             </div>
             
             <div className="header-right">
-              <div className="advisor-pills">
-                {Object.entries(advisors).map(([id, advisor]) => {
-                  const Icon = advisor.icon;
-                  const colors = getAdvisorColors(id, isDark);
-                  const isThinking = thinkingAdvisors.includes(id);
-                  
-                  return (
-                    <div 
-                      key={id} 
-                      className={`advisor-pill ${isThinking ? 'thinking' : ''}`}
-                      style={{ 
-                        '--advisor-color': colors.color,
-                        '--advisor-bg': colors.bgColor
-                      }}
-                      title={`${advisor.name} - ${advisor.expertise}`}
-                    >
-                      <Icon size={16} />
-                      <span>{advisor.name}</span>
-                      {isThinking && (
-                        <div className="thinking-dots">
-                          <div className="dot"></div>
-                          <div className="dot"></div>
-                          <div className="dot"></div>
-                        </div>
-                      )}
-                    </div>
-                  );
-                })}
-              </div>
+              <AdvisorStatusDropdown 
+                advisors={advisors}
+                thinkingAdvisors={thinkingAdvisors}
+                getAdvisorColors={getAdvisorColors}
+                isDark={isDark}
+              />
               
               <div className="header-controls">
                 {/* Add session title display */}
@@ -737,6 +738,37 @@ const handleNewChat = async (sessionId = null) => {
                             </div>
                           </div>
                         )}
+
+                        {message.type === 'clarification' && (
+                          <div className="clarification-message-container">
+                            <div className="clarification-message">
+                              <div className="clarification-header">
+                                <MessageCircle size={16} />
+                                <span>I need a bit more information</span>
+                              </div>
+                              <p>{message.content}</p>
+                              
+                              {message.suggestions && message.suggestions.length > 0 && (
+                                <div className="clarification-suggestions">
+                                  <p className="suggestions-label">Here are some ways you could be more specific:</p>
+                                  <div className="suggestions-list">
+                                    {message.suggestions.map((suggestion, index) => (
+                                      <button
+                                        key={index}
+                                        className="suggestion-button"
+                                        onClick={() => handleSendMessage(suggestion)}
+                                      >
+                                        {suggestion}
+                                      </button>
+                                    ))}
+                                  </div>
+                                </div>
+                              )}
+                            </div>
+                          </div>
+                        )}
+
+                        
                       </div>
                     ))}
 
@@ -781,7 +813,7 @@ const handleNewChat = async (sessionId = null) => {
             )}
             
             <EnhancedChatInput 
-              onSendMessage={handleSendMessage}
+              onSendMessage={handleInputSubmit}
               onFileUploaded={handleFileUploaded}
               uploadedDocuments={uploadedDocuments}
               isLoading={isLoading}

phd-advisor-frontend/src/styles/ChatPage.css

@@ -106,29 +106,7 @@
   gap: 12px;
 }
 
-/* Advisor Pills */
-.advisor-pills {
-  display: flex;
-  gap: 8px;
-}
 
-.advisor-pill {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 12px;
-  border-radius: 20px;
-  border: 1px solid;
-  background: var(--bg-primary);
-  font-size: 12px;
-  font-weight: 500;
-  transition: all 0.3s ease;
-  position: relative;
-}
-
-.advisor-pill.thinking {
-  animation: pulse 2s ease-in-out infinite;
-}
 
 .thinking-pulse {
   position: absolute;
@@ -767,6 +745,142 @@
   letter-spacing: 0.5px;
 }
 
+.clarification-message-container {
+  display: flex;
+  justify-content: center;
+  margin: 24px 0;
+}
+
+.clarification-message {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-primary);
+  color: var(--text-primary);
+  padding: 20px;
+  border-radius: 16px;
+  max-width: 600px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+  border-left: 4px solid var(--accent-primary);
+  position: relative;
+  overflow: hidden;
+}
+
+/* Add subtle accent background */
+.clarification-message::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--accent-gradient);
+  opacity: 0.03;
+  pointer-events: none;
+}
+
+[data-theme="dark"] .clarification-message {
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme="dark"] .clarification-message::before {
+  opacity: 0.05;
+}
+
+.clarification-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--accent-primary);
+  position: relative;
+  z-index: 1;
+}
+
+.clarification-message p {
+  margin: 0 0 16px 0;
+  line-height: 1.6;
+  font-size: 15px;
+  color: var(--text-secondary);
+  position: relative;
+  z-index: 1;
+}
+
+.clarification-suggestions {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border-primary);
+  position: relative;
+  z-index: 1;
+}
+
+.suggestions-label {
+  font-size: 13px;
+  margin-bottom: 12px;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.suggestions-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.suggestion-button {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  color: var(--text-primary);
+  padding: 12px 16px;
+  border-radius: 12px;
+  cursor: pointer;
+  text-align: left;
+  font-size: 13px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.suggestion-button::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--accent-primary);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  pointer-events: none;
+}
+
+.suggestion-button:hover {
+  border-color: var(--accent-primary);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.suggestion-button:hover::before {
+  opacity: 0.05;
+}
+
+.suggestion-button:hover {
+  color: var(--accent-primary);
+}
+
+[data-theme="dark"] .suggestion-button:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme="dark"] .suggestion-button:hover::before {
+  opacity: 0.1;
+}
+
+.suggestion-button:active {
+  transform: translateY(0);
+}
+
 .dropdown-arrow {
   color: var(--text-secondary);
   transition: transform 0.2s ease;
@@ -884,9 +998,6 @@
     gap: 12px;
   }
   
-  .advisor-pills {
-    display: none;
-  }
   
   .main-content {
     padding: 24px 12px 120px 12px; /* Adjusted for mobile */
@@ -933,4 +1044,23 @@
   .main-chat-area.sidebar-collapsed {
     margin-left: 0;
   }
+
+  .clarification-message {
+    margin: 0 16px;
+    max-width: none;
+    padding: 16px;
+  }
+  
+  .clarification-header {
+    font-size: 13px;
+  }
+  
+  .clarification-message p {
+    font-size: 14px;
+  }
+  
+  .suggestion-button {
+    padding: 10px 14px;
+    font-size: 12px;
+  }
 }