ai-workspace-services/litellm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #17598 from BerriAI/litellm_ui_customer_usage_banner

Browse Source 
[Feature] UI - Add Info Banner for Customer Usage
This commit is contained in:
yuneng-jiang 2025-12-06 09:04:39 -08:00 committed by GitHub
commit fe23eee079
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/litellm-dashboard/src/components/new_usage.tsx
View File

@ -92,6 +92,7 @@ const NewUsagePage: React.FC<NewUsagePageProps> = ({
const [isCloudZeroModalOpen, setIsCloudZeroModalOpen] = useState(false);
const [isGlobalExportModalOpen, setIsGlobalExportModalOpen] = useState(false);
const [showOrganizationBanner, setShowOrganizationBanner] = useState(true);
const [showCustomerBanner, setShowCustomerBanner] = useState(true);
const getAllTags = async () => {
if (!accessToken) {
@ -803,6 +804,17 @@ const NewUsagePage: React.FC<NewUsagePageProps> = ({
{/* Customer Usage Panel */}
<TabPanel>
{showCustomerBanner && (
<Alert
banner
type="info"
message="Customer usage is a new feature."
description="Spend is tracked from feature launch and previous data isn't backfilled, so only future usage appears here."
closable
onClose={() => setShowCustomerBanner(false)}
className="mb-5"
/>
)}
<EntityUsage
accessToken={accessToken}
entityType="customer"