From 4571002e19c3938a7f7eeee129fcfac5bdfd2750 Mon Sep 17 00:00:00 2001
From: tanjiro <56165694+NANDINI-star@users.noreply.github.com>
Date: Sat, 9 Aug 2025 09:35:29 +0900
Subject: [PATCH] disable logging settings for non-enterprise users (#13431)

---
 .../src/components/create_key_button.tsx      | 66 ++++++++++++++-----
 1 file changed, 51 insertions(+), 15 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/create_key_button.tsx b/ui/litellm-dashboard/src/components/create_key_button.tsx
index 66bbdfb8f7..fddf535019 100644
--- a/ui/litellm-dashboard/src/components/create_key_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_key_button.tsx
@@ -1009,22 +1009,58 @@ const CreateKey: React.FC<CreateKeyProps> = ({
                     />
                   </Form.Item>
 
-                  <Accordion className="mt-4 mb-4">
-                    <AccordionHeader>
-                      <b>Logging Settings</b>
-                    </AccordionHeader>
-                    <AccordionBody>
-                      <div className="mt-4">
-                        <PremiumLoggingSettings
-                          value={loggingSettings}
-                          onChange={setLoggingSettings}
-                          premiumUser={premiumUser}
-                          disabledCallbacks={disabledCallbacks}
-                          onDisabledCallbacksChange={setDisabledCallbacks}
-                        />
+                  {premiumUser ? (
+                    <Accordion className="mt-4 mb-4">
+                      <AccordionHeader>
+                        <b>Logging Settings</b>
+                      </AccordionHeader>
+                      <AccordionBody>
+                        <div className="mt-4">
+                          <PremiumLoggingSettings
+                            value={loggingSettings}
+                            onChange={setLoggingSettings}
+                            premiumUser={true}
+                            disabledCallbacks={disabledCallbacks}
+                            onDisabledCallbacksChange={setDisabledCallbacks}
+                          />
+                        </div>
+                      </AccordionBody>
+                    </Accordion>
+                  ) : (
+                    <Tooltip 
+                      title={
+                        <span>
+                          Key-level logging settings is an enterprise feature, get in touch -
+                          <a href="https://www.litellm.ai/enterprise" target="_blank">
+                            https://www.litellm.ai/enterprise
+                          </a>
+                        </span>
+                      }
+                      placement="top"
+                    >
+                      <div style={{ position: 'relative' }}>
+                        <div style={{ opacity: 0.5 }}>
+                          <Accordion className="mt-4 mb-4">
+                            <AccordionHeader>
+                              <b>Logging Settings</b>
+                            </AccordionHeader>
+                            <AccordionBody>
+                              <div className="mt-4">
+                                <PremiumLoggingSettings
+                                  value={loggingSettings}
+                                  onChange={setLoggingSettings}
+                                  premiumUser={false}
+                                  disabledCallbacks={disabledCallbacks}
+                                  onDisabledCallbacksChange={setDisabledCallbacks}
+                                />
+                              </div>
+                            </AccordionBody>
+                          </Accordion>
+                        </div>
+                        <div style={{ position: 'absolute', inset: 0, cursor: 'not-allowed' }} />
                       </div>
-                    </AccordionBody>
-                  </Accordion>
+                    </Tooltip>
+                  )}
 
                   <Accordion className="mt-4 mb-4">
                     <AccordionHeader>