fix(frontend): clear stale results, prefill-only bridges, and results-ready banners

Stop bridge pages from auto-running searches on navigation, clear result cards when inputs change, and add completion banners with auto-scroll on polling job pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

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

@@ -79,21 +79,6 @@ export default function ADMETPage() {
     if (stored) {
       sessionStorage.removeItem('admet_smiles');
       setSmiles(stored);
-      setTimeout(() => {
-        (async () => {
-          setLoading(true);
-          setError("");
-          setResult(null);
-          try {
-            const res = await computeADMET(stored);
-            setResult(res.result);
-          } catch (e: any) {
-            setError(typeof e?.response?.data?.detail === "string" ? e.response.data.detail : e?.response?.data?.detail?.message || e.message || "Computation failed");
-          } finally {
-            setLoading(false);
-          }
-        })();
-      }, 100);
     }
   }, []);
 
@@ -122,7 +107,7 @@ export default function ADMETPage() {
         <div className="data-card p-5">
           <label className="block text-sm text-text-secondary mb-2">SMILES String</label>
           <div className="flex gap-2">
-            <FlatInput value={smiles} onChange={(e) => setSmiles(e.target.value)}
+            <FlatInput value={smiles} onChange={(e) => { setSmiles(e.target.value); setResult(null); setError(""); }}
               placeholder="e.g. CC(=O)OC1=CC=CC=C1C(=O)O"
               className="flex-1 font-mono"
               onKeyDown={(e) => e.key === "Enter" && handleSubmit()} />

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

@@ -210,7 +210,7 @@ export default function BlastWizardPage() {
             <motion.div variants={fadeUp} initial={{ y: 24 }} animate="show" className="data-card p-5">
               <FlatTextarea
                 value={rawInput}
-                onChange={(e) => setRawInput(e.target.value)}
+                onChange={(e) => { setRawInput(e.target.value); setAccessionResult(null); }}
                 placeholder="Paste a FASTA or raw sequence here..."
                 className="w-full h-40 font-mono text-sm text-text-primary"
               />
@@ -247,7 +247,7 @@ export default function BlastWizardPage() {
                 <FlatInput
                   type="text"
                   value={rawInput}
-                  onChange={(e) => setRawInput(e.target.value)}
+                  onChange={(e) => { setRawInput(e.target.value); setAccessionResult(null); }}
                   onKeyDown={(e) => e.key === 'Enter' && handleFetchAccession()}
                   placeholder="e.g. NP_000509.1, P04637, 1TIM"
                   className="flex-1 font-mono"

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

@@ -23,7 +23,7 @@ export default function ComparePage() {
       <motion.div variants={fadeUp} initial={{ y: 24 }} animate="show" className="data-card p-5 mb-6 space-y-4">
         <div className="flex gap-3">
           <FlatInput type="text" value={pdbId}
-            onChange={e => setPdbId(e.target.value.toUpperCase())}
+            onChange={e => { setPdbId(e.target.value.toUpperCase()); setSubmitted(""); }}
             onKeyDown={e => e.key === "Enter" && setSubmitted(pdbId)}
             placeholder="e.g. 1TUP"
             className="flex-1 font-mono" />

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

@@ -13,7 +13,7 @@ import type { DockingResult } from '@/lib/api';
 import { useAuditTrail } from '@/hooks/useAuditTrail';
 import { DockingViewer } from '@/components/DockingViewer';
 import { InteractionPanel } from '@/components/InteractionPanel';
-import { BackButton, CriticalButton, FlatInput, PageHeader } from '@/components/ui';
+import { BackButton, CriticalButton, FlatInput, PageHeader, ResultsReadyBanner } from '@/components/ui';
 
 const PDB_EXAMPLES = ['1TIM', '4HHB', '1A42', '2XAB'];
 const SMILES_EXAMPLES = [
@@ -177,6 +177,11 @@ export default function DockingPage() {
       if (status.status === 'complete' || status.status === 'completed' || status.status === 'failed') {
         setPolling(false);
       }
+      if (status.status === 'complete' || status.status === 'completed') {
+        requestAnimationFrame(() => {
+          document.getElementById('docking-results')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        });
+      }
     } catch {
       setPolling(false);
       setError('Failed to check docking status');
@@ -224,7 +229,7 @@ export default function DockingPage() {
           <FlatInput
             type="text"
             value={pdbId}
-            onChange={(e) => setPdbId(e.target.value.toUpperCase())}
+            onChange={(e) => { setPdbId(e.target.value.toUpperCase()); setResult(null); setError(null); }}
             onKeyDown={(e) => e.key === 'Enter' && startDocking()}
             placeholder="e.g. 1TIM"
             className="w-full px-4 py-3 rounded-xl text-sm font-mono"
@@ -260,7 +265,7 @@ export default function DockingPage() {
           <FlatInput
             type="text"
             value={smiles}
-            onChange={(e) => setSmiles(e.target.value)}
+            onChange={(e) => { setSmiles(e.target.value); setResult(null); setError(null); }}
             onKeyDown={(e) => e.key === 'Enter' && startDocking()}
             placeholder="e.g. CC(=O)Oc1ccccc1C(=O)O"
             className="w-full px-4 py-3 rounded-xl text-sm font-mono"
@@ -296,7 +301,13 @@ export default function DockingPage() {
       )}
 
       {result && (
-        <motion.div variants={fadeUp} initial={{ y: 24 }} animate="show" className="space-y-4">
+        <motion.div id="docking-results" variants={fadeUp} initial={{ y: 24 }} animate="show" className="space-y-4">
+          {(result.status === 'complete' || result.status === 'completed') && (
+            <ResultsReadyBanner
+              title="Docking complete"
+              subtitle={bestPose?.affinity != null ? `Best pose: ${bestPose.affinity.toFixed(2)} kcal/mol · ${result.result?.num_poses ?? ''} poses` : `${result.result?.num_poses ?? ''} poses generated`}
+            />
+          )}
           <div className="glass-card p-5">
             <div className="flex items-center justify-between mb-3">
               <div className="flex items-center gap-2">

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

@@ -25,7 +25,6 @@ export default function DomainsPage() {
     if (stored) {
       sessionStorage.removeItem("domains_accession");
       setAccession(stored.toUpperCase());
-      setSubmitted(stored.toUpperCase());
     }
   }, []);
 
@@ -47,7 +46,7 @@ export default function DomainsPage() {
           <div className="flex-1 relative">
             <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-muted" />
             <FlatInput type="text" value={accession}
-              onChange={e => setAccession(e.target.value.toUpperCase())}
+              onChange={e => { setAccession(e.target.value.toUpperCase()); setSubmitted(""); }}
               onKeyDown={e => e.key === "Enter" && handleSubmit()}
               placeholder="UniProt accession, e.g. P04637, P00698, Q9Y261"
               className="w-full pl-10 pr-4 font-mono" />

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

@@ -5,7 +5,7 @@ import { Brain, Loader2, ExternalLink, Dna, Layers, Target } from "lucide-react"
 import { fadeUp } from "@/lib/animations";
 import { useAuditTrail } from "@/hooks/useAuditTrail";
 import { predictFunction, getFunctionStatus, type FunctionPredictionResult } from "@/lib/api";
-import { BackButton, PageHeader, CriticalButton, FlatInput } from "@/components/ui";
+import { BackButton, PageHeader, CriticalButton, FlatInput, ResultsReadyBanner } from "@/components/ui";
 
 const NAMESPACE_COLORS: Record<string, { text: string; bg: string; label: string }> = {
   MF: { text: "text-accent-cyan", bg: "bg-accent-cyan/10", label: "Molecular Function" },
@@ -30,6 +30,9 @@ export default function FunctionPage() {
       if (res.status === "complete" && res.result) {
         setResult(res.result);
         setLoading(false);
+        requestAnimationFrame(() => {
+          document.getElementById('function-results')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        });
       } else if (res.status === "failed") {
         setError(res.error || "Prediction failed");
         setLoading(false);
@@ -60,21 +63,6 @@ export default function FunctionPage() {
     if (stored) {
       sessionStorage.removeItem('function_pdb_id');
       setPdbId(stored);
-      setTimeout(() => {
-        (async () => {
-          setLoading(true);
-          setError("");
-          setResult(null);
-          try {
-            const res = await predictFunction(stored);
-            setJobId(res.job_id);
-            setStatus(res.status);
-          } catch (e: any) {
-            setError(typeof e?.response?.data?.detail === "string" ? e.response.data.detail : e?.response?.data?.detail?.message || e.message || "Submission failed");
-            setLoading(false);
-          }
-        })();
-      }, 100);
     }
   }, []);
 
@@ -109,7 +97,7 @@ export default function FunctionPage() {
         <div className="data-card p-5">
           <label className="block text-sm text-text-secondary mb-2">PDB ID</label>
           <div className="flex gap-2">
-            <FlatInput value={pdbId} onChange={(e) => setPdbId(e.target.value.toUpperCase())}
+            <FlatInput value={pdbId} onChange={(e) => { setPdbId(e.target.value.toUpperCase()); setResult(null); setError(""); }}
               placeholder="e.g. 1TIM" maxLength={4}
               className="w-32 font-mono uppercase"
               onKeyDown={(e) => e.key === "Enter" && handleSubmit()} />
@@ -128,7 +116,11 @@ export default function FunctionPage() {
       )}
 
       {result && (
-        <motion.div initial={{ opacity: 0, y: 16 }} animate={{ opacity: 1, y: 0 }} className="mt-6 space-y-4">
+        <motion.div id="function-results" initial={{ opacity: 0, y: 16 }} animate={{ opacity: 1, y: 0 }} className="mt-6 space-y-4">
+          <ResultsReadyBanner
+            title={`Prediction complete · ${result.pdb_id}`}
+            subtitle={`${result.method.replace(/_/g, ' ')} · ${result.sequence_length} residues`}
+          />
           {/* Header */}
           <div className="data-card p-4 flex flex-wrap items-center gap-4">
             <div>

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

@@ -25,9 +25,8 @@ export default function InteractionsPage() {
     if (stored) {
       sessionStorage.removeItem('interaction_gene');
       setGeneName(stored);
-      setTimeout(() => submitGene(stored), 100);
     }
-  }, [submitGene]);
+  }, []);
 
   return (
     <div className="max-w-3xl">
@@ -41,7 +40,7 @@ export default function InteractionsPage() {
       <motion.div variants={fadeUp} initial={{ y: 24 }} animate="show" className="data-card p-5 mb-6 space-y-4">
         <div className="flex gap-3">
           <FlatInput type="text" value={geneName}
-            onChange={e => setGeneName(e.target.value.toUpperCase())}
+            onChange={e => { setGeneName(e.target.value.toUpperCase()); setSubmitted(""); }}
             onKeyDown={e => e.key === "Enter" && submitGene(geneName)}
             placeholder="e.g. TP53"
             className="flex-1 font-mono" />

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

@@ -6,7 +6,7 @@ import { ArrowLeft, Play, Loader2, Activity, Zap, BarChart3, Info } from "lucide
 import { fadeUp } from "@/lib/animations";
 import { useAuditTrail } from "@/hooks/useAuditTrail";
 import { runMD, getMDStatus, type MDSimulationResult } from "@/lib/api";
-import { ClaySegmented, ClaySlider, CriticalButton, FlatInput } from "@/components/ui";
+import { ClaySegmented, ClaySlider, CriticalButton, FlatInput, ResultsReadyBanner } from "@/components/ui";
 
 const MODES = [
   { value: "minimize", label: "Minimization Only", short: "Minimize", desc: "500 steps, ~5 sec", detail: "Energy minimization using L-BFGS. Removes steric clashes and high-energy contacts." },
@@ -46,6 +46,9 @@ export default function MDPage() {
       if (res.status === "complete" && res.result) {
         setResult(res.result);
         setLoading(false);
+        requestAnimationFrame(() => {
+          document.getElementById('md-results')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        });
       } else if (res.status === "failed") {
         setError(res.error || "Simulation failed");
         setLoading(false);
@@ -76,21 +79,6 @@ export default function MDPage() {
     if (stored) {
       sessionStorage.removeItem('md_pdb_id');
       setPdbId(stored);
-      setTimeout(() => {
-        (async () => {
-          setLoading(true);
-          setError("");
-          setResult(null);
-          try {
-            const res = await runMD(stored, mode, { forcefield, solvent, run_length_ps: runLengthPs });
-            setJobId(res.job_id);
-            setStatus(res.status);
-          } catch (e: any) {
-            setError(typeof e?.response?.data?.detail === "string" ? e.response.data.detail : e?.response?.data?.detail?.message || e.message || "Submission failed");
-            setLoading(false);
-          }
-        })();
-      }, 100);
     }
   }, []);
 
@@ -127,7 +115,7 @@ export default function MDPage() {
         <div className="data-card p-5">
           <label className="block text-sm text-text-secondary mb-2">PDB ID</label>
           <div className="flex gap-2 mb-4">
-            <FlatInput value={pdbId} onChange={(e) => setPdbId(e.target.value.toUpperCase())}
+            <FlatInput value={pdbId} onChange={(e) => { setPdbId(e.target.value.toUpperCase()); setResult(null); setError(""); }}
               placeholder="e.g. 1TIM" maxLength={4}
               className="w-32 font-mono uppercase"
               onKeyDown={(e) => e.key === "Enter" && handleSubmit()} />
@@ -169,7 +157,11 @@ export default function MDPage() {
       )}
 
       {result && (
-        <motion.div initial={{ opacity: 0, y: 16 }} animate={{ opacity: 1, y: 0 }} className="mt-6 space-y-4">
+        <motion.div id="md-results" initial={{ opacity: 0, y: 16 }} animate={{ opacity: 1, y: 0 }} className="mt-6 space-y-4">
+          <ResultsReadyBanner
+            title={`Simulation complete · ${result.mode}`}
+            subtitle={`${result.engine === 'openmm' ? 'OpenMM' : 'BioPython'} · ${result.elapsed_seconds}s${result.final_energy_kj_mol ? ` · ${result.final_energy_kj_mol} kJ/mol` : ''}`}
+          />
           {/* Simulation Parameters */}
           <div className="data-card p-5">
             <h3 className="text-sm font-semibold text-text-primary mb-3 flex items-center gap-2">

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

@@ -31,20 +31,6 @@ export default function PathwayPage() {
     if (stored) {
       sessionStorage.removeItem('pathway_query');
       setQuery(stored);
-      setTimeout(() => {
-        (async () => {
-          setLoading(true);
-          setError(null);
-          try {
-            const res = await searchPathways(stored);
-            setReactomeResults(res.results);
-          } catch (err: unknown) {
-            setError(extractErrorMessage(err, 'Search failed'));
-          } finally {
-            setLoading(false);
-          }
-        })();
-      }, 100);
     }
   }, []);
 
@@ -120,7 +106,7 @@ export default function PathwayPage() {
             <FlatInput
               type="text"
               value={query}
-              onChange={(e) => setQuery(e.target.value)}
+              onChange={(e) => { setQuery(e.target.value); setReactomeResults(null); setKeggResults(null); setError(null); }}
               onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
               placeholder={tab === 'reactome' ? 'e.g. TP53, BRCA1, EGFR' : 'e.g. TP53, BRCA1'}
               className="flex-1"
@@ -143,7 +129,7 @@ export default function PathwayPage() {
           <p className="text-sm text-text-secondary mb-3">Paste gene or protein identifiers (one per line or comma-separated) to find over-represented pathways.</p>
           <FlatTextarea
             value={geneInput}
-            onChange={(e) => setGeneInput(e.target.value)}
+            onChange={(e) => { setGeneInput(e.target.value); setEnrichmentResult(null); setError(null); }}
             placeholder={`TP53\nBRCA1\nEGFR\nMYC\nPTEN`}
             rows={6}
             className="w-full mb-3"

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

@@ -3,7 +3,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import dynamic from 'next/dynamic'
 import { useAuditTrail } from '@/hooks/useAuditTrail'
-import { CriticalButton, FlatTextarea, PageHeader } from '@/components/ui'
+import { CriticalButton, FlatTextarea, PageHeader, ResultsReadyBanner } from '@/components/ui'
 
 const PhyloTreeViewer = dynamic(
   () => import('@/components/phylo/PhyloTreeViewer'),
@@ -161,6 +161,11 @@ export default function PhyloPage() {
       const data: PhyloJobStatus = await res.json()
       setJob(data)
       if (data.phase === 'complete' || data.phase === 'error') stopPoll()
+      if (data.phase === 'complete') {
+        requestAnimationFrame(() => {
+          document.getElementById('phylo-results')?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+        })
+      }
     } catch { }
   }, [stopPoll])
 
@@ -276,7 +281,7 @@ export default function PhyloPage() {
                 ↑ Upload FASTA
               </button>
             </div>
-            <FlatTextarea rows={8} value={fasta} onChange={e => setFasta(e.target.value)}
+            <FlatTextarea rows={8} value={fasta} onChange={e => { setFasta(e.target.value); stopPoll(); setJob(null); setJobId(null); setSubmitError('') }}
               placeholder={`>Sequence_1\nMVLSPADKTNVKAAWGK...\n>Sequence_2\nMVLSGEDKSNVKAAWGK...`}
               spellCheck={false}
               className="w-full px-3 py-2 text-sm" />
@@ -382,7 +387,11 @@ export default function PhyloPage() {
       )}
 
       {isDone && job && (
-        <div className="space-y-5">
+        <div id="phylo-results" className="space-y-5">
+          <ResultsReadyBanner
+            title="Tree complete"
+            subtitle={`${METHOD_INFO[job.method].label}${job.model ? ` · ${job.model}` : ''}${job.done_at ? ` · ${Math.round(job.done_at - job.created_at)}s` : ''}`}
+          />
           <div className="data-card p-4 flex flex-wrap gap-4 items-center">
             <div className="flex gap-4 text-sm flex-wrap flex-1">
               <span className="text-text-secondary">

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

@@ -8,7 +8,7 @@ import { fadeUp } from '@/lib/animations';
 import { runSequencing, getSequencingStatus, listSequencingReferences } from '@/lib/api';
 import type { SequencingResult, SequencingReference } from '@/lib/api';
 import { useAuditTrail } from '@/hooks/useAuditTrail';
-import { BackButton, CriticalButton, FlatInput, PageHeader } from '@/components/ui';
+import { BackButton, CriticalButton, FlatInput, PageHeader, ResultsReadyBanner } from '@/components/ui';
 
 const DEFAULT_REFERENCES = [
   { id: 'sars-cov-2', name: 'Sars Cov 2' },
@@ -72,6 +72,11 @@ export default function SequencingPage() {
       if (status.status === 'complete' || status.status === 'failed') {
         setPolling(false);
       }
+      if (status.status === 'complete') {
+        requestAnimationFrame(() => {
+          document.getElementById('sequencing-results')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        });
+      }
     } catch {
       setPolling(false);
       setError('Failed to check pipeline status');
@@ -124,7 +129,7 @@ export default function SequencingPage() {
           <FlatInput
             type="text"
             value={fastqUrl}
-            onChange={(e) => setFastqUrl(e.target.value)}
+            onChange={(e) => { setFastqUrl(e.target.value); setResult(null); setError(null); }}
             onKeyDown={(e) => e.key === 'Enter' && startPipeline()}
             placeholder="https://example.com/sample.fastq"
             className="w-full px-4 py-3 rounded-xl text-sm font-mono"
@@ -173,8 +178,13 @@ export default function SequencingPage() {
       )}
 
       {result && (
-        <motion.div variants={fadeUp} initial={{ y: 24 }} animate="show" className="space-y-4">
-
+        <motion.div id="sequencing-results" variants={fadeUp} initial={{ y: 24 }} animate="show" className="space-y-4">
+          {result.status === 'complete' && (
+            <ResultsReadyBanner
+              title="Pipeline complete"
+              subtitle={result.result?.consensus_sequence ? `Consensus sequence ready · ${result.result.reference ?? ''}` : 'All pipeline steps finished'}
+            />
+          )}
           <div className="glass-card p-5">
             <div className="flex items-center justify-between mb-4">
               <div className="flex items-center gap-2">

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

@@ -26,7 +26,6 @@ export default function StructurePage() {
     if (stored) {
       sessionStorage.removeItem('structure_query');
       setQuery(stored);
-      setTimeout(() => handleSearch(), 100);
     }
   }, []);
 
@@ -67,7 +66,7 @@ export default function StructurePage() {
           <FlatInput
             type="text"
             value={query}
-            onChange={(e) => setQuery(e.target.value)}
+            onChange={(e) => { setQuery(e.target.value); setResult(null); setError(null); setInventory(null); }}
             onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
             placeholder="e.g. 1TIM, P04637, 4HHB"
             className="flex-1"

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

@@ -38,26 +38,6 @@ export default function UniprotLookupPage() {
     if (stored) {
       sessionStorage.removeItem('uniprot_accession');
       setQuery(stored);
-      setTimeout(() => {
-        (async () => {
-          setLoading(true);
-          setError(null);
-          setResults(null);
-          setDetail(null);
-          try {
-            const res = await searchUniprot(stored);
-            if (res.results.length === 1) {
-              handleSelect(res.results[0].accession);
-            } else {
-              setResults(res.results);
-            }
-          } catch (err: unknown) {
-            setError(extractErrorMessage(err, 'Search failed'));
-          } finally {
-            setLoading(false);
-          }
-        })();
-      }, 100);
     }
   }, []);
 
@@ -132,7 +112,7 @@ export default function UniprotLookupPage() {
           <FlatInput
             type="text"
             value={query}
-            onChange={(e) => setQuery(e.target.value)}
+            onChange={(e) => { setQuery(e.target.value); setResults(null); setDetail(null); setError(null); }}
             onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
             placeholder="e.g. p53, BRCA1, TP53 human, kinase"
             className="flex-1"

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

@@ -120,7 +120,7 @@ export function SequenceRetrieval() {
           <input
             type="text"
             value={input}
-            onChange={(e) => setInput(e.target.value)}
+            onChange={(e) => { setInput(e.target.value); setResult(null); setValidation(null); setSearchResults(null); setError(null); }}
             onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
             placeholder={
               mode === 'accession' ? 'e.g. NP_000509.1, P04637, 1TIM' :

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

@@ -0,0 +1,28 @@
+'use client';
+
+import { CheckCircle2 } from 'lucide-react';
+
+/**
+ * Distinct "results arrived" notification shown at the top of a tool's
+ * results section. Job pages poll in the background; this banner is the
+ * explicit signal that a run finished so users aren't left staring at
+ * the form wondering if anything happened.
+ */
+
+interface ResultsReadyBannerProps {
+  title?: string;
+  subtitle?: string;
+  className?: string;
+}
+
+export function ResultsReadyBanner({ title = 'Results ready', subtitle, className = '' }: ResultsReadyBannerProps) {
+  return (
+    <div className={`rounded-xl bg-green-500/10 border border-green-500/25 px-4 py-3 flex items-center gap-3 ${className}`}>
+      <CheckCircle2 className="w-5 h-5 text-green-500 shrink-0" />
+      <div className="min-w-0">
+        <p className="text-sm font-semibold text-text-primary">{title}</p>
+        {subtitle && <p className="text-xs text-text-muted mt-0.5 truncate">{subtitle}</p>}
+      </div>
+    </div>
+  );
+}

bioai-platform/frontend/src/components/ui/index.ts

@@ -9,3 +9,4 @@ export { HudLegend, LegendItem } from './HudLegend';
 export { FlatInput, FlatTextarea } from './FlatInput';
 export { BackButton } from './BackButton';
 export { PageHeader } from './PageHeader';
+export { ResultsReadyBanner } from './ResultsReadyBanner';