From f43a315047f1f5bf047af96ca04b9d3965c8a52b Mon Sep 17 00:00:00 2001
From: Jose Luis <josele.96@gmail.com>
Date: Sat, 21 Mar 2026 20:55:44 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20Workshop=20nav=20=E2=80=94=20replace=20t?=
 =?UTF-8?q?abs=20with=20back=20arrow=20to=20Sandbox?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Simpler navigation: "← Volver" button + "Workshop" title instead
of the Sandbox/SynthQuest/Workshop tab bar.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/client/src/components/Workshop.jsx | 11 ++---------
 packages/client/src/index.css               |  6 ++++++
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/client/src/components/Workshop.jsx b/packages/client/src/components/Workshop.jsx
index 05b37bc..6a5b819 100644
--- a/packages/client/src/components/Workshop.jsx
+++ b/packages/client/src/components/Workshop.jsx
@@ -199,15 +199,8 @@ export default function Workshop({ onSwitchToSandbox, onSwitchToGame, onSwitchTo
   return (
     <div className="ws-page">
       <nav className="ws-nav">
-        <div className="ws-nav-logo">
-          <div className="auth-logo-box" style={{ width: 32, height: 32, fontSize: 16 }}>~</div>
-          <span style={{ fontSize: 16, fontWeight: 700, color: 'var(--text)' }}>Reaktor</span>
-        </div>
-        <div className="ws-nav-tabs">
-          <button className="ws-nav-tab" onClick={onSwitchToSandbox}>Sandbox</button>
-          <button className="ws-nav-tab" onClick={onSwitchToGame}>SynthQuest</button>
-          <button className="ws-nav-tab active">Workshop</button>
-        </div>
+        <button className="ws-back-btn" onClick={onSwitchToSandbox}>← Volver</button>
+        <span style={{ fontSize: 16, fontWeight: 700, color: 'var(--text)' }}>Workshop</span>
         <div style={{ flex: 1 }} />
         {isAdmin && onSwitchToAdmin && (
           <button className="ws-nav-tab" onClick={onSwitchToAdmin} style={{ color: 'var(--yellow)' }}>🛠 Admin</button>
diff --git a/packages/client/src/index.css b/packages/client/src/index.css
index 6336088..45e51c5 100644
--- a/packages/client/src/index.css
+++ b/packages/client/src/index.css
@@ -903,6 +903,12 @@ input, textarea, [contenteditable] { -webkit-user-select: text; user-select: tex
   display: flex; align-items: center; gap: 16px;
   padding: 0 0 16px; border-bottom: 1px solid var(--border);
 }
+.ws-back-btn {
+  padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px;
+  background: var(--surface); color: var(--text2); cursor: pointer;
+  font-size: 13px; font-weight: 500; font-family: inherit; transition: all 0.15s;
+}
+.ws-back-btn:hover { border-color: var(--accent); color: var(--text); }
 .ws-nav-logo { display: flex; align-items: center; gap: 8px; }
 .ws-nav-tabs { display: flex; gap: 4px; }
 .ws-nav-tab {