Avoid rerender on explorer selection

server/public/app.js

@@ -151,14 +151,16 @@ function renderWindow(win) {
   if (win.kind === 'explorer') renderExplorer(body, win);
   if (win.kind === 'properties') renderProperties(body);
   if (win.kind === 'queue') renderQueue(body);
-  body.scrollTop = win.data.scrollTop || 0;
-  body.scrollLeft = win.data.scrollLeft || 0;
   body.addEventListener('scroll', () => {
     win.data.scrollTop = body.scrollTop;
     win.data.scrollLeft = body.scrollLeft;
   });
 
   el.append(titlebar, body);
+  requestAnimationFrame(() => {
+    body.scrollTop = win.data.scrollTop || 0;
+    body.scrollLeft = win.data.scrollLeft || 0;
+  });
   if (!win.maximized) {
     const resize = document.createElement('div');
     resize.className = 'resize-handle';
@@ -462,12 +464,35 @@ function selectEntry(win, entry) {
   win.data.selectedPath = entry.path;
   state.selectedEntry = entry;
   focusWindow(win);
-  render();
+  updateSelectedRows();
+  updatePropertiesWindows();
 }
 
 function focusWindow(win) {
   state.focusedId = win.id;
   win.zIndex = ++state.zIndex;
+  for (const windowEl of workspace.querySelectorAll('.window')) {
+    windowEl.classList.toggle('focused', windowEl.dataset.windowId === win.id);
+  }
+  const current = workspace.querySelector(`.window[data-window-id="${win.id}"]`);
+  if (current) {
+    current.style.zIndex = win.zIndex;
+  }
+}
+
+function updateSelectedRows() {
+  for (const row of workspace.querySelectorAll('.file-row')) {
+    row.classList.toggle('selected', row.dataset.path === state.selectedEntry?.path);
+  }
+}
+
+function updatePropertiesWindows() {
+  for (const win of state.windows.filter((item) => item.kind === 'properties')) {
+    const body = workspace.querySelector(`.window[data-window-id="${win.id}"] .window-body`);
+    if (body) {
+      renderProperties(body);
+    }
+  }
 }
 
 function startDragWindow(event, win) {