From 8ea25b1dfa8d56242818d73c3a0b1da1b2182534 Mon Sep 17 00:00:00 2001
From: Shraddha Bajare <shraddha.bajare@skao.int>
Date: Wed, 3 Jun 2026 10:21:53 -0700
Subject: [PATCH] Include programming language details in ToolDetail Profile

---
 web/src/pages/ToolDetail.jsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/ToolDetail.jsx b/web/src/pages/ToolDetail.jsx
index 43f53100..8150fb96 100644
--- a/web/src/pages/ToolDetail.jsx
+++ b/web/src/pages/ToolDetail.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams, Link } from 'react-router-dom';
 import { getToolById, getAllTools } from '../data/loader';
-import { ArrowLeft, ExternalLink, Tag, CheckCircle, Info } from 'lucide-react';
+import { ArrowLeft, ExternalLink, Tag, CheckCircle, Info, Code2 } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import ToolIndicators from '../components/ToolIndicators';  // ← NEW
 
@@ -137,6 +137,15 @@ const ToolDetail = () => {
                                     </span>
                                 </li>
                             )}
+                            {tool.appliesToProgrammingLanguage && (
+                                <li className="flex items-start text-slate-600">
+                                    <Code2 size={18} className="mr-2 text-sky-600 mt-0.5" />
+                                    <span>
+                                        <span className="text-slate-500 block text-xs">Programming Languages</span>
+                                        {toArray(tool.appliesToProgrammingLanguage).join(', ')}
+                                    </span>
+                                </li>
+                            )}
                         </ul>
                     </div>
                 </div>