From 2d8e50bf36e94200b809dfb39e73624ec48b1e23 Mon Sep 17 00:00:00 2001
From: Seefs <40468931+seefs001@users.noreply.github.com>
Date: Fri, 21 Aug 2026 23:47:48 +0800
Subject: [PATCH] refactor(web): prevent credential autofill in usage log
 filters (#6966)

---
 .../usage-logs/components/common-logs-filter-bar.tsx   | 10 ++++++----
 .../usage-logs/components/logs-filter-toolbar.tsx      |  1 +
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/features/usage-logs/components/common-logs-filter-bar.tsx b/web/src/features/usage-logs/components/common-logs-filter-bar.tsx
index b774aa1c..5744d151 100644
--- a/web/src/features/usage-logs/components/common-logs-filter-bar.tsx
+++ b/web/src/features/usage-logs/components/common-logs-filter-bar.tsx
@@ -251,7 +251,9 @@ export function CommonLogsFilterBar<TData>(
     filters.requestId,
     filters.upstreamRequestId,
   ].filter(Boolean).length
-  const sensitiveType = sensitiveVisible ? 'text' : 'password'
+  const sensitiveInputClass = sensitiveVisible
+    ? undefined
+    : '[-webkit-text-security:disc]'
   const logTypeItems = useMemo(
     () =>
       LOG_TYPE_FILTERS.map((type) => ({
@@ -315,7 +317,7 @@ export function CommonLogsFilterBar<TData>(
     <LogsFilterField>
       <LogsFilterInput
         placeholder={t('Group')}
-        type={sensitiveType}
+        className={sensitiveInputClass}
         value={filters.group || ''}
         onChange={(e) => handleChange('group', e.target.value)}
         onKeyDown={handleKeyDown}
@@ -363,7 +365,7 @@ export function CommonLogsFilterBar<TData>(
       <LogsFilterField>
         <LogsFilterInput
           placeholder={t('Token Name')}
-          type={sensitiveType}
+          className={sensitiveInputClass}
           value={filters.token || ''}
           onChange={(e) => handleChange('token', e.target.value)}
           onKeyDown={handleKeyDown}
@@ -373,7 +375,7 @@ export function CommonLogsFilterBar<TData>(
         <LogsFilterField>
           <LogsFilterInput
             placeholder={t('Username')}
-            type={sensitiveType}
+            className={sensitiveInputClass}
             value={filters.username || ''}
             onChange={(e) => handleChange('username', e.target.value)}
             onKeyDown={handleKeyDown}
diff --git a/web/src/features/usage-logs/components/logs-filter-toolbar.tsx b/web/src/features/usage-logs/components/logs-filter-toolbar.tsx
index 4f3798a2..128d47dc 100644
--- a/web/src/features/usage-logs/components/logs-filter-toolbar.tsx
+++ b/web/src/features/usage-logs/components/logs-filter-toolbar.tsx
@@ -79,6 +79,7 @@ export function LogsFilterInput(props: ComponentProps<typeof Input>) {
   return (
     <Input
       {...props}
+      autoComplete='off'
       className={cn('h-8 min-w-0 text-sm leading-5', props.className)}
     />
   )