disable cursor for now

Author: cyclotruc

app/templates/components/workspace.html

@@ -10,8 +10,8 @@
                 <button id="tab-claude" class="tab-button active px-4 py-2 bg-cyan-400 border-2 border-black border-b-0 text-black font-bold shadow-[2px_0px_0px_0px_rgba(0,0,0,1)] hover:shadow-[4px_0px_0px_0px_rgba(0,0,0,1)] hover:translate-x-[-1px] hover:translate-y-[-1px] active:shadow-[1px_0px_0px_0px_rgba(0,0,0,1)] active:translate-x-[1px] active:translate-y-[1px] transition-all text-sm relative z-10">
                     Claude code
                 </button>
-                <button id="tab-cursor" class="tab-button px-4 py-2 bg-gray-100 border-2 border-gray-400 border-b-0 text-gray-700 font-medium shadow-[1px_0px_0px_0px_rgba(0,0,0,0.3)] hover:shadow-[2px_0px_0px_0px_rgba(0,0,0,0.3)] hover:translate-x-[-1px] hover:translate-y-[-1px] active:shadow-[0px_0px_0px_0px_rgba(0,0,0,0.3)] active:translate-x-[1px] active:translate-y-[1px] transition-all text-sm relative z-5">
-                    Cursor/others..
+                <button id="tab-cursor" class="tab-button px-4 py-2 bg-gray-100 border-2 border-gray-400 border-b-0 text-gray-500 font-medium shadow-[1px_0px_0px_0px_rgba(0,0,0,0.3)] cursor-not-allowed opacity-50 text-sm relative z-5" disabled>
+                    Cursor/others.. (coming soon)
                 </button>
             </div>
 
@@ -44,12 +44,17 @@
 
     workspaceTabs.forEach(tab => {
         tab.addEventListener('click', function() {
+            // Skip if tab is disabled
+            if (this.disabled) return;
+            
             // Remove active state from all tabs
             workspaceTabs.forEach(t => {
-                t.classList.remove('active', 'bg-cyan-400', 'border-black', 'text-black', 'font-bold', 'z-10');
-                t.classList.add('bg-gray-100', 'border-gray-400', 'text-gray-700', 'font-medium', 'z-5');
-                t.classList.remove('shadow-[2px_0px_0px_0px_rgba(0,0,0,1)]');
-                t.classList.add('shadow-[1px_0px_0px_0px_rgba(0,0,0,0.3)]');
+                if (!t.disabled) {
+                    t.classList.remove('active', 'bg-cyan-400', 'border-black', 'text-black', 'font-bold', 'z-10');
+                    t.classList.add('bg-gray-100', 'border-gray-400', 'text-gray-700', 'font-medium', 'z-5');
+                    t.classList.remove('shadow-[2px_0px_0px_0px_rgba(0,0,0,1)]');
+                    t.classList.add('shadow-[1px_0px_0px_0px_rgba(0,0,0,0.3)]');
+                }
             });
 
             // Add active state to clicked tab