scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-11-10 08:28:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 108

[UI] Rename "Default" key type to "Full Access" and reorder dropdown

Browse source 
The Create New Key dialog had a "Default" key-type option that was
misleading: it was not the actual default selection (AI APIs is), and it
grants access to all routes — broader than the description implied.

Rename the option to "Full Access" with an accurate description, and
reorder the dropdown to AI APIs → Management → Full Access. Switch the
inner labels to antd Typography for consistency with the rest of the UI.

UI-only change; the underlying enum value ("default") is unchanged so
the API contract is preserved.
This commit is contained in:
Ryan Crabbe 2026-05-05 11:40:10 -07:00
parent f318ef03bd
commit 1c50fd1a11
No known key found for this signature in database
1 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
ui/litellm-dashboard/src/components/organisms/create_key_button.tsx
View file

@ -9,7 +9,7 @@ import { formatNumberWithCommas } from "@/utils/dataUtils";
import { InfoCircleOutlined } from "@ant-design/icons";
import { useQueryClient } from "@tanstack/react-query";
import { Accordion, AccordionBody, AccordionHeader, Button, Col, Grid, Text, TextInput, Title } from "@tremor/react";
import { Button as Button2, Form, Input, Modal, Radio, Select, Switch, Tag, Tooltip } from "antd";
import { Button as Button2, Form, Input, Modal, Radio, Select, Switch, Tag, Tooltip, Typography } from "antd";
import debounce from "lodash/debounce";
import React, { useCallback, useEffect, useState } from "react";
import { rolesWithWriteAccess } from "../../utils/roles";
@ -979,28 +979,28 @@ const CreateKey: React.FC<CreateKeyProps> = ({ team, teams, data, addKey, autoOp
}
}}
>
<Option value="default" label="Default">
<div style={{ padding: "4px 0" }}>
<div style={{ fontWeight: 500 }}>Default</div>
<div style={{ fontSize: "11px", color: "#6b7280", marginTop: "2px" }}>
Can call AI APIs + Management routes
</div>
</div>
</Option>
<Option value="llm_api" label="AI APIs">
<div style={{ padding: "4px 0" }}>
<div style={{ fontWeight: 500 }}>AI APIs</div>
<div style={{ fontSize: "11px", color: "#6b7280", marginTop: "2px" }}>
<Typography.Text strong>AI APIs</Typography.Text>
<Typography.Paragraph type="secondary" style={{ fontSize: 11, margin: "2px 0 0" }}>
Can call only AI API routes (chat/completions, embeddings, etc.)
</div>
</Typography.Paragraph>
</div>
</Option>
<Option value="management" label="Management">
<div style={{ padding: "4px 0" }}>
<div style={{ fontWeight: 500 }}>Management</div>
<div style={{ fontSize: "11px", color: "#6b7280", marginTop: "2px" }}>
<Typography.Text strong>Management</Typography.Text>
<Typography.Paragraph type="secondary" style={{ fontSize: 11, margin: "2px 0 0" }}>
Can call only management routes (user/team/key management)
</div>
</Typography.Paragraph>
</div>
</Option>
<Option value="default" label="Full Access">
<div style={{ padding: "4px 0" }}>
<Typography.Text strong>Full Access</Typography.Text>
<Typography.Paragraph type="secondary" style={{ fontSize: 11, margin: "2px 0 0" }}>
Can call all routes (AI APIs, Management, and read-only)
</Typography.Paragraph>
</div>
</Option>
</Select>