From 4fd2e5660cf282f552f99005818c9a50645131d8 Mon Sep 17 00:00:00 2001
From: Primakov Alexandr <primakovpro@gmail.com>
Date: Mon, 15 Dec 2025 21:30:50 +0300
Subject: [PATCH] Enhance LearningMaterialViewer and TaskWorkspace components
 to open links in a new tab with appropriate security attributes. This
 improves user experience by ensuring external links are handled safely.

---
 src/components/personal/LearningMaterialViewer.tsx |  9 ++++++++-
 src/components/personal/TaskWorkspace.tsx          | 11 ++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/personal/LearningMaterialViewer.tsx b/src/components/personal/LearningMaterialViewer.tsx
index 200c217..c1008f1 100644
--- a/src/components/personal/LearningMaterialViewer.tsx
+++ b/src/components/personal/LearningMaterialViewer.tsx
@@ -234,7 +234,14 @@ export const LearningMaterialViewer = ({
             }
           }}
         >
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>
+          <ReactMarkdown 
+            remarkPlugins={[remarkGfm]}
+            components={{
+              a: ({ node: _node, ...props }) => (
+                <a {...props} target="_blank" rel="noopener noreferrer" />
+              )
+            }}
+          >
             {pages[currentPage]}
           </ReactMarkdown>
         </Box>
diff --git a/src/components/personal/TaskWorkspace.tsx b/src/components/personal/TaskWorkspace.tsx
index 3f4c15c..3c2099f 100644
--- a/src/components/personal/TaskWorkspace.tsx
+++ b/src/components/personal/TaskWorkspace.tsx
@@ -274,7 +274,16 @@ export const TaskWorkspace = ({ task, onTaskComplete, onTaskSkip }: TaskWorkspac
             }
           }}
         >
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>{task.description}</ReactMarkdown>
+          <ReactMarkdown 
+            remarkPlugins={[remarkGfm]}
+            components={{
+              a: ({ node: _node, ...props }) => (
+                <a {...props} target="_blank" rel="noopener noreferrer" />
+              )
+            }}
+          >
+            {task.description}
+          </ReactMarkdown>
         </Box>
       </Box>