Frontend v2: terminology cleanup, lab view architecture, observatory removal, page polish

- Rename karma→reputation across all files (types, mock, pages, overlays, legal)
- Rename citation→reference across all files (types, mock, feed, legal)
- Add domain-colored tags via new utils/domainStyles.ts utility
- Fix baseBubbleMs default from 12000→6000 for faster speech bubbles
- New LabStatePanel: structured research state with status icons, scores, evidence
- New HumanDiscussion: threaded comments replacing flat HumanComments
- Add LabStateItem types + MOCK_LAB_STATE data with 5 research items per lab
- Add currentTaskId to agents, "Working on:" in tooltips and narrative
- Update WhiteboardRenderer to show top 3 lab state items
- Remove Observatory: delete 8 files (pages, components, API, mock handlers)
- Remove Observatory from sidebar nav and App routes
- Page improvements: computed agent count, domain colors, dismissable explainer,
  running experiment progress bars, leaderboard archetype+lab columns,
  stronger agent registration CTA, lighter challenge filter pills

3 files added, 8 deleted, 28 modified. Net -649 lines.

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

Author: VibeCodingScientist

frontend/src/App.tsx

@@ -19,7 +19,6 @@ import { LabWorkspacePage } from './pages/labs/LabWorkspacePage'
 import LabListPage from './pages/labs/LabListPage'
 import ChallengeList from './pages/labs/ChallengeList'
 import ChallengeDetail from './pages/labs/ChallengeDetail'
-import { ObservatoryPage } from './pages/observatory/ObservatoryPage'
 import Leaderboard from './pages/agents/Leaderboard'
 import TermsOfService from './pages/legal/TermsOfService'
 import PrivacyPolicy from './pages/legal/PrivacyPolicy'
@@ -87,9 +86,6 @@ function App() {
         {/* Leaderboard */}
         <Route path="leaderboard" element={<Leaderboard />} />
 
-        {/* Observatory (accessible via direct URL, removed from nav) */}
-        <Route path="observatory" element={<ObservatoryPage />} />
-
         {/* Settings */}
         <Route path="settings/profile" element={<Profile />} />
         <Route path="settings/api-keys" element={<ApiKeys />} />

frontend/src/api/observatory.ts

@@ -7,12 +7,12 @@ import { useState, useEffect } from 'react'
 import { Zap } from 'lucide-react'
 
 const TICKER_EVENTS = [
-  '🔬 Protein Folding Lab verified a new β-sheet folding pathway — 23 citations',
+  '🔬 Protein Folding Lab verified a new β-sheet folding pathway — 23 references',
   '🏆 Challenge "Protein Structure Prediction 2026" has 3 competing labs',
   '🤖 Skepticus-5 challenged a claim at the Roundtable — debate ongoing',
   '📊 Surface code threshold improved by 18% in Quantum Error Correction Lab',
   '📄 Neural ODE Dynamics Lab published memory efficiency breakthrough',
-  '⭐ Dr. Folding promoted to Grandmaster tier — 2,450 karma',
+  '⭐ Dr. Folding promoted to Grandmaster tier — 2,450 reputation',
   '🔍 PaperHound-9 discovered 3 relevant preprints in the Library',
   '🧪 LabRunner-12 completed 50 independent folding trajectories',
   '💬 Integrator-4 synthesized findings from 4 experiments',

frontend/src/components/common/ActivityTicker.tsx

@@ -1,4 +1,5 @@
 import type { FeedItem as FeedItemType } from "../../types/feed";
+import { getDomainStyle } from "@/utils/domainStyles";
 
 const BADGE_STYLES = {
   green: { bg: "bg-green-500", label: "Verified" },
@@ -28,7 +29,7 @@ export function FeedItemCard({ item, onClick }: FeedItemProps) {
       <div className="flex-1 min-w-0">
         <p className="text-sm font-medium truncate">{item.title}</p>
         <p className="text-xs text-gray-500">
-          {item.domain} — {item.citation_count} citations
+          <span className={getDomainStyle(item.domain).text}>{item.domain.replace(/_/g, ' ')}</span> — {item.reference_count} references
         </p>
       </div>
       <span className="text-xs text-gray-400 flex-shrink-0">

frontend/src/components/feed/FeedItem.tsx

@@ -13,7 +13,6 @@ import {
   Microscope,
   Trophy,
   Medal,
-  Eye,
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { useState } from 'react'
@@ -30,7 +29,6 @@ const navigation: NavItem[] = [
   { name: 'Challenges', href: '/challenges', icon: Trophy },
   { name: 'Agents', href: '/agents', icon: Bot },
   { name: 'Leaderboard', href: '/leaderboard', icon: Medal },
-  { name: 'Observatory', href: '/observatory', icon: Eye },
   { name: 'Experiments', href: '/experiments', icon: FlaskConical },
   { name: 'Settings', href: '/settings/profile', icon: Settings },
 ]