[Refactor] Convert dialogService to composable (#2058)

src/scripts/app.ts

@@ -41,11 +41,7 @@ import {
 } from '@/stores/nodeDefStore'
 import { INodeInputSlot, Vector2 } from '@comfyorg/litegraph'
 import _ from 'lodash'
-import {
-  showExecutionErrorDialog,
-  showLoadWorkflowWarning,
-  showMissingModelsWarning
-} from '@/services/dialogService'
+import { useDialogService } from '@/services/dialogService'
 import { useSettingStore } from '@/stores/settingStore'
 import { useToastStore } from '@/stores/toastStore'
 import { useModelStore } from '@/stores/modelStore'
@@ -1528,7 +1524,7 @@ export class ComfyApp {
 
     api.addEventListener('execution_error', ({ detail }) => {
       this.lastExecutionError = detail
-      showExecutionErrorDialog(detail)
+      useDialogService().showExecutionErrorDialog(detail)
       this.canvas.draw(true, true)
     })
 
@@ -1992,13 +1988,13 @@ export class ComfyApp {
 
   #showMissingNodesError(missingNodeTypes: MissingNodeType[]) {
     if (useSettingStore().get('Comfy.Workflow.ShowMissingNodesWarning')) {
-      showLoadWorkflowWarning({ missingNodeTypes })
+      useDialogService().showLoadWorkflowWarning({ missingNodeTypes })
     }
   }
 
   #showMissingModelsError(missingModels, paths) {
     if (useSettingStore().get('Comfy.Workflow.ShowMissingModelsWarning')) {
-      showMissingModelsWarning({
+      useDialogService().showMissingModelsWarning({
         missingModels,
         paths
       })

src/scripts/ui.ts

@@ -5,7 +5,7 @@ import { toggleSwitch } from './ui/toggleSwitch'
 import { ComfySettingsDialog } from './ui/settings'
 import { ComfyApp, app } from './app'
 import { TaskItem, type StatusWsMessageStatus } from '@/types/apiTypes'
-import { showSettingsDialog } from '@/services/dialogService'
+import { useDialogService } from '@/services/dialogService'
 import { useSettingStore } from '@/stores/settingStore'
 import { useCommandStore } from '@/stores/commandStore'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
@@ -438,7 +438,9 @@ export class ComfyUI {
           $el('div.comfy-menu-actions', [
             $el('button.comfy-settings-btn', {
               textContent: '⚙️',
-              onclick: showSettingsDialog
+              onclick: () => {
+                useDialogService().showSettingsDialog()
+              }
             }),
             $el('button.comfy-close-menu-btn', {
               textContent: '\u00d7',