From a1422a2ad5cb226a1a780dc1ce92892bd6aca85b Mon Sep 17 00:00:00 2001
From: JotaChina <sousacj1@gmail.com>
Date: Tue, 23 Dec 2025 21:23:06 -0300
Subject: [PATCH] melhorando a leitura de projetos no mmpCreator

---
 assets/css/creator.css                | 4 ++--
 assets/js/creations/audio/audio_ui.js | 4 ++--
 assets/js/creations/socket.js         | 8 ++++++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/assets/css/creator.css b/assets/css/creator.css
index b4402d7d..b809baa6 100755
--- a/assets/css/creator.css
+++ b/assets/css/creator.css
@@ -352,9 +352,9 @@ body.sidebar-hidden .sample-browser { width: 0; min-width: 0; border-right: none
 .track-name { color: var(--accent-red); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .audio-track-lane .track-controls { display: flex; justify-content: flex-start; gap: 15px; border-left: none; padding-left: 0; margin: 0; }
 
-.timeline-container { flex-grow: 1; position: relative; overflow-x: hidden; overflow-y: hidden; }
+.timeline-container { flex-grow: 1; position: relative; overflow-x: hidden; overflow-y: hidden; height: 100%;}
 .spectrogram-view-grid {
-  height: 100%; position: relative; display: block;
+  height: 100%; min-height: 100%; position: relative; display: block;
   --step-width: 32px; --beat-width: 128px; --bar-width: 512px;
   background-size: var(--bar-width) 100%, var(--beat-width) 100%, var(--step-width) 100%;
   background-image:
diff --git a/assets/js/creations/audio/audio_ui.js b/assets/js/creations/audio/audio_ui.js
index a840c742..0caeb82c 100755
--- a/assets/js/creations/audio/audio_ui.js
+++ b/assets/js/creations/audio/audio_ui.js
@@ -19,7 +19,7 @@ import {
   getBeatsPerBar,
   getSecondsPerStep,
 } from "../utils.js";
-import { sendAction } from "../socket.js";
+import { sendAction, sendActionSafe } from "../socket.js";
 
 export function renderAudioEditor() {
   const audioEditor = document.querySelector(".audio-editor");
@@ -262,7 +262,7 @@ export function renderAudioEditor() {
   const newTrackContainer = existingTrackContainer.cloneNode(false);
   tracksParent.replaceChild(newTrackContainer, existingTrackContainer);
   // ✅ único scroller horizontal/vertical do editor
-  const scrollEl = newTrackContainer;
+  const scrollEl = existingTrackContainer; // #audio-track-container
 
   // === RENDERIZAÇÃO DAS PISTAS (LANES) ===
   
diff --git a/assets/js/creations/socket.js b/assets/js/creations/socket.js
index b0c21d17..ee0250ca 100755
--- a/assets/js/creations/socket.js
+++ b/assets/js/creations/socket.js
@@ -128,6 +128,14 @@ export function setUserName(name) {
   USER_NAME = name;
 }
 
+export function sendActionSafe(action) {
+  try {
+    sendAction(action);
+  } catch (err) {
+    console.warn("[SYNC] Falha ao emitir ação:", action?.type, err);
+  }
+}
+
 // -----------------------------------------------------------------------------
 // CONEXÃO / JOIN / LOGS
 // -----------------------------------------------------------------------------