From 94e972f993e761c95b563de4560d2d3caf52b75f Mon Sep 17 00:00:00 2001
From: mango <1711456624@qq.com>
Date: Fri, 7 Aug 2026 12:17:49 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(redis):=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=20ACL=20=E7=94=A8=E6=88=B7=E5=90=8D=20(#859)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #859
---
 .../src/components/ConnectionModal.i18n.test.tsx   |  1 +
 .../connectionModal/ConnectionModalStep2.tsx       | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ConnectionModal.i18n.test.tsx b/frontend/src/components/ConnectionModal.i18n.test.tsx
index 02765dd8..506513af 100644
--- a/frontend/src/components/ConnectionModal.i18n.test.tsx
+++ b/frontend/src/components/ConnectionModal.i18n.test.tsx
@@ -806,6 +806,7 @@ describe("ConnectionModal i18n", () => {
 
     pageText = textContent(renderer!.toJSON());
     expect(pageText).toContain("Cluster mode");
+    expect(pageText).toContain("Leave empty when authentication is disabled");
     expect(pageText).toContain("Redis password");
     expect(pageText).toContain("Scope");
   });
diff --git a/frontend/src/components/connectionModal/ConnectionModalStep2.tsx b/frontend/src/components/connectionModal/ConnectionModalStep2.tsx
index 17c09d4d..53e628b1 100644
--- a/frontend/src/components/connectionModal/ConnectionModalStep2.tsx
+++ b/frontend/src/components/connectionModal/ConnectionModalStep2.tsx
@@ -1513,10 +1513,20 @@ const ConnectionModalStep2: React.FC<ConnectionModalStep2Props> = (props) => {
             {isRedis && (
               <div className="gn-conn-f-row">
                 {denseLabel(
-                  t("connection.modal.dense.password"),
-                  t("connection.modal.field.redisPassword.label"),
+                  t("connection.modal.dense.auth"),
+                  t("connection.modal.field.username.label"),
                 )}
                 <div className="gn-conn-f-ctrl gn-conn-f-inline">
+                  <div className="gn-conn-w gn-conn-w-user">
+                    <Form.Item name="user" style={{ marginBottom: 0 }}>
+                      <Input
+                        {...noAutoCapInputProps}
+                        placeholder={t(
+                          "connection.modal.field.username.optional_placeholder",
+                        )}
+                      />
+                    </Form.Item>
+                  </div>
                   <div className="gn-conn-w gn-conn-w-pass">
                     <Form.Item name="password" style={{ marginBottom: 0 }}>
                       <Input.Password