From 4060bd53e1f577011dd8c916a6a792a728509045 Mon Sep 17 00:00:00 2001
From: Menghuan1918 <menghuan2003@outlook.com>
Date: Sun, 9 Aug 2026 23:53:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=86=E5=89=B2=E7=BA=BF=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=201px=20=E5=8F=91=E4=B8=9D=E7=BA=BF=EF=BC=88=E4=BF=9D?=
 =?UTF-8?q?=E7=95=99=207px=20=E6=8B=96=E6=8B=BD=E7=83=AD=E5=8C=BA=EF=BC=89?=
 =?UTF-8?q?=EF=BC=8Cv0.1.3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 分割线视觉从 7px 实底色块改为居中 1px 发丝线（::after 伪元素）
- 悬停/拖拽时线变色为强调色，不再整条填充
- 拖拽热区保持 7px 不变；reduced-motion 下伪元素过渡一并禁用
- version 同步 0.1.3（package.json + dsh.plugin.json）
---
 dsh.plugin.json               |  2 +-
 package.json                  |  2 +-
 src/client/sidebar.module.css | 33 ++++++++++++++++++++++++++++++---
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/dsh.plugin.json b/dsh.plugin.json
index d736673..6396b52 100644
--- a/dsh.plugin.json
+++ b/dsh.plugin.json
@@ -1,6 +1,6 @@
 {
   "id": "dsh-external/dsh-better-sidebar",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "main": "./lib/index.js",
   "description": "VSCode 风格右侧侧边栏：文件资源管理器 / 编辑器 / 终端 / Git，按会话隔离",
   "engines": {
diff --git a/package.json b/package.json
index dda7bd3..dd1e4c4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dsh-better-sidebar",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "DSH web plugin: a VSCode-like right sidebar (explorer / editor / terminal / git), isolated per conversation session.",
   "private": true,
   "type": "module",
diff --git a/src/client/sidebar.module.css b/src/client/sidebar.module.css
index bf7ff78..8e16ff4 100644
--- a/src/client/sidebar.module.css
+++ b/src/client/sidebar.module.css
@@ -184,9 +184,18 @@
 }
 
 .divider {
+  position: relative;
   flex: none;
   z-index: 3;
   touch-action: none;
+}
+
+/* The hit area stays 7px wide enough to grab, but the visual is a 1px
+   hairline centered in it — a divider line, not a thick band. */
+.dividerRow::after,
+.dividerCol::after {
+  content: '';
+  position: absolute;
   background: var(--dsw-alias-border-l2);
   transition: background var(--ds-transition-duration-slow) var(--ds-ease-in-out);
 }
@@ -197,14 +206,30 @@
   cursor: col-resize;
 }
 
+.dividerRow::after {
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 1px;
+  transform: translateX(-50%);
+}
+
 .dividerCol {
   height: 7px;
   margin: -2px 0;
   cursor: row-resize;
 }
 
-.divider:hover,
-.dividerActive {
+.dividerCol::after {
+  left: 0;
+  right: 0;
+  top: 50%;
+  height: 1px;
+  transform: translateY(-50%);
+}
+
+.divider:hover::after,
+.dividerActive::after {
   background: var(--dsw-alias-interactive-bg-hover-accent);
 }
 
@@ -1056,7 +1081,9 @@
   .paneCard,
   .explorerRow,
   .gitRow,
-  .divider {
+  .divider,
+  .dividerRow::after,
+  .dividerCol::after {
     transition: none;
     animation: none;
   }