@acarmisc/backstage-plugin-litellm 0.18.0 → 0.18.1

package/dist/index.esm.js

@@ -3009,6 +3009,9 @@ import Tooltip3 from "@mui/material/Tooltip";
 import Snackbar from "@mui/material/Snackbar";
 import Alert3 from "@mui/material/Alert";
 import { alpha as alpha5, useTheme as useTheme2 } from "@mui/material/styles";
+import TextField5 from "@mui/material/TextField";
+import InputAdornment2 from "@mui/material/InputAdornment";
+import { Search as Search2 } from "@mui/icons-material";
 function isModelAllowedByTeam2(model, teamModels) {
   if (!teamModels || teamModels.length === 0 || teamModels.includes(ALL_PROXY_MODELS2)) return true;
   return teamModels.includes(model.model_name) || !!model.access_groups?.some((group) => teamModels.includes(group));
@@ -3035,6 +3038,7 @@ var init_ModelsTable = __esm({
     ModelsTable = ({ allModels, teams, loading }) => {
       const theme = useTheme2();
       const [selectedTeamId, setSelectedTeamId] = useState6("");
+      const [filterText, setFilterText] = useState6("");
       const [copiedSnackbar, setCopiedSnackbar] = useState6(false);
       const selectedTeam = useMemo6(
         () => teams.find((t) => t.team_id === selectedTeamId) ?? null,
@@ -3042,8 +3046,15 @@ var init_ModelsTable = __esm({
       );
       const filteredModels = useMemo6(() => {
         if (!selectedTeam) return [];
-        return allModels.filter((model) => isModelAllowedByTeam2(model, selectedTeam.models));
-      }, [allModels, selectedTeam]);
+        let result = allModels.filter((model) => isModelAllowedByTeam2(model, selectedTeam.models));
+        if (filterText.trim()) {
+          const q = filterText.toLowerCase();
+          result = result.filter(
+            (model) => model.model_name.toLowerCase().includes(q) || (model.access_groups || []).some((group) => group.toLowerCase().includes(q))
+          );
+        }
+        return result;
+      }, [allModels, selectedTeam, filterText]);
       const handleCopyModelId = useCallback((modelId) => {
         navigator.clipboard.writeText(modelId).then(() => setCopiedSnackbar(true));
       }, []);
@@ -3076,7 +3087,19 @@ var init_ModelsTable = __esm({
             onChange: (e) => setSelectedTeamId(e.target.value)
           },
           teams.map((t) => /* @__PURE__ */ React8.createElement(MenuItem4, { key: t.team_id, value: t.team_id }, t.team_alias ?? t.team_id))
-        ))),
+        )), /* @__PURE__ */ React8.createElement(
+          TextField5,
+          {
+            label: "Filter Models",
+            size: "small",
+            value: filterText,
+            onChange: (e) => setFilterText(e.target.value),
+            sx: { minWidth: 240, mb: 2 },
+            InputProps: {
+              startAdornment: /* @__PURE__ */ React8.createElement(InputAdornment2, { position: "start" }, /* @__PURE__ */ React8.createElement(Search2, { fontSize: "small" }))
+            }
+          }
+        )),
         loading && /* @__PURE__ */ React8.createElement(EmptyState, { message: "Loading models\u2026" }),
         !loading && !selectedTeamId && /* @__PURE__ */ React8.createElement(
           EmptyState,
@@ -3148,7 +3171,7 @@ import TableContainer6 from "@mui/material/TableContainer";
 import TableHead6 from "@mui/material/TableHead";
 import TableRow6 from "@mui/material/TableRow";
 import TablePagination from "@mui/material/TablePagination";
-import TextField5 from "@mui/material/TextField";
+import TextField6 from "@mui/material/TextField";
 import MenuItem5 from "@mui/material/MenuItem";
 import Skeleton5 from "@mui/material/Skeleton";
 import Collapse2 from "@mui/material/Collapse";
@@ -3294,7 +3317,7 @@ var init_AuditLog = __esm({
           subtitle: loading ? "Loading\u2026" : `${total.toLocaleString()} event${total === 1 ? "" : "s"}`,
           flush: true,
           actions: /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
-            TextField5,
+            TextField6,
             {
               size: "small",
               label: "Action",
@@ -3312,7 +3335,7 @@ var init_AuditLog = __esm({
             /* @__PURE__ */ React9.createElement(MenuItem5, { value: "deleted" }, "Deleted"),
             /* @__PURE__ */ React9.createElement(MenuItem5, { value: "blocked" }, "Blocked")
           ), /* @__PURE__ */ React9.createElement(
-            TextField5,
+            TextField6,
             {
               size: "small",
               label: "Table",
@@ -3331,7 +3354,7 @@ var init_AuditLog = __esm({
             /* @__PURE__ */ React9.createElement(MenuItem5, { value: "LiteLLM_ObjectPermissionTable" }, "Team access (KB / MCP)"),
             /* @__PURE__ */ React9.createElement(MenuItem5, { value: "LiteLLM_UserTable" }, "User")
           ), /* @__PURE__ */ React9.createElement(
-            TextField5,
+            TextField6,
             {
               size: "small",
               label: "Changed by",