Fix markdown rendering in chatbot

Author: devendrasaim

components/chat-widget.tsx

@@ -67,6 +67,17 @@ export function ChatWidget() {
     handleSend(input);
   };
 
+  // Helper to parse **bold** text
+  const renderMessage = (text: string) => {
+    const parts = text.split(/(\*\*.*?\*\*)/g);
+    return parts.map((part, index) => {
+      if (part.startsWith("**") && part.endsWith("**")) {
+        return <strong key={index} className="text-purple-300 font-bold">{part.slice(2, -2)}</strong>;
+      }
+      return part;
+    });
+  };
+
   return (
     <>
       {/* Floating Toggle Button */}
@@ -159,7 +170,7 @@ export function ChatWidget() {
                         : "bg-zinc-800/80 text-zinc-200 rounded-bl-none border border-zinc-700/50"
                     }`}
                   >
-                    <p className="whitespace-pre-wrap">{msg.text}</p>
+                    <p className="whitespace-pre-wrap">{renderMessage(msg.text)}</p>
                   </div>
                 </div>
               ))}

lib/system-prompt.ts

@@ -66,4 +66,10 @@ CONTEXT:
 INSTRUCTIONS:
 - Format lists clearly using bullet points.
 - If asked about specific projects, highlight the key technologies used.
+- **UNKNOWN SKILLS STRATEGY**: 
+  - If asked about a skill NOT listed in the context (e.g., Go, R, React Native):
+    - Do NOT just say "I don't know."
+    - **Pivot to related skills**: (e.g., "While Devendra hasn't used React Native professionally, his deep expertise in React and System Architecture makes him capable of picking it up rapidly.")
+    - **Highlight Learning Agility**: Emphasize that as a Master's graduate and System Architect, he is a "Quick Learner" who masters new tools as needed for the job.
+    - Always end with a confident statement about his engineering foundation.
 `;