From 1584514373bd6ac0dd5d8ba5dced5cc1114f8eef Mon Sep 17 00:00:00 2001
From: gateremark <gateremg@gmail.com>
Date: Wed, 25 Mar 2026 19:00:27 +0300
Subject: [PATCH] fix(ui): open GitHub 'Need Help?' links in new tab

Add target="_blank" and rel="noopener noreferrer" to GitHub issue
links in the admin dashboard UI to prevent navigating away from the
current page.

Affected components:
- AddModelForm: 'Need Help?' link
- AddAutoRouterTab: 'Need Help?' link
- AddCredentialModal: 'Need Help?' link
- EditCredentialModal: 'Need Help?' link
- ReuseCredentialsModal: 'Need Help?' link
---
 ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx  | 2 +-
 .../src/components/add_model/add_auto_router_tab.tsx            | 2 +-
 .../src/components/model_add/AddCredentialModal.tsx             | 2 +-
 .../src/components/model_add/EditCredentialModal.tsx            | 2 +-
 .../src/components/model_add/reuse_credentials.tsx              | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx b/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx
index 65e239d58ea..6bd8fd15862 100644
--- a/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx
@@ -363,7 +363,7 @@ const AddModelForm: React.FC<AddModelFormProps> = ({
             )}
             <div className="flex justify-between items-center mb-4">
               <Tooltip title="Get help on our github">
-                <Typography.Link href="https://github.com/BerriAI/litellm/issues">Need Help?</Typography.Link>
+                <Typography.Link href="https://github.com/BerriAI/litellm/issues" target="_blank" rel="noopener noreferrer">Need Help?</Typography.Link>
               </Tooltip>
               <div className="space-x-2">
                 <Button onClick={handleTestConnection} loading={isTestingConnection}>
diff --git a/ui/litellm-dashboard/src/components/add_model/add_auto_router_tab.tsx b/ui/litellm-dashboard/src/components/add_model/add_auto_router_tab.tsx
index e52c67539db..3fb29dc8d07 100644
--- a/ui/litellm-dashboard/src/components/add_model/add_auto_router_tab.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/add_auto_router_tab.tsx
@@ -393,7 +393,7 @@ const AddAutoRouterTab: React.FC<AddAutoRouterTabProps> = ({ form, handleOk, acc
 
           <div className="flex justify-between items-center mb-4">
             <Tooltip title="Get help on our github">
-              <Typography.Link href="https://github.com/BerriAI/litellm/issues">Need Help?</Typography.Link>
+              <Typography.Link href="https://github.com/BerriAI/litellm/issues" target="_blank" rel="noopener noreferrer">Need Help?</Typography.Link>
             </Tooltip>
             <div className="space-x-2">
               <Button onClick={handleTestConnection} loading={isTestingConnection}>
diff --git a/ui/litellm-dashboard/src/components/model_add/AddCredentialModal.tsx b/ui/litellm-dashboard/src/components/model_add/AddCredentialModal.tsx
index 694a98201c6..944d2596dd1 100644
--- a/ui/litellm-dashboard/src/components/model_add/AddCredentialModal.tsx
+++ b/ui/litellm-dashboard/src/components/model_add/AddCredentialModal.tsx
@@ -94,7 +94,7 @@ const AddCredentialsModal: React.FC<AddCredentialsModalProps> = ({ open, onCance
         {/* Modal Footer */}
         <div className="flex justify-between items-center">
           <Tooltip title="Get help on our github">
-            <Link href="https://github.com/BerriAI/litellm/issues">Need Help?</Link>
+            <Link href="https://github.com/BerriAI/litellm/issues" target="_blank" rel="noopener noreferrer">Need Help?</Link>
           </Tooltip>
 
           <div>
diff --git a/ui/litellm-dashboard/src/components/model_add/EditCredentialModal.tsx b/ui/litellm-dashboard/src/components/model_add/EditCredentialModal.tsx
index b206ed6c91d..e77997e4725 100644
--- a/ui/litellm-dashboard/src/components/model_add/EditCredentialModal.tsx
+++ b/ui/litellm-dashboard/src/components/model_add/EditCredentialModal.tsx
@@ -127,7 +127,7 @@ export default function EditCredentialsModal({
         {/* Modal Footer */}
         <div className="flex justify-between items-center">
           <Tooltip title="Get help on our github">
-            <Link href="https://github.com/BerriAI/litellm/issues">Need Help?</Link>
+            <Link href="https://github.com/BerriAI/litellm/issues" target="_blank" rel="noopener noreferrer">Need Help?</Link>
           </Tooltip>
 
           <div>
diff --git a/ui/litellm-dashboard/src/components/model_add/reuse_credentials.tsx b/ui/litellm-dashboard/src/components/model_add/reuse_credentials.tsx
index e16c0b73ac3..065200b69f0 100644
--- a/ui/litellm-dashboard/src/components/model_add/reuse_credentials.tsx
+++ b/ui/litellm-dashboard/src/components/model_add/reuse_credentials.tsx
@@ -61,7 +61,7 @@ const ReuseCredentialsModal: React.FC<ReuseCredentialsModalProps> = ({
         {/* Modal Footer */}
         <div className="flex justify-between items-center">
           <Tooltip title="Get help on our github">
-            <Link href="https://github.com/BerriAI/litellm/issues">Need Help?</Link>
+            <Link href="https://github.com/BerriAI/litellm/issues" target="_blank" rel="noopener noreferrer">Need Help?</Link>
           </Tooltip>
 
           <div>