From 74b7e4731651b55e9b40489133c803dfe21e22cd Mon Sep 17 00:00:00 2001
From: Krrish Dholakia <krrish+github@berri.ai>
Date: Sat, 11 Jul 2026 14:06:51 -0700
Subject: [PATCH] fix(claude-code): default skills table to 10 rows per page

25 rows plus the marketplaces table above it still didn't fit in a
typical window, so reaching pagination controls required a page-level
scroll. 10 rows keeps everything visible without scrolling in the
common case.
---
 .../src/app/(dashboard)/skills/_components/plugin_table.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/skills/_components/plugin_table.tsx b/ui/litellm-dashboard/src/app/(dashboard)/skills/_components/plugin_table.tsx
index 58aebd10932..8b9d0c082c4 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/skills/_components/plugin_table.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/skills/_components/plugin_table.tsx
@@ -21,7 +21,7 @@ interface PluginTableProps {
 
 const PluginTable: React.FC<PluginTableProps> = ({ pluginsList, isLoading, onDeleteClick, isAdmin, onPluginClick }) => {
   const [sorting, setSorting] = useState<SortingState>([{ id: "created_at", desc: true }]);
-  const [pagination, setPagination] = useState<PaginationState>({ pageIndex: 0, pageSize: 25 });
+  const [pagination, setPagination] = useState<PaginationState>({ pageIndex: 0, pageSize: 10 });
 
   const copyToClipboard = (text: string) => {
     navigator.clipboard.writeText(text);
@@ -160,6 +160,7 @@ const PluginTable: React.FC<PluginTableProps> = ({ pluginsList, isLoading, onDel
       paginationMode="client"
       pagination={pagination}
       onPaginationChange={setPagination}
+      pageSizeOptions={[10, 25, 50]}
       onRowClick={(plugin) => onPluginClick(plugin.id)}
       isLoading={isLoading}
       loadingMessage="Loading skills..."