From 17b6ab0db0d14c734acfc451ee52d4167710e767 Mon Sep 17 00:00:00 2001
From: x032205 <x032205@gmail.com>
Date: Fri, 5 Sep 2025 13:03:19 -0400
Subject: [PATCH] Review fixes

---
 frontend/src/helpers/auditLogStreams.ts       |  4 +++-
 .../components/AuditLogStreamHeader.tsx       | 19 +++++++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/helpers/auditLogStreams.ts b/frontend/src/helpers/auditLogStreams.ts
index 2fd4e0858..00d2b9e51 100644
--- a/frontend/src/helpers/auditLogStreams.ts
+++ b/frontend/src/helpers/auditLogStreams.ts
@@ -25,6 +25,8 @@ export function getProviderUrl(
     case LogProvider.Splunk:
       return `https://${logStream.credentials.hostname}:8088/services/collector/event`;
     default:
-      return "Not found";
+      throw new Error(
+        `Unhandled provider in getProviderUrl: ${(logStream as TAuditLogStream).provider}`
+      );
   }
 }
diff --git a/frontend/src/pages/organization/SettingsPage/components/AuditLogStreamTab/components/AuditLogStreamHeader.tsx b/frontend/src/pages/organization/SettingsPage/components/AuditLogStreamTab/components/AuditLogStreamHeader.tsx
index 12185b869..77c8e8eee 100644
--- a/frontend/src/pages/organization/SettingsPage/components/AuditLogStreamTab/components/AuditLogStreamHeader.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/AuditLogStreamTab/components/AuditLogStreamHeader.tsx
@@ -2,6 +2,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 import { AUDIT_LOG_STREAM_PROVIDER_MAP } from "@app/helpers/auditLogStreams";
 import { LogProvider } from "@app/hooks/api/auditLogStreams/enums";
+import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
 
 type Props = {
   provider: LogProvider;
@@ -13,7 +14,7 @@ export const AuditLogStreamHeader = ({ provider, logStreamExists, onBack }: Prop
   const providerDetails = AUDIT_LOG_STREAM_PROVIDER_MAP[provider];
 
   return (
-    <div className="mb-4 flex w-full items-start gap-2 border-b border-mineshaft-500 pb-4">
+    <div className="mb-4 flex w-full items-center gap-2 border-b border-mineshaft-500 pb-4">
       <div className="relative">
         {providerDetails.image ? (
           <img
@@ -33,7 +34,21 @@ export const AuditLogStreamHeader = ({ provider, logStreamExists, onBack }: Prop
         )}
       </div>
       <div>
-        <div className="flex items-center text-mineshaft-300">{providerDetails.name}</div>
+        <div className="mb-1 flex items-center text-mineshaft-300">
+          {providerDetails.name}
+          <a
+            href="https://infisical.com/docs/documentation/platform/audit-log-streams/audit-log-streams#example-providers"
+            target="_blank"
+            className="ml-1"
+            rel="noopener noreferrer"
+          >
+            <div className="inline-block rounded-md bg-yellow/20 px-1.5 text-sm text-yellow opacity-80 hover:opacity-100">
+              <FontAwesomeIcon icon={faBookOpen} className="mb-px mr-1 text-xs" />
+              <span>Docs</span>
+              <FontAwesomeIcon icon={faArrowUpRightFromSquare} className="mb-px ml-1 text-[10px]" />
+            </div>
+          </a>
+        </div>
         <p className="text-sm leading-4 text-mineshaft-400">
           {logStreamExists
             ? `${providerDetails.name} Log Stream`