ajuste estetico

frontend/src/App.jsx

@@ -34,8 +34,6 @@ export default function App() {
   const [modelosRouteRequest, setModelosRouteRequest] = useState(null)
   const [trabalhosRouteRequest, setTrabalhosRouteRequest] = useState(null)
   const [pendingDeepLinkIntent, setPendingDeepLinkIntent] = useState(null)
-  const [modelosModoImersivo, setModelosModoImersivo] = useState(false)
-  const [trabalhosModoImersivo, setTrabalhosModoImersivo] = useState(false)
 
   const [authLoading, setAuthLoading] = useState(true)
   const [authUser, setAuthUser] = useState(null)
@@ -123,8 +121,6 @@ export default function App() {
     setModelosRouteRequest(null)
     setTrabalhosRouteRequest(null)
     setPendingDeepLinkIntent(null)
-    setModelosModoImersivo(false)
-    setTrabalhosModoImersivo(false)
     setLogsStatus(null)
     setLogsOpen(false)
     setLogsEvents([])
@@ -611,99 +607,97 @@ export default function App() {
 
   return (
     <div className="app-shell">
-      {!(modelosModoImersivo || trabalhosModoImersivo) ? (
-        <header ref={headerRef} className={authUser ? 'app-header app-header-logged' : 'app-header app-header-logo-only'}>
-          <div className="brand-mark" aria-hidden="true">
-            <img src={`${import.meta.env.BASE_URL}logo_mesa.png`} alt="MESA" />
-          </div>
-          {authUser ? (
-            <div className="app-top-actions">
-              <nav className="tabs" aria-label="Navegação principal">
-                {TABS.map((tab) => {
-                  const active = tab.key === activeTab
-                  return (
-                    <button
-                      key={tab.key}
-                      className={active ? 'tab-pill active' : 'tab-pill'}
-                      onClick={() => {
-                        setActiveTab(tab.key)
-                        setShowStartupIntro(false)
-                        setLogsOpen(false)
-                        setSettingsOpen(false)
-                        const slug = getAppTabSlugFromKey(tab.key)
-                        if (slug === 'modelos') {
-                          syncRouteIntent(lastModelosRouteRef.current || { tab: 'modelos' })
-                          return
-                        }
-                        if (slug === 'trabalhos') {
-                          syncRouteIntent(lastTrabalhosRouteRef.current || { tab: 'trabalhos' })
-                          return
-                        }
-                        if (slug === 'avaliacao') {
-                          syncRouteIntent(lastAvaliacaoRouteRef.current || { tab: 'avaliacao' })
-                          return
-                        }
-                        if (slug === 'elaboracao') {
-                          syncRouteIntent(lastElaboracaoRouteRef.current || { tab: 'elaboracao' })
-                        }
-                      }}
-                      type="button"
-                    >
-                      <strong>{tab.label}</strong>
-                    </button>
-                  )
-                })}
-              </nav>
-
-              <div ref={settingsMenuRef} className={`settings-menu${settingsOpen ? ' is-open' : ''}`}>
-                <button
-                  type="button"
-                  className="settings-gear-btn"
-                  aria-haspopup="menu"
-                  aria-expanded={settingsOpen}
-                  aria-label="Abrir configurações"
-                  onClick={() => setSettingsOpen((prev) => !prev)}
-                  title="Configurações"
-                >
-                  &#9881;
-                </button>
-                {settingsOpen ? (
-                  <div className="settings-menu-panel" role="menu" aria-label="Configurações do usuário">
-                    <div className="settings-user-summary">
-                      Usuário: <strong>{authUser.nome || authUser.usuario}</strong> ({authUser.perfil || 'viewer'})
-                    </div>
-                    <div className="settings-menu-actions">
-                      {isAdmin ? (
-                        <button
-                          type="button"
-                          className="settings-menu-btn"
-                          onClick={() => {
-                            void onToggleLogs()
-                            setSettingsOpen(false)
-                          }}
-                          disabled={logsStatusLoading || (!logsEnabled && !logsOpen)}
-                          title={logsOpen ? 'Fechar visualização de logs' : !logsEnabled ? logsDisabledReason : 'Abrir leitura de logs'}
-                        >
-                          {logsOpen ? 'Fechar logs' : 'Abrir logs'}
-                        </button>
-                      ) : null}
+      <header ref={headerRef} className={authUser ? 'app-header app-header-logged' : 'app-header app-header-logo-only'}>
+        <div className="brand-mark" aria-hidden="true">
+          <img src={`${import.meta.env.BASE_URL}logo_mesa.png`} alt="MESA" />
+        </div>
+        {authUser ? (
+          <div className="app-top-actions">
+            <nav className="tabs" aria-label="Navegação principal">
+              {TABS.map((tab) => {
+                const active = tab.key === activeTab
+                return (
+                  <button
+                    key={tab.key}
+                    className={active ? 'tab-pill active' : 'tab-pill'}
+                    onClick={() => {
+                      setActiveTab(tab.key)
+                      setShowStartupIntro(false)
+                      setLogsOpen(false)
+                      setSettingsOpen(false)
+                      const slug = getAppTabSlugFromKey(tab.key)
+                      if (slug === 'modelos') {
+                        syncRouteIntent(lastModelosRouteRef.current || { tab: 'modelos' })
+                        return
+                      }
+                      if (slug === 'trabalhos') {
+                        syncRouteIntent(lastTrabalhosRouteRef.current || { tab: 'trabalhos' })
+                        return
+                      }
+                      if (slug === 'avaliacao') {
+                        syncRouteIntent(lastAvaliacaoRouteRef.current || { tab: 'avaliacao' })
+                        return
+                      }
+                      if (slug === 'elaboracao') {
+                        syncRouteIntent(lastElaboracaoRouteRef.current || { tab: 'elaboracao' })
+                      }
+                    }}
+                    type="button"
+                  >
+                    <strong>{tab.label}</strong>
+                  </button>
+                )
+              })}
+            </nav>
+
+            <div ref={settingsMenuRef} className={`settings-menu${settingsOpen ? ' is-open' : ''}`}>
+              <button
+                type="button"
+                className="settings-gear-btn"
+                aria-haspopup="menu"
+                aria-expanded={settingsOpen}
+                aria-label="Abrir configurações"
+                onClick={() => setSettingsOpen((prev) => !prev)}
+                title="Configurações"
+              >
+                &#9881;
+              </button>
+              {settingsOpen ? (
+                <div className="settings-menu-panel" role="menu" aria-label="Configurações do usuário">
+                  <div className="settings-user-summary">
+                    Usuário: <strong>{authUser.nome || authUser.usuario}</strong> ({authUser.perfil || 'viewer'})
+                  </div>
+                  <div className="settings-menu-actions">
+                    {isAdmin ? (
                       <button
                         type="button"
-                        className="settings-menu-btn settings-menu-btn-danger"
-                        onClick={() => void onLogout()}
+                        className="settings-menu-btn"
+                        onClick={() => {
+                          void onToggleLogs()
+                          setSettingsOpen(false)
+                        }}
+                        disabled={logsStatusLoading || (!logsEnabled && !logsOpen)}
+                        title={logsOpen ? 'Fechar visualização de logs' : !logsEnabled ? logsDisabledReason : 'Abrir leitura de logs'}
                       >
-                        Sair
+                        {logsOpen ? 'Fechar logs' : 'Abrir logs'}
                       </button>
-                    </div>
+                    ) : null}
+                    <button
+                      type="button"
+                      className="settings-menu-btn settings-menu-btn-danger"
+                      onClick={() => void onLogout()}
+                    >
+                      Sair
+                    </button>
                   </div>
-                ) : null}
-              </div>
+                </div>
+              ) : null}
             </div>
-          ) : null}
-        </header>
-      ) : null}
+          </div>
+        ) : null}
+      </header>
 
-      {authUser && showScrollHomeBtn && !(modelosModoImersivo || trabalhosModoImersivo) ? (
+      {authUser && showScrollHomeBtn ? (
         <button
           type="button"
           className="scroll-home-btn"
@@ -888,7 +882,6 @@ export default function App() {
               onAbrirModeloNoRepositorio={onAbrirModeloNoRepositorio}
               routeRequest={modelosRouteRequest}
               onRouteChange={onModelosRouteChange}
-              onModoImersivoChange={setModelosModoImersivo}
             />
           </div>
 
@@ -909,7 +902,6 @@ export default function App() {
               routeRequest={trabalhosRouteRequest}
               onRouteChange={onTrabalhosRouteChange}
               onVoltarAoMapaPesquisa={onVoltarAoMapaPesquisa}
-              onModoImersivoChange={setTrabalhosModoImersivo}
             />
           </div>