From 87bee3d5b196cb96fe053e7e394b70355f7ac057 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phane=20Tetsing?= <stephane.fosso@yahoo.fr>
Date: Tue, 2 Apr 2024 15:12:35 +0200
Subject: [PATCH] added AI documentation button. Hart coded link

---
 .../src/app/tabs/locales/en/remixUiTabs.json   |  3 ++-
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx   | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/tabs/locales/en/remixUiTabs.json b/apps/remix-ide/src/app/tabs/locales/en/remixUiTabs.json
index 7826d29fa8..46c5181a84 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/remixUiTabs.json
+++ b/apps/remix-ide/src/app/tabs/locales/en/remixUiTabs.json
@@ -4,8 +4,9 @@
   "remixUiTabs.tooltipText3": "Select .sol or .yul file to compile or a .ts or .js file and run it",
   "remixUiTabs.tooltipText4": "Select .sol file to use AI tools [BETA]",
   "remixUiTabs.tooltipText5": "Explain the contract(s) in current file [BETA]",
-  "remixUiTabs.tooltipText6": "Enable AI Copilot [BETA]. Note that the AI model is downloaded once to your browser's memory - approximately 50MB.",
+  "remixUiTabs.tooltipText6": "Enable AI Copilot [BETA]",
   "remixUiTabs.tooltipText7": "Disable AI Copilot [BETA]",
+  "remixUiTabs.tooltipText8": "AI Documentation [BETA]",
   "remixUiTabs.zoomOut": "Zoom out",
   "remixUiTabs.zoomIn": "Zoom in"
 }
diff --git a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
index be957b5d47..3fab1847c7 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -282,6 +282,24 @@ export const TabsUI = (props: TabsUIProps) => {
               </span>
             </button>
           </CustomTooltip>
+          <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-aiDocumentation" tooltipText={<FormattedMessage id="remixUiTabs.tooltipText8" />}>
+            <span 
+              data-id="remix_ai_docs"
+              id="remix_ai_docs"
+              className="btn ai-docs"
+              role='link'
+              onClick={()=>{window.open("https://remix-ide.readthedocs.io/en/latest/security.html")}}
+            >
+              <i className="fa-solid fa-book text-ai"></i>
+              <span
+                className="position-relative text-ai text-sm pl-1"
+                style={{fontSize: "x-small", alignSelf: "end"}}
+              >
+                AI
+              </span>
+            </span>
+          </CustomTooltip>
+          
           <script>
             const button = document.querySelector('#button');
           </script>