Spectual
diff --git a/‎index.html‎
Lines changed: 1 addition & 1 deletion b/‎index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎package-lock.json‎
Lines changed: 1471 additions & 70 deletions b/‎package-lock.json‎
Lines changed: 1471 additions & 70 deletions
diff --git a/‎package.json‎
Lines changed: 3 additions & 0 deletions b/‎package.json‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎public/favicon.ico‎
-7.47 KB b/‎public/favicon.ico‎
-7.47 KB
diff --git a/‎public/lovable-uploads/1b7ef9b3-4eb0-4d50-b38b-fa5502d23e0c.png‎
-217 KB b/‎public/lovable-uploads/1b7ef9b3-4eb0-4d50-b38b-fa5502d23e0c.png‎
-217 KB
diff --git a/‎public/my-icon.png‎
2.22 MB b/‎public/my-icon.png‎
2.22 MB
diff --git a/‎src/components/MessageBubble.tsx‎
Lines changed: 4 additions & 1 deletion b/‎src/components/MessageBubble.tsx‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎tailwind.config.ts‎
Lines changed: 4 additions & 1 deletion b/‎tailwind.config.ts‎
Lines changed: 4 additions & 1 deletion
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/my-icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="AI Profile Assistant - Your Professional Profile" />
     <meta name="author" content="Your Name" />
 
@@ -28,12 +28,15 @@
     "lucide-react": "^0.303.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-markdown": "^10.1.0",
     "react-router-dom": "^6.20.1",
+    "remark-gfm": "^4.0.1",
     "sonner": "^1.3.1",
     "tailwind-merge": "^2.2.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.16",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
 
@@ -1,3 +1,4 @@
+import ReactMarkdown from 'react-markdown';
 
 interface Message {
   id: string;
@@ -20,7 +21,9 @@ const MessageBubble = ({ message }: MessageBubbleProps) => {
             : "bg-white/10 text-slate-100 border border-white/20"
         }`}
       >
-        <p className="text-sm whitespace-pre-wrap leading-relaxed">{message.text}</p>
+        <div className="prose prose-sm prose-invert max-w-none">
+          <ReactMarkdown>{message.text}</ReactMarkdown>
+        </div>
         <p className={`text-xs mt-2 ${message.isUser ? "text-cyan-100" : "text-slate-400"}`}>
           {message.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
         </p>
 
@@ -92,5 +92,8 @@ export default {
 			}
 		}
 	},
-	plugins: [require("tailwindcss-animate")],
+	plugins: [
+		require("tailwindcss-animate"),
+		require("@tailwindcss/typography"),
+	],
 } satisfies Config;
Original file line number	Diff line number	Diff line change
`@@ -92,5 +92,8 @@ export default {`
`92`	`92`	`}`
`93`	`93`	`}`
`94`	`94`	`},`
`95`		`- plugins: [require("tailwindcss-animate")],`
	`95`	`+ plugins: [`
	`96`	`+ require("tailwindcss-animate"),`
	`97`	`+ require("@tailwindcss/typography"),`
	`98`	`+ ],`
`96`	`99`	`} satisfies Config;`