From cb380d676e436580892c07593cc817abec34ed4c Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Fri, 10 Jul 2026 17:35:12 +0800
Subject: [PATCH] refactor(usage): use SimpleSelect for the events-tab
 event-type filter

Match the other usage tabs' dropdown component instead of the raw antd
Select.
---
 src/pages/usage/events-tab/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/usage/events-tab/index.tsx b/src/pages/usage/events-tab/index.tsx
index 4943427a..b602f8b6 100644
--- a/src/pages/usage/events-tab/index.tsx
+++ b/src/pages/usage/events-tab/index.tsx
@@ -8,6 +8,7 @@
  * tab (date range + "filter by user" for managers); the resource-type /
  * event-type selects ride in the bar's ``extra`` slot.
  */
+import { SimpleSelect } from '@gpustack/core-ui';
 import { useAccess, useIntl } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { Input, Select, Table, Tag } from 'antd';
@@ -242,16 +243,18 @@ const ResourceEvents: React.FC = () => {
               options={RESOURCE_TYPE_OPTIONS}
               style={{ minWidth: 200 }}
             />
-            <Select
+            <SimpleSelect
               mode="multiple"
               allowClear
+              showSearch
+              maxTagCount={'responsive'}
               placeholder={intl.formatMessage({
                 id: 'usage.events.eventType'
               })}
               value={queryParams.eventTypes}
               onChange={(v) => fetchEvents({ eventTypes: v, page: 1 })}
               options={EVENT_TYPE_OPTIONS}
-              style={{ minWidth: 240 }}
+              style={{ width: 240 }}
             />
           </>
         }