From 1d35b7543a6853f5e76ecb7e8b57080290f20187 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Tue, 21 May 2024 17:39:37 -0700
Subject: [PATCH] UI - create keys limited to specific routes

---
 .../src/components/create_key_button.tsx         | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/create_key_button.tsx b/ui/litellm-dashboard/src/components/create_key_button.tsx
index 0e158778f96..35ab99782dd 100644
--- a/ui/litellm-dashboard/src/components/create_key_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_key_button.tsx
@@ -319,7 +319,21 @@ const CreateKey: React.FC<CreateKeyProps> = ({
                 >
                   <TextInput placeholder="" />
                 </Form.Item>
-                <Form.Item label="Metadata" name="metadata">
+
+                <Form.Item
+                  className="mt-8"
+                  label="Allowed Routes"
+                  name="permissions"
+                  
+                  help={`Select routes this key is allowed to access`}
+                >
+                  <Select defaultValue={null} placeholder="n/a" mode="multiple" defaultValue={['get_spend_routes', 'llm_routes']}>
+                    <Select.Option value="get_spend_routes">Spend Reporting Routes (/global/spend/report, etc) </Select.Option>
+                    <Select.Option value="llm_routes">LLM routes (/chat, /completions, /embeddings)</Select.Option>
+                  </Select>
+                </Form.Item>
+                
+                <Form.Item label="Metadata" name="metadata" className="mt-8">
                   <Input.TextArea
                     rows={4}
                     placeholder="Enter metadata as JSON"