added visual indicator to resize panes

Author: gamosoft

frontend/index.html

@@ -950,9 +950,9 @@ <h2 class="text-2xl font-bold mb-2" style="color: var(--text-primary);" x-text="
                             x-show="viewMode === 'split'"
                             @mousedown="startSplitResize($event)"
                             class="split-resize-handle"
-                            style="width: 4px; cursor: col-resize; background-color: transparent; transition: background-color 0.2s; position: relative; z-index: 10;"
-                            @mouseover="$el.style.backgroundColor='var(--accent-primary)'"
-                            @mouseout="if(!isResizingSplit) $el.style.backgroundColor='transparent'"
+                            style="width: 6px; cursor: col-resize; background: linear-gradient(90deg, transparent 0%, var(--border-secondary) 50%, transparent 100%); transition: all 0.2s; position: relative; z-index: 10; opacity: 0.5;"
+                            @mouseover="$el.style.opacity='1'; $el.style.background='var(--accent-primary)'"
+                            @mouseout="if(!isResizingSplit) { $el.style.opacity='0.5'; $el.style.background='linear-gradient(90deg, transparent 0%, var(--border-secondary) 50%, transparent 100%)' }"
                         ></div>
 
                         <!-- Preview -->