fix: corretto posizionamento barra selezione rapida dopo l'aggiunta delle schede

public/js/app.js

@@ -48,6 +48,7 @@ const App = {
         delete this.drafts[ticketId];
       }
       localStorage.setItem('otrs_turbo_drafts', JSON.stringify(this.drafts));
+      this.renderTabs();
     }
   },
 
@@ -98,6 +99,7 @@ const App = {
     if (!bar) return;
     if (this.tabs.length === 0) {
       bar.style.display = 'none';
+      this.updateHeaderHeight();
       return;
     }
     bar.style.display = 'flex';
@@ -106,14 +108,26 @@ const App = {
     
     bar.innerHTML = this.tabs.map(t => {
       const isActive = currentHash === `#/tickets/${t.id}`;
+      const hasEmailDraft = this.getDraft(t.id, 'email');
+      const emailIconHtml = hasEmailDraft ? `<span style="color:#22c55e; margin-right:4px;" title="Bozza email presente">✉️</span>` : '';
       const displayTitle = t.title ? (t.title.length > 25 ? t.title.substring(0, 22) + '...' : t.title) : `#${t.tn}`;
       return `
         <div class="tab-item ${isActive ? 'active' : ''}" onclick="window.location.hash = '#/tickets/${t.id}'" title="${App.escapeHtml(t.title || '')}">
+          ${emailIconHtml}
           <span>${App.escapeHtml(displayTitle)}</span>
           <button class="tab-close" onclick="App.closeTab(${t.id}, event)">✕</button>
         </div>
       `;
     }).join('');
+    this.updateHeaderHeight();
+  },
+
+  updateHeaderHeight() {
+    const topbar = document.getElementById('topbar');
+    if (topbar) {
+      const height = topbar.offsetHeight;
+      document.documentElement.style.setProperty('--topbar-total-height', `${height}px`);
+    }
   },
 
   get currentAgentId() {
@@ -202,6 +216,9 @@ const App = {
     }
 
     // Initial route
+    window.addEventListener('resize', () => this.updateHeaderHeight());
+    setTimeout(() => this.updateHeaderHeight(), 100);
+
     if (!window.location.hash || window.location.hash === '#/') {
       window.location.hash = '#/dashboard';
     } else {
@@ -226,6 +243,7 @@ const App = {
     }
 
     this.renderTabs();
+    this.updateHeaderHeight();
 
     const container = document.getElementById('view-container');
     if (container) {