From c808a853da311f587b822f0dc677e13768188aea Mon Sep 17 00:00:00 2001
From: Jeroen Schweitzer <jpmschweitzer@gmail.com>
Date: Thu, 23 Apr 2026 08:24:13 +0200
Subject: [PATCH] refine column separator: 5px handle, 1px divider-colored
 center

Handle is 5px wide for comfortable drag, with a 1px center line
using dividerColor (switches to panelActiveBorder on hover).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 lib/kernel/src/panels/drag_resize.dart | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/lib/kernel/src/panels/drag_resize.dart b/lib/kernel/src/panels/drag_resize.dart
index 3f6d9ad9..a8739990 100644
--- a/lib/kernel/src/panels/drag_resize.dart
+++ b/lib/kernel/src/panels/drag_resize.dart
@@ -12,7 +12,7 @@ class DragResizeHandle extends StatefulWidget {
     required this.arrangement,
     required this.slot,
     required this.axis,
-    this.thickness = 4.0,
+    this.thickness = DragResizeHandle.defaultThickness,
   });
 
   final LayoutArrangement arrangement;
@@ -20,6 +20,8 @@ class DragResizeHandle extends StatefulWidget {
   final Axis axis;
   final double thickness;
 
+  static const defaultThickness = 5.0;
+
   @override
   State<DragResizeHandle> createState() => _DragResizeHandleState();
 }
@@ -32,7 +34,7 @@ class _DragResizeHandleState extends State<DragResizeHandle> {
   @override
   Widget build(BuildContext context) {
     final tokens = ClideTheme.of(context).surface;
-    final color = _hovered ? tokens.panelActiveBorder : tokens.panelBorder;
+    final lineColor = _hovered ? tokens.panelActiveBorder : tokens.dividerColor;
 
     return MouseRegion(
       cursor: widget.axis == Axis.horizontal
@@ -51,7 +53,7 @@ class _DragResizeHandleState extends State<DragResizeHandle> {
             child: Container(
               width: widget.axis == Axis.horizontal ? 1 : null,
               height: widget.axis == Axis.vertical ? 1 : null,
-              color: color,
+              color: lineColor,
             ),
           ),
         ),