fix: try unescape client name in slow log

doc: update screenshots

README.md

@@ -24,15 +24,17 @@
 * Better connection management: supports SSH Tunnel/SSL/Sentinel Mode/Cluster Mode.
 * Visualize key value operations, CRUD support for Lists, Hashes, Strings, Sets, Sorted Sets, and Streams.
 * Support multiple data viewing format and decode/decompression methods.
+* Use SCAN for segmented loading, making it easy to list millions of keys.
 * Operation command execution logs.
 * Provides command-line operations.
+* Provides slow logs.
 
 ## Roadmap
 - [ ] Pagination and querying for List/Hash/Set/Sorted Set
 - [ ] Decode/decompression display for value of List/Hash/Set/Sorted Set
-- [ ] Slow logs
 - [ ] Real-time commands monitoring
 - [ ] Pub/Sub operations
+- [ ] Embedding Monaco Editor
 
 ## Installation
 

README_zh.md

@@ -24,15 +24,17 @@
 * 更好用的连接管理：支持SSH隧道/SSL/哨兵模式/集群模式
 * 可视化键值操作，增删查改一应俱全
 * 支持多种数据查看格式以及转码/解压方式
+* 采用SCAN分段加载，可轻松处理数百万键列表
 * 操作命令执行日志展示
 * 提供命令行操作
+* 提供慢日志展示
 
 ## 未来版本规划
 - [ ] List/Hash/Set/Sorted Set的分页展示和查询
 - [ ] List/Hash/Set/Sorted Set值的转码显示
-- [ ] 慢日志展示
 - [ ] 命令实时监控
 - [ ] 发布/订阅支持
+- [ ] 引入Monaco Editor
 
 ## 安装
 

backend/services/connection_service.go

@@ -1659,9 +1659,14 @@ func (c *connectionService) GetSlowLogs(connName string, db int, num int64) (res
 	}
 
 	list := sliceutil.Map(logs, func(i int) slowLogItem {
+		var name string
+		var e error
+		if name, e = url.QueryUnescape(logs[i].ClientName); e != nil {
+			name = logs[i].ClientName
+		}
 		return slowLogItem{
 			Timestamp: logs[i].Time.UnixMilli(),
-			Client:    logs[i].ClientName,
+			Client:    name,
 			Addr:      logs[i].ClientAddr,
 			Cmd:       sliceutil.JoinString(logs[i].Args, " "),
 			Cost:      logs[i].Duration.Milliseconds(),