diff --git a/web/resolver/actions/queue_methods.js b/web/resolver/actions/queue_methods.js
index 930fd3a..0de2d56 100644
--- a/web/resolver/actions/queue_methods.js
+++ b/web/resolver/actions/queue_methods.js
@@ -1,5 +1,5 @@
 import { app } from "../../../../../scripts/app.js";
-import { $el } from "../../../../../scripts/ui.js";
+const { $el } = window.comfyAPI.ui;
 import { getSvgIcon } from "../../utils/icon_utils.js";
 import { startSplitterDrag } from "../utils/splitter_drag.js";
 import { syncElementAttributes } from "../utils/dom_patch_utils.js";
diff --git a/web/resolver/model_resolver.js b/web/resolver/model_resolver.js
index d808839..4b76d7b 100644
--- a/web/resolver/model_resolver.js
+++ b/web/resolver/model_resolver.js
@@ -1,6 +1,6 @@
 import { app } from "../../../../scripts/app.js";
 import { api } from "../../../../scripts/api.js";
-import { $el } from "../../../../scripts/ui.js";
+const { $el } = window.comfyAPI.ui;
 import { createModuleLogger } from "../log_system/log_funcs.js";
 import { logger as frontendLogger } from "../log_system/logger.js";
 import { loadStylesWhenNeeded } from "../utils/css_loader.js";
@@ -1252,9 +1252,9 @@ export class ModelResolver {
     async registerTopbarButton() {
         // Try to use new ComfyUI button system (like ComfyUI Manager does)
         try {
-            // Dynamic imports for ComfyUI's button components
-            const { ComfyButtonGroup } = await import("../../../../scripts/ui/components/buttonGroup.js");
-            const { ComfyButton } = await import("../../../../scripts/ui/components/button.js");
+            // Access ComfyUI's button components from comfyAPI
+            const { ComfyButtonGroup } = window.comfyAPI.buttonGroup;
+            const { ComfyButton } = window.comfyAPI.button;
 
             // Create button group with Model Resolver button
             const ModelResolverButton = new ComfyButton({
diff --git a/web/resolver/resolver_dialog.js b/web/resolver/resolver_dialog.js
index 5fc2c5d..5117666 100644
--- a/web/resolver/resolver_dialog.js
+++ b/web/resolver/resolver_dialog.js
@@ -1,4 +1,4 @@
-import { $el, ComfyDialog } from "../../../../scripts/ui.js";
+const { $el, ComfyDialog } = window.comfyAPI.ui;
 import { api } from "../../../../scripts/api.js";
 import { safeStorage } from "./utils/html_utils.js";
 import { showNotification as showNotificationUtils } from "../utils/notification_utils.js";
diff --git a/web/resolver/shell/dialog_shell_methods.js b/web/resolver/shell/dialog_shell_methods.js
index 86a9f99..fbce06f 100644
--- a/web/resolver/shell/dialog_shell_methods.js
+++ b/web/resolver/shell/dialog_shell_methods.js
@@ -1,5 +1,5 @@
 import { app } from "../../../../../scripts/app.js";
-import { $el } from "../../../../../scripts/ui.js";
+const { $el } = window.comfyAPI.ui;
 import { getSvgIcon } from "../../utils/icon_utils.js";
 import { isSidebarButtonActive } from "../utils/dom_patch_utils.js";
 import { safeStorage } from "../utils/html_utils.js";
diff --git a/web/utils/resource_manager.js b/web/utils/resource_manager.js
index 0b4d2e5..5dcc06e 100644
--- a/web/utils/resource_manager.js
+++ b/web/utils/resource_manager.js
@@ -1,5 +1,5 @@
-// @ts-ignore
-import { $el } from "../../../scripts/ui.js";
+
+const { $el } = window.comfyAPI.ui;
 import { createModuleLogger } from "../log_system/log_funcs.js";
 import { withErrorHandling, createValidationError, createNetworkError } from "./error_handler.js";
 const log = createModuleLogger('resource_manager');