CODEX - Added extra columns and settings again

frontend/src/melodies/MelodyComposer.jsx

@@ -345,8 +345,18 @@ export default function MelodyComposer() {
             Clear
           </button>
 
-          <div className="ml-auto text-xs" style={{ color: "var(--text-muted)" }}>
-            {steps.length} steps, {noteCount} notes
+          <div className="ml-auto flex items-center gap-3">
+            <div className="text-xs" style={{ color: "var(--text-muted)" }}>
+              {steps.length} steps, {noteCount} notes
+            </div>
+            <button
+              type="button"
+              onClick={openDeployModal}
+              className="px-3 py-1.5 rounded-md text-sm whitespace-nowrap"
+              style={{ backgroundColor: "var(--text-link)", color: "var(--text-white)" }}
+            >
+              Deploy Archetype
+            </button>
           </div>
         </div>
       </section>
@@ -429,17 +439,6 @@ export default function MelodyComposer() {
             </div>
           </div>
 
-          <span className="mx-1 text-sm" style={{ color: "var(--border-primary)" }}>|</span>
-          <div className="ml-1">
-            <button
-              type="button"
-              onClick={openDeployModal}
-              className="px-4 py-2 rounded-md text-sm whitespace-nowrap"
-              style={{ backgroundColor: "var(--text-link)", color: "var(--text-white)" }}
-            >
-              Deploy Archetype
-            </button>
-          </div>
         </div>
 
         {currentStep >= 0 && (