diff --git a/frontend/app/chat/page.tsx b/frontend/app/chat/page.tsx
index 1988230..9088337 100644
--- a/frontend/app/chat/page.tsx
+++ b/frontend/app/chat/page.tsx
@@ -9,6 +9,7 @@ import {
   Search,
   FileText,
   BarChart3Icon as Diagram3,
+  HelpCircle,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Alert, AlertDescription } from "@/components/ui/alert";
@@ -75,28 +76,27 @@ export default function ChatPage() {
         {/* Header */}
         <div className="mb-4 flex-shrink-0">
           <div className="flex items-center justify-between mb-1">
-            <h1 className="text-2xl font-bold text-slate-900">AI Assistant</h1>
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={() => setShowOnboarding(true)}
-              className="flex items-center gap-2"
-            >
-              <MessageSquare className="h-4 w-4" />
-              How to Use
-            </Button>
+            <div className="flex items-center gap-4 w-full">
+              {/* Warning Alert - takes most of the space */}
+              <Alert className="border-amber-200 bg-amber-50 py-2 flex-1">
+                <AlertDescription className="text-amber-800 text-sm">
+                  <strong>⚠️ Important:</strong> Responses are AI generated and may contain errors, or hallucinations.
+                </AlertDescription>
+              </Alert>
+              
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={() => setShowOnboarding(true)}
+                className="flex items-center gap-2 flex-shrink-0"
+              >
+                <HelpCircle className="h-4 w-4" />
+                How to Use
+              </Button>
+            </div>
           </div>
         </div>
 
-        {/* Persistent Warning */}
-        <div className="mb-3 flex-shrink-0">
-          <Alert className="border-amber-200 bg-amber-50 py-2">
-            <AlertDescription className="text-amber-800 text-sm">
-              <strong>⚠️ Important:</strong> Responses are AI generated and may contain errors, or hallucinations.
-            </AlertDescription>
-          </Alert>
-        </div>
-
         {/* Chat Interface - takes remaining space */}
         <div className="flex-1 w-full min-h-0">
           <ChatBox
diff --git a/frontend/components/onboarding-modal.tsx b/frontend/components/onboarding-modal.tsx
index f8f564d..a9e6a16 100644
--- a/frontend/components/onboarding-modal.tsx
+++ b/frontend/components/onboarding-modal.tsx
@@ -59,15 +59,6 @@ export function OnboardingModal({ isOpen, onClose }: OnboardingModalProps) {
               Try asking questions like:
             </Label>
             <div className="space-y-3">
-              <div className="bg-white border border-slate-200 rounded-lg p-3">
-                <div className="flex items-center gap-2 text-sm text-slate-600 mb-1">
-                  <MessageSquare className="h-3 w-3" />
-                  Example Query
-                </div>
-                <div className="font-mono text-sm text-slate-800 bg-slate-50 p-2 rounded">
-                  "List all calcium models by Juliajessica"
-                </div>
-              </div>
               <div className="bg-white border border-slate-200 rounded-lg p-3">
                 <div className="flex items-center gap-2 text-sm text-slate-600 mb-1">
                   <MessageSquare className="h-3 w-3" />
@@ -99,202 +90,93 @@ export function OnboardingModal({ isOpen, onClose }: OnboardingModalProps) {
         </div>
       ),
     },
-    {
-      title: "Hybrid Mode with Parameters",
-      subtitle: "Combine natural language with specific filters",
-      icon: <Settings className="h-8 w-8 text-purple-600" />,
-      content: (
-        <div className="space-y-6">
-          <div className="text-center">
-            <div className="bg-gradient-to-r from-purple-50 to-pink-50 rounded-lg p-6 mb-4">
-              <Settings className="h-12 w-12 text-purple-600 mx-auto mb-4" />
-              <h3 className="text-lg font-semibold text-slate-900 mb-2">
-                Smart Parameter Filtering
-              </h3>
-              <p className="text-slate-600">
-                Set specific parameters to narrow down your searches and avoid
-                repeating the same criteria.
-              </p>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div className="space-y-4">
-              <Label className="text-slate-700 font-medium">
-                Use Case Example:
-              </Label>
-              <div className="bg-amber-50 border border-amber-200 rounded-lg p-4">
-                <div className="text-sm text-amber-800 mb-2 font-medium">
-                  Scenario:
-                </div>
-                <p className="text-sm text-amber-700">
-                  You're researching calcium models and want to ask multiple
-                  questions about tutorial models only.
-                </p>
-              </div>
-              <div className="space-y-2">
-                <div className="text-sm text-slate-600">Instead of asking:</div>
-                <div className="bg-slate-100 p-2 rounded text-xs font-mono">
-                  "Find tutorial calcium models"
-                  <br />
-                  "Show tutorial models about calcium that use the Combined
-                  Stiff Solver"
-                  <br />
-                  "Get tutorial calcium models from Juliajessica"
-                </div>
-              </div>
-            </div>
-
-            <div className="space-y-4">
-              <Label className="text-slate-700 font-medium">
-                Better Approach:
-              </Label>
-
-              {/* Mock Tool Parameters */}
-              <Card className="border-slate-200 p-2 sm:p-3 text-xs">
-                <CardHeader className="bg-slate-50 border-b border-slate-200 py-2 sm:py-2.5 text-xs">
-                  <CardTitle className="text-xs sm:text-sm flex items-center gap-1">
-                    <Settings className="h-4 w-4" />
-                    Tool Parameters
-                  </CardTitle>
-                </CardHeader>
-                <CardContent className="p-2 sm:p-3 text-xs">
-                  <div className="space-y-2">
-                    <Label className="text-xs text-slate-600">Model Type</Label>
-                    <RadioGroup
-                      value="tutorial"
-                      className="grid grid-cols-1 gap-1"
-                    >
-                      <div className="flex items-center space-x-2">
-                        <RadioGroupItem value="tutorial" id="tutorial-demo" />
-                        <Label
-                          htmlFor="tutorial-demo"
-                          className="text-xs text-slate-700 cursor-pointer"
-                        >
-                          Tutorial ✓
-                        </Label>
-                      </div>
-                    </RadioGroup>
-                  </div>
-                  <div className="space-y-2">
-                    <Label className="text-xs text-slate-600">Model Name</Label>
-                    <Input
-                      placeholder="calcium"
-                      value="calcium"
-                      className="h-7 text-xs border-slate-300"
-                      disabled
-                    />
-                  </div>
-                </CardContent>
-              </Card>
-
-              <div className="space-y-2">
-                <div className="text-sm text-slate-600">Now simply ask:</div>
-                <div className="bg-green-100 p-2 rounded text-xs font-mono">
-                  "Find all models"
-                  <br />
-                  "Show models that use Combined Stiff Solver"
-                  <br />
-                  "Get models from Juliajessica"
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      ),
-    },
-    {
+     {
       title: "Available Tools",
-      subtitle: "Standalone tools and result verification",
-      icon: <Search className="h-8 w-8 text-green-600" />,
+      subtitle: "Tools the LLM uses to provide factual answers",
+      icon: <Search className="h-8 w-8 text-blue-600" />,
       content: (
-        <div className="space-y-6">
+        <div className="space-y-4">
           <div className="text-center">
-            <div className="bg-gradient-to-r from-green-50 to-emerald-50 rounded-lg p-6 mb-4">
-              <Search className="h-12 w-12 text-green-600 mx-auto mb-4" />
-              <h3 className="text-lg font-semibold text-slate-900 mb-2">
-                Powerful Analysis Tools
+            <div className="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-4 mb-3">
+              <Search className="h-10 w-10 text-blue-600 mx-auto mb-2" />
+              <h3 className="text-base font-semibold text-slate-900 mb-1">
+                LLM Analysis Tools
               </h3>
-              <p className="text-slate-600">
-                Use these tools independently or to verify AI responses for
-                accurate results.
+              <p className="text-slate-600 text-sm">
+                The LLM uses these tools and a curated knowledge base to provide accurate, factual answers to your questions.
               </p>
             </div>
           </div>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
             <Card className="border-slate-200 hover:shadow-md transition-shadow">
-              <CardContent className="p-4">
-                <div className="flex items-center gap-3 mb-3">
-                  <div className="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center">
-                    <Search className="h-5 w-5 text-blue-600" />
+              <CardContent className="p-3">
+                <div className="flex items-center gap-2 mb-2">
+                  <div className="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center">
+                    <Search className="h-4 w-4 text-blue-600" />
                   </div>
                   <div>
-                    <h4 className="font-semibold text-slate-900">
+                    <h4 className="font-semibold text-slate-900 text-sm">
                       Biomodel Search
                     </h4>
-                    <p className="text-xs text-slate-600">Advanced filtering</p>
+                    <p className="text-xs text-slate-600">Database querying</p>
                   </div>
                 </div>
-                <p className="text-sm text-slate-600">
-                  Search the database with precise filters for name, owner,
-                  category, and date ranges.
+                <p className="text-xs text-slate-600">
+                  The LLM searches the database with precise filters to find relevant models and information.
                 </p>
               </CardContent>
             </Card>
 
             <Card className="border-slate-200 hover:shadow-md transition-shadow">
-              <CardContent className="p-4">
-                <div className="flex items-center gap-3 mb-3">
-                  <div className="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center">
-                    <FileText className="h-5 w-5 text-purple-600" />
+              <CardContent className="p-3">
+                <div className="flex items-center gap-2 mb-2">
+                  <div className="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center">
+                    <FileText className="h-4 w-4 text-blue-600" />
                   </div>
                   <div>
-                    <h4 className="font-semibold text-slate-900">VCML Files</h4>
+                    <h4 className="font-semibold text-slate-900 text-sm">VCML Files</h4>
                     <p className="text-xs text-slate-600">
-                      Virtual Cell format
+                      Model definitions
                     </p>
                   </div>
                 </div>
-                <p className="text-sm text-slate-600">
-                  Retrieve complete model definitions with compartments,
-                  species, and kinetics.
+                <p className="text-xs text-slate-600">
+                  The LLM accesses complete model definitions with compartments, species, and kinetics for detailed analysis.
                 </p>
               </CardContent>
             </Card>
 
             <Card className="border-slate-200 hover:shadow-md transition-shadow">
-              <CardContent className="p-4">
-                <div className="flex items-center gap-3 mb-3">
-                  <div className="w-10 h-10 bg-orange-100 rounded-lg flex items-center justify-center">
-                    <Code className="h-5 w-5 text-orange-600" />
+              <CardContent className="p-3">
+                <div className="flex items-center gap-2 mb-2">
+                  <div className="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center">
+                    <MessageSquare className="h-4 w-4 text-blue-600" />
                   </div>
                   <div>
-                    <h4 className="font-semibold text-slate-900">SBML Files</h4>
-                    <p className="text-xs text-slate-600">Standard format</p>
+                    <h4 className="font-semibold text-slate-900 text-sm">Knowledge Base</h4>
+                    <p className="text-xs text-slate-600">Curated documentation</p>
                   </div>
                 </div>
-                <p className="text-sm text-slate-600">
-                  Download standardized Systems Biology Markup Language files
-                  for external tools.
+                <p className="text-xs text-slate-600">
+                  The LLM uses a comprehensive set of documents curated by the VCell team to answer questions factually and accurately.
                 </p>
               </CardContent>
             </Card>
 
             <Card className="border-slate-200 hover:shadow-md transition-shadow">
-              <CardContent className="p-4">
-                <div className="flex items-center gap-3 mb-3">
-                  <div className="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center">
-                    <Diagram3 className="h-5 w-5 text-green-600" />
+              <CardContent className="p-3">
+                <div className="flex items-center gap-2 mb-2">
+                  <div className="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center">
+                    <Diagram3 className="h-4 w-4 text-blue-600" />
                   </div>
                   <div>
-                    <h4 className="font-semibold text-slate-900">Diagrams</h4>
+                    <h4 className="font-semibold text-slate-900 text-sm">Diagrams</h4>
                     <p className="text-xs text-slate-600">Visual networks</p>
                   </div>
                 </div>
-                <p className="text-sm text-slate-600">
-                  Generate real-time network diagrams showing topology and
-                  interactions.
+                <p className="text-xs text-slate-600">
+                  The LLM can generate real-time network diagrams showing topology and interactions for visual understanding.
                 </p>
               </CardContent>
             </Card>
@@ -302,64 +184,101 @@ export function OnboardingModal({ isOpen, onClose }: OnboardingModalProps) {
         </div>
       ),
     },
+    {
+      title: "Understand the Response",
+      subtitle: "How to interpret and explore AI responses",
+      icon: <FileText className="h-8 w-8 text-blue-600" />,
+      content: (
+        <div className="space-y-4">
+          <div className="space-y-3">
+            <Label className="text-slate-700 font-medium text-sm">
+              Example Response:
+            </Label>
+            
+            <div className="bg-white border-2 border-slate-300 rounded-lg p-4 font-mono text-sm">
+              <div className="space-y-1">
+                <div className="font-semibold text-slate-900">DupontCellCalcium</div>
+                <div className="text-slate-700">
+                  ID: 114597194 -- <span className="bg-blue-500 text-white px-2 py-1 rounded text-xs font-medium shadow-lg animate-pulse cursor-pointer hover:bg-blue-600 transition-colors">Database</span>
+                </div>
+                <div className="text-slate-700">Owner: moutoutan</div>
+                <div className="text-slate-700">Description: A model simulating calcium dynamics in a cellular context.</div>
+                <div className="text-slate-700">Applications: Application0</div>
+                <div className="text-slate-700">Simulations: Multiple simulations with varying configurations.</div>
+              </div>
+            </div>
+
+            <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
+              <div className="flex items-start gap-2">
+                <div className="w-5 h-5 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                  <span className="text-blue-600 text-xs">💡</span>
+                </div>
+                <div className="text-xs text-blue-800">
+                  <strong>Interactive Database Link:</strong> The blue, shining "Database" button is a hyperlink that takes you to a dedicated page where you can view all database details about that specific model. On that page, you can also have an LLM discussion where the AI is well-instructed about that particular model's context and specifications.
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      ),
+    },
     {
       title: "Important Disclaimers",
       subtitle: "Understanding AI limitations",
-      icon: <AlertTriangle className="h-8 w-8 text-red-600" />,
+      icon: <AlertTriangle className="h-8 w-8 text-blue-600" />,
       content: (
-        <div className="space-y-6">
+        <div className="space-y-4">
           <div className="text-center">
-            <div className="bg-gradient-to-r from-red-50 to-orange-50 rounded-lg p-6 mb-4">
-              <AlertTriangle className="h-12 w-12 text-red-600 mx-auto mb-4" />
-              <h3 className="text-lg font-semibold text-slate-900 mb-2">
+            <div className="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-4 mb-3">
+              <AlertTriangle className="h-10 w-10 text-blue-600 mx-auto mb-2" />
+              <h3 className="text-base font-semibold text-slate-900 mb-1">
                 AI Response Limitations
               </h3>
-              <p className="text-slate-600">
-                Understanding these limitations ensures you use the AI Assistant
-                effectively and safely.
+              <p className="text-slate-600 text-sm">
+                Understanding these limitations ensures you use the AI effectively.
               </p>
             </div>
           </div>
-          <div className="space-y-4">
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-              <Card className="border-red-200 bg-red-50">
-                <CardContent className="p-4 text-center">
-                  <div className="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-3">
-                    <span className="text-red-600 text-xl">🤖</span>
+          <div className="space-y-3">
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
+              <Card className="border-blue-200 bg-blue-50">
+                <CardContent className="p-3 text-center">
+                  <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-2">
+                    <span className="text-blue-600 text-lg">🤖</span>
                   </div>
-                  <h4 className="font-semibold text-red-900 mb-2">
+                  <h4 className="font-semibold text-blue-900 mb-1 text-sm">
                     AI Hallucinations
                   </h4>
-                  <p className="text-sm text-red-800">
+                  <p className="text-xs text-blue-800">
                     AI may generate plausible-sounding but incorrect information
                   </p>
                 </CardContent>
               </Card>
 
-              <Card className="border-orange-200 bg-orange-50">
-                <CardContent className="p-4 text-center">
-                  <div className="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-3">
-                    <span className="text-orange-600 text-xl">⚠️</span>
+              <Card className="border-blue-200 bg-blue-50">
+                <CardContent className="p-3 text-center">
+                  <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-2">
+                    <span className="text-blue-600 text-lg">⚠️</span>
                   </div>
-                  <h4 className="font-semibold text-orange-900 mb-2">
+                  <h4 className="font-semibold text-blue-900 mb-1 text-sm">
                     Server Errors
                   </h4>
-                  <p className="text-sm text-orange-800">
+                  <p className="text-xs text-blue-800">
                     Technical issues may affect response accuracy or
                     availability
                   </p>
                 </CardContent>
               </Card>
 
-              <Card className="border-yellow-200 bg-yellow-50">
-                <CardContent className="p-4 text-center">
-                  <div className="w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center mx-auto mb-3">
-                    <span className="text-yellow-600 text-xl">📊</span>
+              <Card className="border-blue-200 bg-blue-50">
+                <CardContent className="p-3 text-center">
+                  <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-2">
+                    <span className="text-blue-600 text-lg">📊</span>
                   </div>
-                  <h4 className="font-semibold text-yellow-900 mb-2">
+                  <h4 className="font-semibold text-blue-900 mb-1 text-sm">
                     Private Models
                   </h4>
-                  <p className="text-sm text-yellow-800">
+                  <p className="text-xs text-blue-800">
                     Feature under development to access private models securely
                   </p>
                 </CardContent>