From 5fc8951334743f2894a81b6fcdec671a0d3b6bf0 Mon Sep 17 00:00:00 2001
From: Vantz Stockwell <vstockwell@predator-mini.local>
Date: Tue, 24 Mar 2026 21:35:30 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20draggable=20tabs=20=E2=80=94=20use=20div?=
 =?UTF-8?q?=20instead=20of=20button,=20set=20dataTransfer=20data?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Buttons resist drag in WebView2. Switched to div[role=tab] with
select-none. Added setData() call on dragstart — required by most
WebView implementations to actually initiate the drag operation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/session/TabBar.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/session/TabBar.vue b/src/components/session/TabBar.vue
index ae8855a..937f6e9 100644
--- a/src/components/session/TabBar.vue
+++ b/src/components/session/TabBar.vue
@@ -2,11 +2,12 @@
   <div class="flex items-center bg-[var(--wraith-bg-secondary)] border-b border-[var(--wraith-border)] h-9 shrink-0">
     <!-- Tabs -->
     <div class="flex items-center overflow-x-auto min-w-0">
-      <button
+      <div
         v-for="(session, index) in sessionStore.sessions"
         :key="session.id"
         draggable="true"
-        class="group flex items-center gap-1.5 px-3 h-9 text-xs whitespace-nowrap border-r border-[var(--wraith-border)] transition-all duration-500 cursor-pointer shrink-0"
+        role="tab"
+        class="group flex items-center gap-1.5 px-3 h-9 text-xs whitespace-nowrap border-r border-[var(--wraith-border)] transition-all duration-500 cursor-pointer shrink-0 select-none"
         :class="[
           session.id === sessionStore.activeSessionId
             ? 'bg-[var(--wraith-bg-primary)] text-[var(--wraith-text-primary)] border-b-2 border-b-[var(--wraith-accent-blue)]'
@@ -38,7 +39,7 @@
         >
           &times;
         </span>
-      </button>
+      </div>
     </div>
 
     <!-- New tab button -->
@@ -68,6 +69,7 @@ function onDragStart(index: number, event: DragEvent): void {
   draggedIndex.value = index;
   if (event.dataTransfer) {
     event.dataTransfer.effectAllowed = "move";
+    event.dataTransfer.setData("text/plain", String(index));
   }
 }