fix: Refactor: Convert repository structure from technical layers to Domain-Driven Design (DDD) (#9108)

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

src/components/common/WorkflowActionsDropdown.vue

@@ -9,7 +9,7 @@ import { useI18n } from 'vue-i18n'
 
 import WorkflowActionsList from '@/components/common/WorkflowActionsList.vue'
 import Button from '@/components/ui/button/Button.vue'
-import { useNewMenuItemIndicator } from '@/composables/useNewMenuItemIndicator'
+import { useNewMenuItemIndicator } from '@/components/common/useNewMenuItemIndicator'
 import { useWorkflowActionsMenu } from '@/composables/useWorkflowActionsMenu'
 import { useTelemetry } from '@/platform/telemetry'
 import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'

src/components/common/useNewMenuItemIndicator.test.ts

@@ -1,7 +1,7 @@
 import { createPinia, setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
-import { useNewMenuItemIndicator } from '@/composables/useNewMenuItemIndicator'
+import { useNewMenuItemIndicator } from '@/components/common/useNewMenuItemIndicator'
 import type { WorkflowMenuItem } from '@/types/workflowMenuItem'
 
 const mockSettingStore = vi.hoisted(() => ({

src/components/curve/CurveEditor.vue

@@ -76,7 +76,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from 'vue'
 
-import { useCurveEditor } from '@/composables/useCurveEditor'
+import { useCurveEditor } from '@/components/curve/useCurveEditor'
 
 import type { CurvePoint } from './types'
 

src/components/graph/GraphCanvas.vue

@@ -148,9 +148,9 @@ import type { VueNodeData } from '@/composables/graph/useGraphNodeManager'
 import { useVueNodeLifecycle } from '@/composables/graph/useVueNodeLifecycle'
 import { useNodeBadge } from '@/composables/node/useNodeBadge'
 import { useCanvasDrop } from '@/composables/useCanvasDrop'
-import { useContextMenuTranslation } from '@/composables/useContextMenuTranslation'
+import { useContextMenuTranslation } from '@/components/graph/useContextMenuTranslation'
 import { useCopy } from '@/composables/useCopy'
-import { useGlobalLitegraph } from '@/composables/useGlobalLitegraph'
+import { useGlobalLitegraph } from '@/components/graph/useGlobalLitegraph'
 import { usePaste } from '@/composables/usePaste'
 import { useVueFeatureFlags } from '@/composables/useVueFeatureFlags'
 import { LiteGraph } from '@/lib/litegraph/src/litegraph'

src/components/graph/GraphCanvasMenu.vue

@@ -90,7 +90,7 @@ import { computed, onBeforeUnmount, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import Button from '@/components/ui/button/Button.vue'
-import { useZoomControls } from '@/composables/useZoomControls'
+import { useZoomControls } from '@/components/graph/useZoomControls'
 import { LiteGraph } from '@/lib/litegraph/src/litegraph'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useTelemetry } from '@/platform/telemetry'

src/components/graph/selectionToolbox/RefreshSelectionButton.vue

@@ -15,7 +15,7 @@
 import { useI18n } from 'vue-i18n'
 
 import Button from '@/components/ui/button/Button.vue'
-import { useRefreshableSelection } from '@/composables/useRefreshableSelection'
+import { useRefreshableSelection } from '@/components/graph/selectionToolbox/useRefreshableSelection'
 
 const { t } = useI18n()
 const { isRefreshable, refreshSelected } = useRefreshableSelection()

src/components/imagecrop/WidgetImageCrop.vue

@@ -104,7 +104,10 @@ import SelectContent from '@/components/ui/select/SelectContent.vue'
 import SelectItem from '@/components/ui/select/SelectItem.vue'
 import SelectTrigger from '@/components/ui/select/SelectTrigger.vue'
 import SelectValue from '@/components/ui/select/SelectValue.vue'
-import { ASPECT_RATIOS, useImageCrop } from '@/composables/useImageCrop'
+import {
+  ASPECT_RATIOS,
+  useImageCrop
+} from '@/components/imagecrop/useImageCrop'
 import type { NodeId } from '@/platform/workflow/validation/schemas/workflowSchema'
 import type { Bounds } from '@/renderer/core/layout/types'
 

src/components/node/NodeHelpContent.vue

@@ -80,7 +80,7 @@
 import ProgressSpinner from 'primevue/progressspinner'
 import { computed } from 'vue'
 
-import { useNodeHelpContent } from '@/composables/useNodeHelpContent'
+import { useNodeHelpContent } from '@/components/node/useNodeHelpContent'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 
 const { node } = defineProps<{

src/components/node/useNodeHelpContent.test.ts

@@ -2,7 +2,7 @@ import { flushPromises } from '@vue/test-utils'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
 
-import { useNodeHelpContent } from '@/composables/useNodeHelpContent'
+import { useNodeHelpContent } from '@/components/node/useNodeHelpContent'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 
 function createMockNode(

src/components/sidebar/tabs/NodeLibrarySidebarTabV2.vue

@@ -183,7 +183,7 @@ import { resolveEssentialsDisplayName } from '@/constants/essentialsDisplayNames
 import SearchBox from '@/components/common/SearchBoxV2.vue'
 import { useFeatureFlags } from '@/composables/useFeatureFlags'
 import { useNodeDragToCanvas } from '@/composables/node/useNodeDragToCanvas'
-import { usePerTabState } from '@/composables/usePerTabState'
+import { usePerTabState } from '@/components/sidebar/tabs/usePerTabState'
 import {
   DEFAULT_SORTING_ID,
   DEFAULT_TAB_ID,

src/renderer/extensions/vueNodes/widgets/components/WidgetSelectDefault.vue

@@ -34,7 +34,7 @@
 import { computed } from 'vue'
 
 import SelectPlus from '@/components/primevueOverride/SelectPlus.vue'
-import { useTransformCompatOverlayProps } from '@/composables/useTransformCompatOverlayProps'
+import { useTransformCompatOverlayProps } from '@/renderer/extensions/vueNodes/widgets/composables/useTransformCompatOverlayProps'
 import type { SimplifiedWidget } from '@/types/simplifiedWidget'
 import { cn } from '@/utils/tailwindUtil'
 import {

src/renderer/extensions/vueNodes/widgets/components/WidgetSelectDropdown.vue

@@ -3,7 +3,7 @@ import { capitalize } from 'es-toolkit'
 import { computed, provide, ref, toRef, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { useTransformCompatOverlayProps } from '@/composables/useTransformCompatOverlayProps'
+import { useTransformCompatOverlayProps } from '@/renderer/extensions/vueNodes/widgets/composables/useTransformCompatOverlayProps'
 import { appendCloudResParam } from '@/platform/distribution/cloudPreviewUtil'
 import { SUPPORTED_EXTENSIONS_ACCEPT } from '@/extensions/core/load3d/constants'
 import { useAssetFilterOptions } from '@/platform/assets/composables/useAssetFilterOptions'

src/workbench/extensions/manager/composables/useServerLogs.test.ts

@@ -2,7 +2,7 @@ import { useEventListener } from '@vueuse/core'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
 
-import { useServerLogs } from '@/composables/useServerLogs'
+import { useServerLogs } from '@/workbench/extensions/manager/composables/useServerLogs'
 import type { LogsWsMessage } from '@/schemas/apiSchema'
 import { api } from '@/scripts/api'
 

src/workbench/extensions/manager/stores/comfyManagerStore.ts

@@ -5,7 +5,7 @@ import { ref, watch } from 'vue'
 
 import { t } from '@/i18n'
 import { useCachedRequest } from '@/composables/useCachedRequest'
-import { useServerLogs } from '@/composables/useServerLogs'
+import { useServerLogs } from '@/workbench/extensions/manager/composables/useServerLogs'
 import { api } from '@/scripts/api'
 import { app } from '@/scripts/app'