v1.58.3

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

CHANGELOG.md

@@ -1,5 +1,10 @@
 # 📈 Anomalous Model Browser Changelog
 
+## v1.58.3 Beta (Fix: canvas speed with other extensions) — 2026-10-15
+
+### 🐢 The canvas stays smooth with other extensions (画布不再被其他插件拖慢)
+- One style rule of the browser (the list column stepping aside while a workspace is open) made every inline-style change on the page, by any extension and also while the browser is closed, restyle the whole page. Extensions that move their buttons on every canvas frame (ComfyUI-Prompt-Assistant, for one) then brought a large workflow's canvas down to 2–3 fps. The list column now follows a class on the window instead. Thanks to **@Lindemellis** for finding it, measuring it and proposing the fix ([#22](https://github.com/DemonGatanjieu/Anomalous_Model_Browser/issues/22)).
+
 ## v1.58.2 Beta (Small fixes: Esc closes, Show in folder, insert a picture as a node) — 2026-10-13
 
 ### 💬 From a Bilibili comment (来自 B 站评论)

README.md

@@ -9,7 +9,7 @@
 
 [![ComfyUI Manager](https://img.shields.io/badge/ComfyUI-Manager-green?style=for-the-badge&logo=comfyui)](https://github.com/ltdrdata/ComfyUI-Manager)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow?style=for-the-badge)](LICENSE)
-[![Changelog](https://img.shields.io/badge/📖_Changelog-v1.58.2_Beta-blue?style=for-the-badge)](CHANGELOG.md)
+[![Changelog](https://img.shields.io/badge/📖_Changelog-v1.58.3_Beta-blue?style=for-the-badge)](CHANGELOG.md)
 [![Bilibili Video](https://img.shields.io/badge/Bilibili-视频演示-00A1D6?style=for-the-badge&logo=bilibili)](https://www.bilibili.com/video/BV1a1bv68EuA/)
 [![YouTube Video](https://img.shields.io/badge/YouTube-Video_Demo-red?style=for-the-badge&logo=youtube)](https://youtu.be/hAvsj7uiaCw)
 

web/modules/ui_sidebar.js

@@ -221,6 +221,12 @@ export function createDOM() {
         content.append(header, this.grid, this.detailPanel, this.galleryPanel, this.homePanel, this.activityPanel, this.scanPanel, this.settingsPanel, this.doctorPanel,
             this.assistantPanel, this.audioStudioPanel, this.scriptPanel, this.audioGalleryPanel);
         container.append(rail.root, this.sidebarWrapper, content, this.nbPanel);
+        // The list column steps aside while a workspace is open. Several modules open it by
+        // setting its display, so the container gets a class for it; CSS matching the style
+        // attribute inside :has() makes every inline-style write on the page recalc all
+        // styles (issue #22, canvas at 2-3 fps).
+        const syncWorkspaceOpen = () => container.classList.toggle('anomalous-workspace-open', this.nbPanel.style.display === 'flex');
+        new MutationObserver(syncWorkspaceOpen).observe(this.nbPanel, { attributes: true, attributeFilter: ['style'] });
         this.modal.appendChild(container);
 
         installShellNavigation(this, { container, rail, listToggle, title: pageTitle });

web/styles.css

@@ -13,7 +13,7 @@
 @import url("./styles/12-tts-setup.css?v=20261002-theme-1");
 @import url("./styles/13-script-director.css?v=20261002-voiceover-2");
 @import url("./styles/14-version-manager.css?v=20261002-theme-1");
-@import url("./styles/15-shell-rail.css?v=20261012-remote");
+@import url("./styles/15-shell-rail.css?v=20261015-workspace");
 @import url("./styles/16-activity.css?v=20261002-theme-1");
 @import url("./styles/17-model-types.css?v=20261002-theme-1");
 @import url("./styles/18-scan-page.css?v=20261003-folders-1");

web/styles/15-shell-rail.css

@@ -139,7 +139,7 @@
 }
 
 #anomalous-container.anomalous-has-rail.anomalous-sidebar-closed #anomalous-sidebar-wrapper,
-#anomalous-container.anomalous-has-rail:has(> .anomalous-nb-modal[style*="display: flex"]) #anomalous-sidebar-wrapper {
+#anomalous-container.anomalous-has-rail.anomalous-workspace-open #anomalous-sidebar-wrapper {
     width: 0;
     margin-right: 0;
     margin-left: 0;