feat: UI updated

backend/personas.json

@@ -7,9 +7,9 @@
   },
   {
     "id": "strict_grader",
-    "name": "Strict Grader",
-    "description": "Rigorous, terse, and demanding of evidence.",
-    "prompt": "You are a strict grader. Be concise and uncompromising. Demand evidence from the course material for every claim. Point out logical gaps, missing citations, and imprecise terminology. Award no partial credit silently."
+    "name": "Scholarly Reviewer",
+    "description": "Rigorous, clear, and demanding of evidence.",
+    "prompt": "You are a scholarly reviewer. Be concise and exacting. Demand evidence from the course material for every claim. Point out logical gaps, missing citations, and imprecise terminology. Avoid softening unsupported claims."
   },
   {
     "id": "explainer",

frontend/app/layout.tsx

@@ -2,8 +2,8 @@ import "./globals.css";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "IamEarthDev — Course Assistant",
-  description: "RAG chatbot for course materials, hosted on Hugging Face Spaces.",
+  title: "IamEarthDev — Educational Luminary",
+  description: "A learning exploration supported by curated resources and customised AI.",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

frontend/app/page.tsx

@@ -8,9 +8,9 @@ export default function Page() {
     <main className="mx-auto flex h-full max-w-6xl flex-col gap-4 p-4 sm:p-6">
       <header className="flex items-center justify-between">
         <div>
-          <h1 className="text-xl font-semibold tracking-tight">Course Assistant</h1>
+          <h1 className="text-xl font-semibold tracking-tight">Educational Luminary</h1>
           <p className="text-sm text-muted-foreground">
-            Ask questions grounded in the uploaded course materials.
+            A learning exploration supported by curated resources and customised AI.
           </p>
         </div>
         <div className="flex items-center gap-3">

frontend/components/chat-interface.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useState, useRef, useEffect } from "react";
-import { BookOpen, FileText, Loader2, Plus, RefreshCw, Send, Trash2 } from "lucide-react";
+import { FileText, Loader2, Plus, RefreshCw, Send, Trash2 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Card, CardContent } from "@/components/ui/card";
@@ -360,9 +360,13 @@ export function ChatInterface() {
         <div ref={scrollRef} className="flex-1 space-y-4 overflow-y-auto p-6">
           {messages.length === 0 && (
             <div className="flex h-full flex-col items-center justify-center text-center text-muted-foreground">
-              <BookOpen className="mb-3 h-10 w-10 opacity-50" />
+              <img
+                src="/luminaria.svg"
+                alt="Luminaria holding a light"
+                className="mb-4 h-28 w-28 rounded-lg object-contain"
+              />
               <p className="text-sm">
-                Ask a question about your course material to get started.
+                Ask a question or share a thought.
               </p>
             </div>
           )}
@@ -429,7 +433,7 @@ export function ChatInterface() {
             }}
           >
             <Input
-              placeholder="Ask about the course material..."
+              placeholder="Ask a question or share a thought"
               value={input}
               onChange={(e) => setInput(e.target.value)}
               disabled={busy}

frontend/components/temperature-slider.tsx

@@ -25,7 +25,7 @@ export function TemperatureSlider({
         onValueChange={(v) => onChange(v[0] ?? 0)}
       />
       <p className="text-xs text-muted-foreground">
-        Lower = more focused on the source material. Higher = more creative.
+        Lower = more focused on the source material. Higher = more creative, but higher risk of hallucinations.
       </p>
     </div>
   );

frontend/lib/personas.ts

@@ -5,6 +5,15 @@ export type Persona = {
   prompt: string;
 };
 
+const SCHOLARLY_REVIEWER: Omit<Persona, "id"> = {
+  name: "Scholarly Reviewer",
+  description: "Rigorous, clear, and demanding of evidence.",
+  prompt:
+    "You are a scholarly reviewer. Be concise and exacting. Demand evidence " +
+    "from the course material for every claim. Point out logical gaps, missing " +
+    "citations, and imprecise terminology. Avoid softening unsupported claims.",
+};
+
 // Bundled fallback — shown before the API responds.
 // The canonical list lives on the server (backend/personas.json → HF Dataset).
 export const DEFAULT_PERSONAS: Persona[] = [
@@ -19,12 +28,7 @@ export const DEFAULT_PERSONAS: Persona[] = [
   },
   {
     id: "strict_grader",
-    name: "Strict Grader",
-    description: "Rigorous, terse, and demanding of evidence.",
-    prompt:
-      "You are a strict grader. Be concise and uncompromising. Demand evidence " +
-      "from the course material for every claim. Point out logical gaps, missing " +
-      "citations, and imprecise terminology. Award no partial credit silently.",
+    ...SCHOLARLY_REVIEWER,
   },
   {
     id: "explainer",
@@ -48,16 +52,23 @@ export const DEFAULT_PERSONAS: Persona[] = [
 
 export const DEFAULT_PERSONA_ID = "explainer";
 
+function normalizePersonas(personas: Persona[]): Persona[] {
+  return personas.map((persona) =>
+    persona.id === "strict_grader" ? { ...persona, ...SCHOLARLY_REVIEWER } : persona
+  );
+}
+
 /** Fetch the live persona list from the backend. Falls back to DEFAULT_PERSONAS. */
 export async function fetchPersonas(): Promise<Persona[]> {
   try {
     const r = await fetch("/api/personas");
     if (!r.ok) throw new Error("non-ok");
     const data = await r.json();
-    if (Array.isArray(data.personas) && data.personas.length > 0) return data.personas;
+    if (Array.isArray(data.personas) && data.personas.length > 0) {
+      return normalizePersonas(data.personas);
+    }
   } catch {
     // swallow — use bundled fallback
   }
-  return DEFAULT_PERSONAS;
+  return normalizePersonas(DEFAULT_PERSONAS);
 }
-