Update dataset statistics to MuSProt conformational metrics

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/components/datasets/protein/ProteinDashboard.tsx

@@ -1,5 +1,5 @@
-import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
-import { FilterPanel } from './FilterPanel';
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { FilterPanel } from './FilterPanel';
 import { StaticDistributionPlots } from './StaticDistributionPlots';
 import { DataTable } from './DataTable';
 import { StatsPanel } from './StatsPanel';
@@ -10,7 +10,7 @@ import BindersPanel from './BindersPanel';
 import FunctionPanel from './FunctionPanel';
 import ErrorBoundary from './ErrorBoundary';
 import { proteinApi } from '../../../api/protein';
-import type { FilterParams, FilterOptions, DataResponse, SummaryStats, ChainMetadata } from '../../../types/protein';
+import type { FilterParams, FilterOptions, DataResponse, ChainMetadata } from '../../../types/protein';
 import { PageSEO } from '../../seo/PageSEO';
 import { MuSProtJsonLd } from '../../seo/MuSProtJsonLd';
 
@@ -23,13 +23,12 @@ interface CacheEntry {
 
 const NEGATIVE_CACHE_TTL = 10 * 60 * 1000; // 10 minutes
 
-export function ProteinDashboard() {
+export function ProteinDashboard() {
   // State management
   const [filterOptions, setFilterOptions] = useState<FilterOptions | null>(null);
   const [filters, setFilters] = useState<FilterParams>({});
   const [dataResponse, setDataResponse] = useState<DataResponse | null>(null);
-  const [summaryStats, setSummaryStats] = useState<SummaryStats | null>(null);
-  
+
   // Search input state (controlled)
   const [searchInputValue, setSearchInputValue] = useState('');
   const [searchStatus, setSearchStatus] = useState<'idle' | 'typing' | 'loading' | 'success' | 'not_found' | 'error'>('idle');
@@ -45,8 +44,7 @@ export function ProteinDashboard() {
   
   const [, setLoadingFilters] = useState(true);
   const [loadingData, setLoadingData] = useState(false);
-  const [loadingStats, setLoadingStats] = useState(false);
-  
+
   const [error, setError] = useState<string | null>(null);
 
   // Load filter options on mount
@@ -57,7 +55,7 @@ export function ProteinDashboard() {
         const options = await proteinApi.getFilters();
         setFilterOptions(options);
       } catch (err) {
-        setError('Failed to load filter options. The MuSProt database may still be initializing.');
+        setError('Failed to load filter options. The MuSProt database may still be initializing.');
         console.error('Error loading filters:', err);
       } finally {
         setLoadingFilters(false);
@@ -81,29 +79,16 @@ export function ProteinDashboard() {
     }
   }, [filters]);
 
-  const fetchStats = useCallback(async () => {
-    try {
-      setLoadingStats(true);
-      const stats = await proteinApi.getSummary(filters);
-      setSummaryStats(stats);
-    } catch (err) {
-      console.error('Error fetching stats:', err);
-    } finally {
-      setLoadingStats(false);
-    }
-  }, [filters]);
-
   // Debounced data fetching — skip fetchData when there's no active chain search
   useEffect(() => {
     const timeoutId = setTimeout(() => {
       if (filters.pdb_id && filters.auth_asym_id) {
         fetchData();
       }
-      fetchStats();
     }, 500);
 
     return () => clearTimeout(timeoutId);
-  }, [fetchData, fetchStats, filters.pdb_id, filters.auth_asym_id]);
+  }, [fetchData, filters.pdb_id, filters.auth_asym_id]);
 
   const handleFiltersChange = (newFilters: FilterParams) => {
     setFilters(newFilters);
@@ -271,13 +256,13 @@ export function ProteinDashboard() {
   return (
     <div className="protein-dashboard min-h-screen bg-white">
       <PageSEO
-        title="MuSProt: Multistate Protein Structure Database"
+        title="MuSProt: Multistate Protein Structure Database"
         description="Explore 355,731 protein chains from 121,584 PDB entries with pairwise structural comparisons, energy scoring, and CATH functional annotations. Download the full SQLite database."
-        path="/"
-      />
-      <MuSProtJsonLd />
-
-      {error && (
+        path="/"
+      />
+      <MuSProtJsonLd />
+
+      {error && (
         <div className="max-w-7xl mx-auto px-6 mt-4">
           <div className="protein-error-banner">
             <span>⚠️ {error}</span>
@@ -366,7 +351,7 @@ export function ProteinDashboard() {
 
               {/* Default Dataset Summary View */}
               <section className="border border-gray-200 rounded-2xl p-6 bg-white shadow-sm hover:border-slate-900 hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300">
-                <StatsPanel stats={summaryStats} loading={loadingStats} />
+                <StatsPanel />
               </section>
 
               <section>

frontend/src/components/datasets/protein/StatsPanel.tsx

@@ -1,42 +1,37 @@
 import React from 'react';
-import type { SummaryStats } from '../../../types/protein';
 import './StatsPanel.css';
 
-interface StatsPanelProps {
-  stats: SummaryStats | null;
-  loading: boolean;
-}
-
-export const StatsPanel: React.FC<StatsPanelProps> = ({ stats, loading }) => {
-  if (loading || !stats) {
-    return null;
-  }
-
+export const StatsPanel: React.FC = () => {
   return (
     <div className="stats-panel">
       <div className="stat-card">
-        <div className="stat-value">{stats.total_records.toLocaleString()}</div>
-        <div className="stat-label">Total Records</div>
+        <div className="stat-value">64,812</div>
+        <div className="stat-label">Sequences with multiple conformational observations</div>
       </div>
-      
+
       <div className="stat-card">
-        <div className="stat-value">{stats.unique_chains.toLocaleString()}</div>
-        <div className="stat-label">Unique Chains</div>
+        <div className="stat-value">11,946</div>
+        <div className="stat-label">Sequences with multiple state clusters</div>
       </div>
-      
+
       <div className="stat-card">
-        <div className="stat-value">{stats.avg_rmsd.toFixed(2)} Å</div>
-        <div className="stat-label">Avg RMSD</div>
+        <div className="stat-value">355,731</div>
+        <div className="stat-label">Conformational observations</div>
       </div>
-      
+
       <div className="stat-card">
-        <div className="stat-value">{stats.avg_tm_score.toFixed(3)}</div>
-        <div className="stat-label">Avg TM-score</div>
+        <div className="stat-value">90,745</div>
+        <div className="stat-label">Unique state clusters</div>
       </div>
-      
+
+      <div className="stat-card">
+        <div className="stat-value">27.6 million</div>
+        <div className="stat-label">Transition triplets between conformational observations</div>
+      </div>
+
       <div className="stat-card">
-        <div className="stat-value">{Math.round(stats.avg_sequence_length)}</div>
-        <div className="stat-label">Avg Length</div>
+        <div className="stat-value">5.7 million</div>
+        <div className="stat-label">Transition triplets between distinct states</div>
       </div>
     </div>
   );