From 09572ce9e2acca80cbdeacf2dfbfae930cf88579 Mon Sep 17 00:00:00 2001
From: arkon <arkon.85@hotmail.com>
Date: Sat, 31 Jan 2026 07:13:23 +0100
Subject: [PATCH] fix: restore desktop Run Claude button with blue gradient,
 keep mobile optimizations separate

---
 CLAUDE.md                 |  2 +-
 package.json              |  2 +-
 src/web/public/styles.css | 30 +++++++++++-------------------
 3 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index 712a0ff6..6af9a886 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -16,7 +16,7 @@ When user says "COM":
 1. Increment version in BOTH `package.json` AND `CLAUDE.md`
 2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
 
-**Version**: 0.1447 (must match `package.json`)
+**Version**: 0.1448 (must match `package.json`)
 
 ## Project Overview
 
diff --git a/package.json b/package.json
index 11c9abf5..93a7ee25 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1447",
+  "version": "0.1448",
   "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
   "type": "module",
   "main": "dist/index.js",
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index d9060a9b..ed4f0d7a 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -1858,19 +1858,20 @@ body {
   background: var(--accent-hover);
 }
 
-/* Claude Button - Subtle gray styling */
+/* Claude Button - Special styling (matches welcome-btn-primary) */
 .btn-toolbar.btn-claude {
-  background: var(--bg-input);
-  border-color: var(--border-light);
-  color: var(--text);
+  background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
+  border-color: #3b82f6;
+  color: #e0e7ff;
   font-weight: 500;
-  padding: 0.3rem 0.6rem;
-  gap: 0.3rem;
+  padding: 0.4rem 0.85rem;
+  gap: 0.4rem;
 }
 
 .btn-toolbar.btn-claude:hover {
-  background: var(--bg-hover);
-  border-color: var(--accent);
+  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
+  border-color: #3b82f6;
+  box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
   color: #fff;
 }
 
@@ -1895,13 +1896,6 @@ body {
   color: #a8d8a8;
 }
 
-/* Hide Run Claude and Run Shell buttons on desktop - only show on mobile */
-/* These buttons are for mobile quick access; desktop uses welcome overlay buttons */
-.btn-toolbar.btn-claude,
-.btn-toolbar.btn-shell {
-  display: none;
-}
-
 /* Button icon styling */
 .btn-toolbar .btn-icon {
   display: inline-flex;
@@ -8181,9 +8175,8 @@ kbd {
     color: #fff;
   }
 
-  /* Primary action button - Run Claude (shown on mobile only) */
+  /* Primary action button - Run Claude - compact for mobile */
   .btn-toolbar.btn-claude {
-    display: inline-flex !important; /* Override desktop hide */
     flex: 0 0 auto;
     padding: 0 0.75rem !important;
     background: var(--bg-input);
@@ -8204,9 +8197,8 @@ kbd {
     margin-right: 4px;
   }
 
-  /* Secondary action - Run Shell - right side (shown on mobile only) */
+  /* Secondary action - Run Shell - compact for mobile */
   .btn-toolbar.btn-shell {
-    display: inline-flex !important; /* Override desktop hide */
     flex: 0 0 auto;
     background: transparent;
     border: 1px solid rgba(255, 255, 255, 0.2);