@acarmisc/backstage-plugin-litellm 0.18.0 → 0.18.1

package/dist/SearchInput.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SearchInputProps {
+    label?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    value: string;
+    onInputChange?: (value: string) => void;
+}
+declare const SearchInput: React.FC<SearchInputProps>;
+export default SearchInput;

package/dist/index.cjs.js

@@ -3007,7 +3007,7 @@ function fmtTokens(n) {
   if (n >= 1e3) return `${(n / 1e3).toFixed(0)}K`;
   return String(n);
 }
-var import_react8, import_Box8, import_Table5, import_TableBody5, import_TableCell5, import_TableContainer5, import_TableHead5, import_TableRow5, import_Typography8, import_MenuItem4, import_Select, import_FormControl, import_InputLabel, import_ContentCopy, import_Tooltip, import_Snackbar, import_Alert3, import_styles5, ALL_PROXY_MODELS2, ModelsTable;
+var import_react8, import_Box8, import_Table5, import_TableBody5, import_TableCell5, import_TableContainer5, import_TableHead5, import_TableRow5, import_Typography8, import_MenuItem4, import_Select, import_FormControl, import_InputLabel, import_ContentCopy, import_Tooltip, import_Snackbar, import_Alert3, import_styles5, import_TextField5, import_InputAdornment2, import_icons_material6, ALL_PROXY_MODELS2, ModelsTable;
 var init_ModelsTable = __esm({
   "src/components/ModelsTable.tsx"() {
     "use strict";
@@ -3030,10 +3030,14 @@ var init_ModelsTable = __esm({
     import_Alert3 = __toESM(require("@mui/material/Alert"));
     init_ui();
     import_styles5 = require("@mui/material/styles");
+    import_TextField5 = __toESM(require("@mui/material/TextField"));
+    import_InputAdornment2 = __toESM(require("@mui/material/InputAdornment"));
+    import_icons_material6 = require("@mui/icons-material");
     ALL_PROXY_MODELS2 = "all-proxy-models";
     ModelsTable = ({ allModels, teams, loading }) => {
       const theme = (0, import_styles5.useTheme)();
       const [selectedTeamId, setSelectedTeamId] = (0, import_react8.useState)("");
+      const [filterText, setFilterText] = (0, import_react8.useState)("");
       const [copiedSnackbar, setCopiedSnackbar] = (0, import_react8.useState)(false);
       const selectedTeam = (0, import_react8.useMemo)(
         () => teams.find((t) => t.team_id === selectedTeamId) ?? null,
@@ -3041,8 +3045,15 @@ var init_ModelsTable = __esm({
       );
       const filteredModels = (0, import_react8.useMemo)(() => {
         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 = (0, import_react8.useCallback)((modelId) => {
         navigator.clipboard.writeText(modelId).then(() => setCopiedSnackbar(true));
       }, []);
@@ -3075,7 +3086,19 @@ var init_ModelsTable = __esm({
             onChange: (e) => setSelectedTeamId(e.target.value)
           },
           teams.map((t) => /* @__PURE__ */ import_react8.default.createElement(import_MenuItem4.default, { key: t.team_id, value: t.team_id }, t.team_alias ?? t.team_id))
-        ))),
+        )), /* @__PURE__ */ import_react8.default.createElement(
+          import_TextField5.default,
+          {
+            label: "Filter Models",
+            size: "small",
+            value: filterText,
+            onChange: (e) => setFilterText(e.target.value),
+            sx: { minWidth: 240, mb: 2 },
+            InputProps: {
+              startAdornment: /* @__PURE__ */ import_react8.default.createElement(import_InputAdornment2.default, { position: "start" }, /* @__PURE__ */ import_react8.default.createElement(import_icons_material6.Search, { fontSize: "small" }))
+            }
+          }
+        )),
         loading && /* @__PURE__ */ import_react8.default.createElement(EmptyState, { message: "Loading models\u2026" }),
         !loading && !selectedTeamId && /* @__PURE__ */ import_react8.default.createElement(
           EmptyState,
@@ -3170,7 +3193,7 @@ function renderAuditLogBody(loading, entries) {
   }
   return entries.map((entry) => /* @__PURE__ */ import_react9.default.createElement(DetailRow, { key: entry.id, entry }));
 }
-var import_react9, import_Box9, import_Typography9, import_Table6, import_TableBody6, import_TableCell6, import_TableContainer6, import_TableHead6, import_TableRow6, import_TablePagination, import_TextField5, import_MenuItem5, import_Skeleton5, import_Collapse2, import_IconButton5, import_Alert4, import_styles6, import_icons_material6, import_react_use2, ACTION_TONES, TABLE_LABELS, DetailRow, AuditLog;
+var import_react9, import_Box9, import_Typography9, import_Table6, import_TableBody6, import_TableCell6, import_TableContainer6, import_TableHead6, import_TableRow6, import_TablePagination, import_TextField6, import_MenuItem5, import_Skeleton5, import_Collapse2, import_IconButton5, import_Alert4, import_styles6, import_icons_material7, import_react_use2, ACTION_TONES, TABLE_LABELS, DetailRow, AuditLog;
 var init_AuditLog = __esm({
   "src/components/AuditLog.tsx"() {
     "use strict";
@@ -3184,14 +3207,14 @@ var init_AuditLog = __esm({
     import_TableHead6 = __toESM(require("@mui/material/TableHead"));
     import_TableRow6 = __toESM(require("@mui/material/TableRow"));
     import_TablePagination = __toESM(require("@mui/material/TablePagination"));
-    import_TextField5 = __toESM(require("@mui/material/TextField"));
+    import_TextField6 = __toESM(require("@mui/material/TextField"));
     import_MenuItem5 = __toESM(require("@mui/material/MenuItem"));
     import_Skeleton5 = __toESM(require("@mui/material/Skeleton"));
     import_Collapse2 = __toESM(require("@mui/material/Collapse"));
     import_IconButton5 = __toESM(require("@mui/material/IconButton"));
     import_Alert4 = __toESM(require("@mui/material/Alert"));
     import_styles6 = require("@mui/material/styles");
-    import_icons_material6 = require("@mui/icons-material");
+    import_icons_material7 = require("@mui/icons-material");
     import_react_use2 = require("react-use");
     init_ui();
     ACTION_TONES = {
@@ -3224,7 +3247,7 @@ var init_AuditLog = __esm({
             transition: theme.transitions.create("transform")
           })
         },
-        /* @__PURE__ */ import_react9.default.createElement(import_icons_material6.KeyboardArrowDown, { fontSize: "small" })
+        /* @__PURE__ */ import_react9.default.createElement(import_icons_material7.KeyboardArrowDown, { fontSize: "small" })
       )), /* @__PURE__ */ import_react9.default.createElement(import_TableCell6.default, { sx: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react9.default.createElement(import_Typography9.default, { variant: "body2", color: "text.secondary" }, formatDateTime(entry.updated_at))), /* @__PURE__ */ import_react9.default.createElement(import_TableCell6.default, null, entry.action && /* @__PURE__ */ import_react9.default.createElement(StatusPill, { label: entry.action, tone: actionTone(entry.action) })), /* @__PURE__ */ import_react9.default.createElement(import_TableCell6.default, null, /* @__PURE__ */ import_react9.default.createElement(import_Typography9.default, { variant: "body2" }, prettyTableName(entry.table_name))), /* @__PURE__ */ import_react9.default.createElement(import_TableCell6.default, null, /* @__PURE__ */ import_react9.default.createElement(
         import_Typography9.default,
         {
@@ -3293,7 +3316,7 @@ var init_AuditLog = __esm({
           subtitle: loading ? "Loading\u2026" : `${total.toLocaleString()} event${total === 1 ? "" : "s"}`,
           flush: true,
           actions: /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
-            import_TextField5.default,
+            import_TextField6.default,
             {
               size: "small",
               label: "Action",
@@ -3311,7 +3334,7 @@ var init_AuditLog = __esm({
             /* @__PURE__ */ import_react9.default.createElement(import_MenuItem5.default, { value: "deleted" }, "Deleted"),
             /* @__PURE__ */ import_react9.default.createElement(import_MenuItem5.default, { value: "blocked" }, "Blocked")
           ), /* @__PURE__ */ import_react9.default.createElement(
-            import_TextField5.default,
+            import_TextField6.default,
             {
               size: "small",
               label: "Table",
@@ -3330,7 +3353,7 @@ var init_AuditLog = __esm({
             /* @__PURE__ */ import_react9.default.createElement(import_MenuItem5.default, { value: "LiteLLM_ObjectPermissionTable" }, "Team access (KB / MCP)"),
             /* @__PURE__ */ import_react9.default.createElement(import_MenuItem5.default, { value: "LiteLLM_UserTable" }, "User")
           ), /* @__PURE__ */ import_react9.default.createElement(
-            import_TextField5.default,
+            import_TextField6.default,
             {
               size: "small",
               label: "Changed by",
@@ -3849,7 +3872,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/plugin.tsx
 var import_react11 = __toESM(require("react"));
-var import_icons_material7 = require("@mui/icons-material");
+var import_icons_material8 = require("@mui/icons-material");
 var import_frontend_plugin_api = require("@backstage/frontend-plugin-api");
 init_api();
 var liteLlmApi = import_frontend_plugin_api.ApiBlueprint.make({
@@ -3863,7 +3886,7 @@ var liteLlmPage = import_frontend_plugin_api.PageBlueprint.make({
   params: {
     path: "/litellm",
     title: "LiteLLM",
-    icon: /* @__PURE__ */ import_react11.default.createElement(import_icons_material7.TrendingUp, null),
+    icon: /* @__PURE__ */ import_react11.default.createElement(import_icons_material8.TrendingUp, null),
     loader: async () => {
       const { LiteLLMPage: LiteLLMPage2 } = await Promise.resolve().then(() => (init_LiteLLMPage(), LiteLLMPage_exports));
       return /* @__PURE__ */ import_react11.default.createElement(LiteLLMPage2, null);