From 840fb3e7a813ec9af585d4959126729f4d9744b5 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Thu, 23 Apr 2026 21:37:34 +0000 Subject: [PATCH] chore(ui): heroicons \u2192 lucide (import rename, 3 large files) - prompts/prompt_info: ArrowLeft/Trash/Pencil rewired to lucide. - mcp_tools/MCPToolsetsTab: Plus/Pencil/Trash rewired. - organizations: ChevronDown/ChevronRight/Refresh rewired (Refresh \u2192 RefreshCcw). - Aliases preserved so downstream JSX continues to use the Heroicon names, unblocking deletion of the @heroicons package without touching usages in these large files. Gates: TS \u2713 | Build \u2713. Co-authored-by: yuneng-jiang --- .../src/components/mcp_tools/MCPToolsetsTab.tsx | 2 +- ui/litellm-dashboard/src/components/organizations.tsx | 2 +- ui/litellm-dashboard/src/components/prompts/prompt_info.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/litellm-dashboard/src/components/mcp_tools/MCPToolsetsTab.tsx b/ui/litellm-dashboard/src/components/mcp_tools/MCPToolsetsTab.tsx index e3ec45d112e..dbc59d9310d 100644 --- a/ui/litellm-dashboard/src/components/mcp_tools/MCPToolsetsTab.tsx +++ b/ui/litellm-dashboard/src/components/mcp_tools/MCPToolsetsTab.tsx @@ -2,7 +2,7 @@ import React, { useState, useCallback } from "react"; // eslint-disable-next-line litellm-ui/no-banned-ui-imports import { Button, Text, Title } from "@tremor/react"; import { Modal, Form, Input, message, Spin, Card, Typography, Space } from "antd"; -import { PlusIcon, PencilIcon, TrashIcon } from "@heroicons/react/outline"; +import { Plus as PlusIcon, Pencil as PencilIcon, Trash2 as TrashIcon } from "lucide-react"; import { ColumnDef } from "@tanstack/react-table"; import { useMCPToolsets } from "@/app/(dashboard)/hooks/mcpServers/useMCPToolsets"; import { useMCPServers } from "@/app/(dashboard)/hooks/mcpServers/useMCPServers"; diff --git a/ui/litellm-dashboard/src/components/organizations.tsx b/ui/litellm-dashboard/src/components/organizations.tsx index 09be12762df..6a9eef7d2ca 100644 --- a/ui/litellm-dashboard/src/components/organizations.tsx +++ b/ui/litellm-dashboard/src/components/organizations.tsx @@ -1,6 +1,6 @@ import OrganizationFilters, { FilterState } from "@/app/(dashboard)/organizations/OrganizationFilters"; import { InfoCircleOutlined } from "@ant-design/icons"; -import { ChevronDownIcon, ChevronRightIcon, RefreshIcon } from "@heroicons/react/outline"; +import { ChevronDown as ChevronDownIcon, ChevronRight as ChevronRightIcon, RefreshCcw as RefreshIcon } from "lucide-react"; // eslint-disable-next-line litellm-ui/no-banned-ui-imports import { Badge, diff --git a/ui/litellm-dashboard/src/components/prompts/prompt_info.tsx b/ui/litellm-dashboard/src/components/prompts/prompt_info.tsx index a192fa37ef8..e2e18169796 100644 --- a/ui/litellm-dashboard/src/components/prompts/prompt_info.tsx +++ b/ui/litellm-dashboard/src/components/prompts/prompt_info.tsx @@ -20,7 +20,7 @@ import { TableRow, } from "@tremor/react"; import { Button, Modal } from "antd"; -import { ArrowLeftIcon, TrashIcon, PencilIcon } from "@heroicons/react/outline"; +import { ArrowLeft as ArrowLeftIcon, Trash2 as TrashIcon, Pencil as PencilIcon } from "lucide-react"; import { getPromptInfo, getPromptVersions, PromptSpec, PromptTemplateBase, deletePromptCall } from "@/components/networking"; import { copyToClipboard as utilCopyToClipboard } from "@/utils/dataUtils"; import { CheckIcon, CopyIcon } from "lucide-react";