refactor(icons): migrate lucide-react to @phosphor-icons/react, remove dep

bioai-platform/frontend/package-lock.json

@@ -16,7 +16,6 @@
         "framer-motion": "^12.40.0",
         "geist": "^1.7.2",
         "lenis": "^1.3.23",
-        "lucide-react": "^0.474.0",
         "next": "^14.2.23",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
@@ -6123,15 +6122,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/lucide-react": {
-      "version": "0.474.0",
-      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.474.0.tgz",
-      "integrity": "sha512-CmghgHkh0OJNmxGKWc0qfPJCYHASPMVSyGY8fj3xgk4v84ItqDg64JNKFZn5hC6E0vHi6gxnbCgwhyVB09wQtA==",
-      "license": "ISC",
-      "peerDependencies": {
-        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",

bioai-platform/frontend/package.json

@@ -17,7 +17,6 @@
     "framer-motion": "^12.40.0",
     "geist": "^1.7.2",
     "lenis": "^1.3.23",
-    "lucide-react": "^0.474.0",
     "next": "^14.2.23",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

bioai-platform/frontend/src/app/(auth)/auth/callback/page.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from 'react';
 import { useRouter } from 'next/navigation';
-import { LoaderCircle } from 'lucide-react';
+import { CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 import { getSupabase } from '@/lib/supabase';
 import { ThemeToggle } from '@/components/ThemeToggle';
 import { motion } from 'framer-motion';

bioai-platform/frontend/src/app/(auth)/auth/page.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { Dna, LoaderCircle } from 'lucide-react';
+import { Dna, CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 import { useAuth } from '@/contexts/auth';
 import { ThemeToggle } from '@/components/ThemeToggle';
 import { motion } from 'framer-motion';

bioai-platform/frontend/src/app/(dashboard)/analyze/admet/page.tsx

@@ -2,7 +2,7 @@
 import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { motion, AnimatePresence } from "framer-motion";
-import { Beaker, Check, X, AlertTriangle, Loader2, Shield, Activity, Brain } from "lucide-react";
+import { Flask as Beaker, Check, X, Warning as AlertTriangle, CircleNotch as Loader2, Shield, Pulse as Activity, Brain } from '@phosphor-icons/react';
 import { fadeUp } from "@/lib/animations";
 import { useAuditTrail } from "@/hooks/useAuditTrail";
 import { computeADMET, type ADMETResult } from "@/lib/api";

bioai-platform/frontend/src/app/(dashboard)/analyze/alignment/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 import { motion } from 'framer-motion';
-import { LoaderCircle } from 'lucide-react';
+import { CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { runAlignment, type AlignmentMethod } from '@/lib/api';
 import { extractErrorMessage } from '@/lib/errors';

bioai-platform/frontend/src/app/(dashboard)/analyze/blast/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { Search, ChevronRight, LoaderCircle, CircleCheck } from 'lucide-react';
+import { MagnifyingGlass as Search, CaretRight as ChevronRight, CircleNotch as LoaderCircle, CheckCircle as CircleCheck } from '@phosphor-icons/react';
 import { useAuditTrail } from '@/hooks/useAuditTrail';
 import toast from 'react-hot-toast';
 import { runPipeline, fetchSequence } from '@/lib/api';

bioai-platform/frontend/src/app/(dashboard)/analyze/docking/page.tsx

@@ -2,11 +2,7 @@
 
 import { useState, useEffect, useCallback } from 'react';
 import { motion } from 'framer-motion';
-import {
-  LoaderCircle, FlaskConical, CheckCircle, XCircle,
-  AlertTriangle, Hexagon, FileText, Copy, Check, ChevronDown,
-  ChevronRight
-} from 'lucide-react';
+import { CircleNotch as LoaderCircle, TestTube as FlaskConical, CheckCircle, XCircle, Warning as AlertTriangle, Hexagon, FileText, Copy, Check, CaretDown as ChevronDown, CaretRight as ChevronRight } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { runDocking, getDockingStatus } from '@/lib/api';
 import type { DockingResult } from '@/lib/api';

bioai-platform/frontend/src/app/(dashboard)/analyze/domains/page.tsx

@@ -2,7 +2,7 @@
 import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { motion } from "framer-motion";
-import { ExternalLink, Dna, Search, LoaderCircle } from "lucide-react";
+import { ArrowSquareOut as ExternalLink, Dna, MagnifyingGlass as Search, CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 import { fadeUp } from "@/lib/animations";
 import { DomainArchitecture } from "@/components/domains/DomainArchitecture";
 import { scanPrositeSequence, type ScanPrositeResult } from "@/lib/api";

bioai-platform/frontend/src/app/(dashboard)/analyze/function/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { useState, useEffect, useCallback } from "react";
 import { motion } from "framer-motion";
-import { Brain, Loader2, ExternalLink, Dna, Layers, Target } from "lucide-react";
+import { Brain, CircleNotch as Loader2, ArrowSquareOut as ExternalLink, Dna, Stack as Layers, Target } from '@phosphor-icons/react';
 import { fadeUp } from "@/lib/animations";
 import { useAuditTrail } from "@/hooks/useAuditTrail";
 import { predictFunction, getFunctionStatus, type FunctionPredictionResult } from "@/lib/api";

bioai-platform/frontend/src/app/(dashboard)/analyze/md/page.tsx

@@ -2,7 +2,7 @@
 import { useState, useEffect, useCallback } from "react";
 import { useRouter } from "next/navigation";
 import { motion } from "framer-motion";
-import { ArrowLeft, Play, Loader2, Activity, Zap, BarChart3, Info } from "lucide-react";
+import { ArrowLeft, Play, CircleNotch as Loader2, Pulse as Activity, Lightning as Zap, ChartBar as BarChart3, Info } from '@phosphor-icons/react';
 import { fadeUp } from "@/lib/animations";
 import { useAuditTrail } from "@/hooks/useAuditTrail";
 import { runMD, getMDStatus, getMDForceFields, type MDSimulationResult, type MDForceFieldsMenu } from "@/lib/api";

bioai-platform/frontend/src/app/(dashboard)/analyze/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useRouter } from 'next/navigation';
-import { Dna, Layout, Search, Globe, GitBranch, Beaker, Layers, Share2, FlaskConical, Shuffle, GitFork, Atom, Pill, Activity, Brain } from 'lucide-react';
+import { Dna, SquaresFour as Layout, MagnifyingGlass as Search, Globe, GitBranch, Flask as Beaker, Stack as Layers, ShareNetwork as Share2, TestTube as FlaskConical, Shuffle, GitFork, Atom, Pill, Pulse as Activity, Brain } from '@phosphor-icons/react';
 import { motion } from 'framer-motion';
 import { fadeUp, stagger, cardHover } from '@/lib/animations';
 import { ReactNode } from 'react';

bioai-platform/frontend/src/app/(dashboard)/analyze/pathway/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useCallback, useEffect } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { LoaderCircle, ExternalLink, GitBranch, ChevronDown, ChevronRight, Dna } from 'lucide-react';
+import { CircleNotch as LoaderCircle, ArrowSquareOut as ExternalLink, GitBranch, CaretDown as ChevronDown, CaretRight as ChevronRight, Dna } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { searchPathways, searchKEGGPathways, runEnrichment } from '@/lib/api';
 import { extractErrorMessage } from '@/lib/errors';

bioai-platform/frontend/src/app/(dashboard)/analyze/sequencing/page.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { motion } from 'framer-motion';
-import { LoaderCircle, CheckCircle, XCircle, AlertTriangle, Dna, BarChart3, Map, Bug, FileText, Search } from 'lucide-react';
+import { CircleNotch as LoaderCircle, CheckCircle, XCircle, Warning as AlertTriangle, Dna, ChartBar as BarChart3, MapTrifold as Map, Bug, FileText, MagnifyingGlass as Search } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { runSequencing, getSequencingStatus, listSequencingReferences } from '@/lib/api';
 import type { SequencingResult, SequencingReference } from '@/lib/api';

bioai-platform/frontend/src/app/(dashboard)/analyze/structure/page.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { motion } from 'framer-motion';
-import { LoaderCircle, ExternalLink, Dna, FlaskConical, Brain, Activity } from 'lucide-react';
+import { CircleNotch as LoaderCircle, ArrowSquareOut as ExternalLink, Dna, TestTube as FlaskConical, Brain, Pulse as Activity } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { fetchStructure, getStructureInventory } from '@/lib/api';
 import { extractErrorMessage } from '@/lib/errors';

bioai-platform/frontend/src/app/(dashboard)/analyze/tools/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useRef, useEffect } from 'react';
 import { motion } from 'framer-motion';
-import { Copy, Check } from 'lucide-react';
+import { Copy, Check } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { useAuditTrail } from '@/hooks/useAuditTrail';
 import { BackButton, PageHeader, CriticalButton, FlatTextarea } from '@/components/ui';

bioai-platform/frontend/src/app/(dashboard)/analyze/uniprot/page.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useRef, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { motion } from 'framer-motion';
-import { Search, LoaderCircle, Globe, Dna, Beaker, ChevronRight, ExternalLink, BookOpen, Download } from 'lucide-react';
+import { MagnifyingGlass as Search, CircleNotch as LoaderCircle, Globe, Dna, Flask as Beaker, CaretRight as ChevronRight, ArrowSquareOut as ExternalLink, BookOpen, Download } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { searchUniprot, getUniprotDetail, fetchUniprotCds } from '@/lib/api';
 import { extractErrorMessage } from '@/lib/errors';

bioai-platform/frontend/src/app/(dashboard)/dashboard/page.tsx

@@ -4,11 +4,7 @@ import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { motion } from 'framer-motion';
 import { fadeUp, stagger, cardHover } from '@/lib/animations';
-import {
-  LoaderCircle, Dna, Play, Clock, CheckCircle, XCircle,
-  TrendingUp, BarChart3, GitBranch, AlignLeft, FlaskConical,
-  Network, Search, ChevronRight, Activity, Calendar,
-} from 'lucide-react';
+import { CircleNotch as LoaderCircle, Dna, Play, Clock, CheckCircle, XCircle, TrendUp as TrendingUp, ChartBar as BarChart3, GitBranch, TextAlignLeft as AlignLeft, TestTube as FlaskConical, Network, MagnifyingGlass as Search, CaretRight as ChevronRight, Pulse as Activity, Calendar } from '@phosphor-icons/react';
 import { getJobs, getJobCount } from '@/lib/api';
 import { useAuth } from '@/contexts/auth';
 import type { JobStatus } from '@/types/pipeline';

bioai-platform/frontend/src/app/(dashboard)/history/page.tsx

@@ -6,7 +6,7 @@ import { getJobs } from '@/lib/api';
 import type { JobStatus } from '@/types/pipeline';
 import { motion } from 'framer-motion';
 import { fadeUp, stagger } from '@/lib/animations';
-import { LoaderCircle, FileText, Dna } from 'lucide-react';
+import { CircleNotch as LoaderCircle, FileText, Dna } from '@phosphor-icons/react';
 import { PageHeader } from '@/components/ui';
 
 const STATUS_STYLES: Record<string, string> = {

bioai-platform/frontend/src/app/(dashboard)/jobs/[jobId]/page.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState, useRef } from 'react';
 import { useParams, useRouter } from 'next/navigation';
-import { LoaderCircle, Dna, AlertCircle, Copy, Download, Search, Clock, WifiOff, FlaskConical } from 'lucide-react';
+import { CircleNotch as LoaderCircle, Dna, WarningCircle as AlertCircle, Copy, Download, MagnifyingGlass as Search, Clock, WifiSlash as WifiOff, TestTube as FlaskConical } from '@phosphor-icons/react';
 import toast from 'react-hot-toast';
 import type { JobStatus, JobStepStatus } from '@/types/pipeline';
 import { STEP_LABELS } from '@/types/pipeline';

bioai-platform/frontend/src/app/(dashboard)/jobs/page.tsx

@@ -4,9 +4,7 @@ import { useEffect, useState, useMemo } from 'react';
 import Link from 'next/link';
 import { motion } from 'framer-motion';
 import { fadeUp, stagger, cardHover } from '@/lib/animations';
-import {
-  LoaderCircle, Dna, FileText, Clock, CheckCircle, XCircle, Plus, ChevronRight,
-} from 'lucide-react';
+import { CircleNotch as LoaderCircle, Dna, FileText, Clock, CheckCircle, XCircle, Plus, CaretRight as ChevronRight } from '@phosphor-icons/react';
 import { getJobs } from '@/lib/api';
 import type { JobStatus } from '@/types/pipeline';
 import { STEP_LABELS } from '@/types/pipeline';

bioai-platform/frontend/src/app/(dashboard)/layout.tsx

@@ -4,19 +4,7 @@ import { useState, useEffect } from 'react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { motion, AnimatePresence } from 'framer-motion';
-import {
-  LayoutDashboard,
-  FlaskConical,
-  Clock,
-  History,
-  Search,
-  Settings,
-  BookOpen,
-  ChevronRight,
-  LogOut,
-  Dna,
-  Menu,
-} from 'lucide-react';
+import { SquaresFour as LayoutDashboard, TestTube as FlaskConical, Clock, ClockCounterClockwise as History, MagnifyingGlass as Search, GearSix as Settings, BookOpen, CaretRight as ChevronRight, SignOut as LogOut, Dna, List as Menu } from '@phosphor-icons/react';
 import { useAuth } from '@/contexts/auth';
 import { ThemeToggle } from '@/components/ThemeToggle';
 import { ErrorBoundary } from '@/components/ErrorBoundary';
@@ -102,7 +90,7 @@ function SidebarContent({
               <Icon
                 size={16}
                 className="flex-shrink-0"
-                strokeWidth={active ? 2 : 1.75}
+                weight={active ? 'bold' : 'regular'}
               />
 
               <AnimatePresence>
@@ -152,7 +140,7 @@ function SidebarContent({
           onClick={signOut}
           className={`nav-item w-full text-left hover:!text-red-400 hover:!bg-red-500/10 ${collapsed ? 'justify-center' : ''} group`}
         >
-          <LogOut size={15} className="flex-shrink-0" strokeWidth={1.75} />
+          <LogOut size={15} className="flex-shrink-0" weight="regular" />
           <AnimatePresence>
             {!collapsed && (
               <motion.span

bioai-platform/frontend/src/app/(dashboard)/learn/page.tsx

@@ -1,21 +1,18 @@
 'use client';
 
 import Link from 'next/link';
-import {
-  Search, Dna, Layout, Layers, GitFork, Globe,
-  GitBranch, Share2, FlaskConical, Beaker, BookOpen, ArrowRight,
-} from 'lucide-react';
+import { MagnifyingGlass as Search, Dna, SquaresFour as Layout, Stack as Layers, GitFork, Globe, GitBranch, ShareNetwork as Share2, TestTube as FlaskConical, Flask as Beaker, BookOpen, ArrowRight } from '@phosphor-icons/react';
 import { motion } from 'framer-motion';
 import { fadeUp, stagger, cardHover } from '@/lib/animations';
 import { useState } from 'react';
-import type { LucideIcon } from 'lucide-react';
+import type { Icon } from '@phosphor-icons/react';
 import { PageHeader } from '@/components/ui';
 
 type Topic = {
   id: string;
   title: string;
   description: string;
-  icon: LucideIcon;
+  icon: Icon;
 };
 
 const groups: { title: string; items: Topic[] }[] = [

bioai-platform/frontend/src/app/(dashboard)/report/[jobId]/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { useEffect, useState } from "react";
 import { useParams } from "next/navigation";
-import { Printer, Download, LoaderCircle, XCircle } from "lucide-react";
+import { Printer, Download, CircleNotch as LoaderCircle, XCircle } from '@phosphor-icons/react';
 import Link from "next/link";
 import { getExportUrl } from "@/lib/api";
 import { BlastPanel } from "@/components/results/BlastPanel";

bioai-platform/frontend/src/app/(dashboard)/settings/page.tsx

@@ -5,10 +5,7 @@ import axios from 'axios';
 import toast from 'react-hot-toast';
 import { motion } from 'framer-motion';
 import { fadeUp, stagger } from '@/lib/animations';
-import {
-  User, BarChart3, Key, Shield, LoaderCircle, Save, Sun,
-  Mail, Building2, LogOut, ChevronRight, Zap, Trash2, Plus, Copy,
-} from 'lucide-react';
+import { User, ChartBar as BarChart3, Key, Shield, CircleNotch as LoaderCircle, FloppyDisk as Save, Sun, Envelope as Mail, Building as Building2, SignOut as LogOut, CaretRight as ChevronRight, Lightning as Zap, Trash as Trash2, Plus, Copy } from '@phosphor-icons/react';
 import { useAuth } from '@/contexts/auth';
 import { getSupabase } from '@/lib/supabase';
 import { useRouter } from 'next/navigation';

bioai-platform/frontend/src/app/page.tsx

@@ -4,7 +4,7 @@ import dynamic from 'next/dynamic';
 import Link from 'next/link';
 import { useRef } from 'react';
 import { motion, useScroll, useTransform } from 'framer-motion';
-import { ArrowRight, Database, Zap, Brain, ChevronDown } from 'lucide-react';
+import { ArrowRight, Database, Lightning as Zap, Brain, CaretDown as ChevronDown } from '@phosphor-icons/react';
 
 const DNAHelix = dynamic(
   () => import('@/components/three/DNAHelix'),
@@ -260,7 +260,7 @@ export default function LandingPage() {
                 <div
                   className="w-10 h-10 rounded-xl flex items-center justify-center mb-6 bg-accent-cyan/10 border border-accent-cyan/20"
                 >
-                  <Icon size={18} className="text-accent-cyan" strokeWidth={1.8} />
+                  <Icon size={18} className="text-accent-cyan" weight="regular" />
                 </div>
 
                 <h3 className="font-display text-base font-semibold mb-2 text-text-primary">

bioai-platform/frontend/src/app/shared/[token]/page.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from 'react';
 import { useParams } from 'next/navigation';
-import { Dna, LoaderCircle } from 'lucide-react';
+import { Dna, CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 import type { JobStatus } from '@/types/pipeline';
 import { ThemeToggle } from '@/components/ThemeToggle';
 import { getSharedResult } from '@/lib/api';

bioai-platform/frontend/src/components/AuditInsightPanel.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState, useCallback } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { AlertTriangle, Info, AlertCircle, X, ChevronUp } from 'lucide-react';
+import { Warning as AlertTriangle, Info, WarningCircle as AlertCircle, X, CaretUp as ChevronUp } from '@phosphor-icons/react';
 import type { AuditInsight } from '@/types/audit';
 
 const SEVERITY_CONFIG = {

bioai-platform/frontend/src/components/DockingViewer.tsx

@@ -3,10 +3,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import type { DockingInteraction } from '@/lib/api';
 import { HudPanel, HudLegend } from '@/components/ui';
-import {
-  RotateCcw, RotateCw, Camera, FlipHorizontal, Palette,
-  Box, Layers, Minus, Circle, Hexagon
-} from 'lucide-react';
+import { ArrowCounterClockwise as RotateCcw, ArrowClockwise as RotateCw, Camera, FlipHorizontal, Palette, Cube as Box, Stack as Layers, Minus, Circle, Hexagon } from '@phosphor-icons/react';
 
 interface DockingViewerProps {
   pdbId: string;

bioai-platform/frontend/src/components/ErrorBoundary.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Component } from 'react';
-import { AlertCircle } from 'lucide-react';
+import { WarningCircle as AlertCircle } from '@phosphor-icons/react';
 
 interface Props {
   children: React.ReactNode;

bioai-platform/frontend/src/components/GuestBanner.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 import { motion } from 'framer-motion';
-import { X, User } from 'lucide-react';
+import { X, User } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import { useAuth } from '@/contexts/auth';
 

bioai-platform/frontend/src/components/InteractionPanel.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { motion } from 'framer-motion';
 import { fadeUp } from '@/lib/animations';
-import { Beaker, Waves, Hexagon, Zap, ChevronDown, ChevronRight } from 'lucide-react';
+import { Flask as Beaker, WaveSine as Waves, Hexagon, Lightning as Zap, CaretDown as ChevronDown, CaretRight as ChevronRight } from '@phosphor-icons/react';
 import type { DockingInteraction } from '@/lib/api';
 
 interface InteractionPanelProps {

bioai-platform/frontend/src/components/LearnPopover.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useRef, useEffect } from 'react';
 import Link from 'next/link';
-import { HelpCircle } from 'lucide-react';
+import { Question as HelpCircle } from '@phosphor-icons/react';
 
 interface LearnPopoverProps {
   term: string;

bioai-platform/frontend/src/components/SequenceRetrieval.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { motion } from 'framer-motion';
 import { useRouter } from 'next/navigation';
-import { Search, Dna, LoaderCircle, CheckCircle, AlertCircle, BookOpen, ArrowRight, Beaker } from 'lucide-react';
+import { MagnifyingGlass as Search, Dna, CircleNotch as LoaderCircle, CheckCircle, WarningCircle as AlertCircle, BookOpen, ArrowRight, Flask as Beaker } from '@phosphor-icons/react';
 import { fadeUp, stagger } from '@/lib/animations';
 import { fetchSequence, validateSequence, searchSequences } from '@/lib/api';
 import { extractErrorMessage } from '@/lib/errors';

bioai-platform/frontend/src/components/SequenceTypewriter.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
-import { Dna } from 'lucide-react';
+import { Dna } from '@phosphor-icons/react';
 
 const SEQUENCES = [
   {

bioai-platform/frontend/src/components/ThemeToggle.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Sun, Moon } from 'lucide-react';
+import { Sun, Moon } from '@phosphor-icons/react';
 import { useTheme } from '@/contexts/theme';
 
 export function ThemeToggle({ compact = false }: { compact?: boolean }) {

bioai-platform/frontend/src/components/TutorialWalkthrough.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useCallback } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { X, ChevronLeft, ChevronRight, BookOpen } from 'lucide-react';
+import { X, CaretLeft as ChevronLeft, CaretRight as ChevronRight, BookOpen } from '@phosphor-icons/react';
 
 const STEPS = [
   {

bioai-platform/frontend/src/components/phylo/PhyloTreeViewer.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Search } from 'lucide-react'
+import { MagnifyingGlass as Search } from '@phosphor-icons/react'
 import { ClaySegmented } from '@/components/ui/ClaySegmented'
 
 // ─── Types ────────────────────────────────────────────────────────────────────

bioai-platform/frontend/src/components/pipeline/JobProgress.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { motion } from 'framer-motion';
-import { CheckCircle2, XCircle } from 'lucide-react';
+import { CheckCircle as CheckCircle2, XCircle } from '@phosphor-icons/react';
 import { fadeUp, fadeIn } from '@/lib/animations';
 
 interface Step {

bioai-platform/frontend/src/components/pipeline/PipelineSelector.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 import { motion } from 'framer-motion';
-import { Dna, ArrowRight, ChevronRight } from 'lucide-react';
+import { Dna, ArrowRight, CaretRight as ChevronRight } from '@phosphor-icons/react';
 import { fadeUp, stagger, cardHover } from '@/lib/animations';
 
 interface PipelineOption {

bioai-platform/frontend/src/components/primers/PrimerDesigner.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useState, useRef, useEffect } from "react";
-import { LoaderCircle, Download } from "lucide-react";
+import { CircleNotch as LoaderCircle, Download } from '@phosphor-icons/react';
 import { downloadTsv } from "@/lib/export-utils";
 import { useAuditTrail } from "@/hooks/useAuditTrail";
 import { CriticalButton, FlatInput, FlatTextarea } from "@/components/ui";

bioai-platform/frontend/src/components/results/AIInterpretation.tsx

@@ -3,7 +3,7 @@
 import { useState, useRef, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { motion } from 'framer-motion';
-import { Brain, Loader2, Dna, Search } from 'lucide-react';
+import { Brain, CircleNotch as Loader2, Dna, MagnifyingGlass as Search } from '@phosphor-icons/react';
 import type { AssembledContext } from '@/types/pipeline';
 import type { StreamEvent } from '@/types/results';
 import { interpretStream } from '@/lib/api';

bioai-platform/frontend/src/components/results/BlastPanel.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 import { motion } from 'framer-motion';
-import { ChevronDown, ChevronUp, ExternalLink, Download } from 'lucide-react';
+import { CaretDown as ChevronDown, CaretUp as ChevronUp, ArrowSquareOut as ExternalLink, Download } from '@phosphor-icons/react';
 import type { BlastHitSummary } from '@/types/pipeline';
 import { AlignmentView } from './AlignmentView';
 import { PairwiseAlignView } from './PairwiseAlignView';

bioai-platform/frontend/src/components/results/PairwiseAlignView.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import { GitCompareArrows, LoaderCircle } from 'lucide-react';
+import { GitMerge as GitCompareArrows, CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 import { runPairwiseAlignment } from '@/lib/api';
 import type { BlastHitSummary, PairwiseAlignResult } from '@/types/pipeline';
 

bioai-platform/frontend/src/components/results/PathwayDiagram.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useRef, useState } from 'react';
-import { LoaderCircle } from 'lucide-react';
+import { CircleNotch as LoaderCircle } from '@phosphor-icons/react';
 
 interface Props {
   stId: string;

bioai-platform/frontend/src/components/results/PathwayEnrichment.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { GitBranch, ChevronDown, ChevronRight, ExternalLink, AlertCircle, Download } from 'lucide-react';
+import { GitBranch, CaretDown as ChevronDown, CaretRight as ChevronRight, ArrowSquareOut as ExternalLink, WarningCircle as AlertCircle, Download } from '@phosphor-icons/react';
 import { fadeUp } from '@/lib/animations';
 import type { PathwayEnrichment as PathwayEnrichmentData } from '@/types/pipeline';
 import { downloadTsv, copyText } from '@/lib/export-utils';

bioai-platform/frontend/src/components/results/PipelineResults.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-import { CheckCircle2, Circle, LoaderCircle, XCircle, ArrowRight, Dna } from "lucide-react";
+import { CheckCircle as CheckCircle2, Circle, CircleNotch as LoaderCircle, XCircle, ArrowRight, Dna } from '@phosphor-icons/react';
 import { BlastPanel } from "./BlastPanel";
 import { ScoreBars } from "./ScoreBars";
 import { UniprotPanel } from "./UniprotPanel";

bioai-platform/frontend/src/components/results/UniprotPanel.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { motion } from 'framer-motion';
-import { ExternalLink, Box } from 'lucide-react';
+import { ArrowSquareOut as ExternalLink, Cube as Box } from '@phosphor-icons/react';
 import type { UniprotSummary } from '@/types/pipeline';
 import { fadeUp, cardHover } from '@/lib/animations';
 

bioai-platform/frontend/src/components/ui/BackButton.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import Link from 'next/link';
-import { ArrowLeft } from 'lucide-react';
+import { ArrowLeft } from '@phosphor-icons/react';
 
 /**
  * Navigation affordance used at the top of tool pages to return to the

bioai-platform/frontend/src/components/ui/CriticalButton.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Loader2 } from 'lucide-react';
+import { CircleNotch as Loader2 } from '@phosphor-icons/react';
 
 /**
  * Solid, deliberate action button for irreversible / expensive actions