Lint: Add eslint import plugin (#5955)

## Summary

Adds the linter, turns on the recommended and a few extra rules, fixes
existing violations.

Doesn't prohibit `../../...` imports yet, that'll be it's own PR.

## Changes

- **What**: Consistent and fixable imports
- **Dependencies**: The plugin and parser

## Review Focus

How do you feel about the recommended rules?
What about the extra ones?
[Any
more](https://github.com/un-ts/eslint-plugin-import-x?tab=readme-ov-file#rules)
you'd want to turn on?

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5955-Lint-Add-eslint-import-plugin-2856d73d3650819985c0fb9ca3fa94b0)
by [Unito](https://www.unito.io)

eslint.config.ts

@@ -1,6 +1,7 @@
 // For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
 import pluginJs from '@eslint/js'
 import pluginI18n from '@intlify/eslint-plugin-vue-i18n'
+import { importX } from 'eslint-plugin-import-x'
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
 import storybook from 'eslint-plugin-storybook'
 import unusedImports from 'eslint-plugin-unused-imports'
@@ -47,6 +48,12 @@ export default defineConfig([
         sourceType: 'module',
         extraFileExtensions
       }
+    },
+    settings: {
+      'import/resolver': {
+        typescript: true,
+        node: true
+      }
     }
   },
   {
@@ -65,13 +72,24 @@ export default defineConfig([
         sourceType: 'module',
         extraFileExtensions
       }
+    },
+    settings: {
+      'import/resolver': {
+        typescript: true,
+        node: true
+      }
     }
   },
   pluginJs.configs.recommended,
+  // eslint-disable-next-line import-x/no-named-as-default-member
   tseslint.configs.recommended,
   pluginVue.configs['flat/recommended'],
   eslintPluginPrettierRecommended,
   storybook.configs['flat/recommended'],
+  // @ts-expect-error Bad types in the plugin
+  importX.flatConfigs.recommended,
+  // @ts-expect-error Bad types in the plugin
+  importX.flatConfigs.typescript,
   {
     plugins: {
       'unused-imports': unusedImports,
@@ -91,6 +109,9 @@ export default defineConfig([
           allowInterfaces: 'always'
         }
       ],
+      'import-x/consistent-type-specifier-style': ['error', 'prefer-top-level'],
+      'import-x/no-useless-path-segments': 'error',
+      'import-x/no-relative-packages': 'error',
       'unused-imports/no-unused-imports': 'error',
       'no-console': ['error', { allow: ['warn', 'error'] }],
       'vue/no-v-html': 'off',

package.json

@@ -69,6 +69,8 @@
     "cross-env": "catalog:",
     "eslint": "catalog:",
     "eslint-config-prettier": "catalog:",
+    "eslint-import-resolver-typescript": "catalog:",
+    "eslint-plugin-import-x": "catalog:",
     "eslint-plugin-prettier": "catalog:",
     "eslint-plugin-storybook": "catalog:",
     "eslint-plugin-unused-imports": "catalog:",

pnpm-workspace.yaml

@@ -46,6 +46,8 @@ catalog:
   dotenv: ^16.4.5
   eslint: ^9.34.0
   eslint-config-prettier: ^10.1.8
+  eslint-import-resolver-typescript: ^4.4.4
+  eslint-plugin-import-x: ^4.16.1
   eslint-plugin-prettier: ^5.5.4
   eslint-plugin-storybook: ^9.1.6
   eslint-plugin-unused-imports: ^4.2.0
@@ -91,9 +93,12 @@ catalog:
   zod-to-json-schema: ^3.24.1
   zod-validation-error: ^3.3.0
 
+cleanupUnusedCatalogs: true
+
 ignoredBuiltDependencies:
   - '@firebase/util'
   - protobufjs
+  - unrs-resolver
   - vue-demi
 
 onlyBuiltDependencies:

src/components/common/FormItem.vue

@@ -34,7 +34,8 @@ import InputNumber from 'primevue/inputnumber'
 import InputText from 'primevue/inputtext'
 import Select from 'primevue/select'
 import ToggleSwitch from 'primevue/toggleswitch'
-import { type Component, markRaw } from 'vue'
+import { markRaw } from 'vue'
+import type { Component } from 'vue'
 
 import BackgroundImageUpload from '@/components/common/BackgroundImageUpload.vue'
 import CustomFormValue from '@/components/common/CustomFormValue.vue'

src/components/common/TreeExplorer.vue

@@ -47,9 +47,11 @@ import { useTreeFolderOperations } from '@/composables/tree/useTreeFolderOperati
 import { useErrorHandling } from '@/composables/useErrorHandling'
 import {
   InjectKeyExpandedKeys,
-  InjectKeyHandleEditLabelFunction,
-  type RenderedTreeExplorerNode,
-  type TreeExplorerNode
+  InjectKeyHandleEditLabelFunction
+} from '@/types/treeExplorerTypes'
+import type {
+  RenderedTreeExplorerNode,
+  TreeExplorerNode
 } from '@/types/treeExplorerTypes'
 import { combineTrees, findNodeByKey } from '@/utils/treeUtil'
 

src/components/common/TreeExplorerTreeNode.vue

@@ -45,10 +45,10 @@ import {
   usePragmaticDraggable,
   usePragmaticDroppable
 } from '@/composables/usePragmaticDragAndDrop'
-import {
-  InjectKeyHandleEditLabelFunction,
-  type RenderedTreeExplorerNode,
-  type TreeExplorerDragAndDropData
+import { InjectKeyHandleEditLabelFunction } from '@/types/treeExplorerTypes'
+import type {
+  RenderedTreeExplorerNode,
+  TreeExplorerDragAndDropData
 } from '@/types/treeExplorerTypes'
 
 const props = defineProps<{

src/components/common/VirtualGrid.vue

@@ -17,7 +17,8 @@
 <script setup lang="ts" generic="T">
 import { useElementSize, useScroll, whenever } from '@vueuse/core'
 import { clamp, debounce } from 'es-toolkit/compat'
-import { type CSSProperties, computed, onBeforeUnmount, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import type { CSSProperties } from 'vue'
 
 type GridState = {
   start: number

src/components/dialog/content/ErrorDialogContent.vue

@@ -65,10 +65,8 @@ import { api } from '@/scripts/api'
 import { app } from '@/scripts/app'
 import { useCommandStore } from '@/stores/commandStore'
 import { useSystemStatsStore } from '@/stores/systemStatsStore'
-import {
-  type ErrorReportData,
-  generateErrorReport
-} from '@/utils/errorReportUtil'
+import { generateErrorReport } from '@/utils/errorReportUtil'
+import type { ErrorReportData } from '@/utils/errorReportUtil'
 
 const { error } = defineProps<{
   error: Omit<ErrorReportData, 'workflow' | 'systemStats' | 'serverLogs'> & {

src/components/dialog/content/credit/CreditTopUpOption.vue

@@ -33,9 +33,10 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
-import InputNumber, {
-  type InputNumberBlurEvent,
-  type InputNumberInputEvent
+import InputNumber from 'primevue/inputnumber'
+import type {
+  InputNumberBlurEvent,
+  InputNumberInputEvent
 } from 'primevue/inputnumber'
 import ProgressSpinner from 'primevue/progressspinner'
 import Tag from 'primevue/tag'

src/components/dialog/content/signin/SignInForm.vue

@@ -83,7 +83,8 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { useFirebaseAuthActions } from '@/composables/auth/useFirebaseAuthActions'
-import { type SignInData, signInSchema } from '@/schemas/signInSchema'
+import { signInSchema } from '@/schemas/signInSchema'
+import type { SignInData } from '@/schemas/signInSchema'
 import { useFirebaseAuthStore } from '@/stores/firebaseAuthStore'
 
 const authStore = useFirebaseAuthStore()

src/components/dialog/content/signin/SignUpForm.vue

@@ -67,7 +67,8 @@ import Checkbox from 'primevue/checkbox'
 import InputText from 'primevue/inputtext'
 import { useI18n } from 'vue-i18n'
 
-import { type SignUpData, signUpSchema } from '@/schemas/signInSchema'
+import { signUpSchema } from '@/schemas/signInSchema'
+import type { SignUpData } from '@/schemas/signInSchema'
 
 import PasswordFields from './PasswordFields.vue'
 

src/components/graph/SelectionToolbox.vue

@@ -67,7 +67,8 @@ import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
 import { useCanvasInteractions } from '@/renderer/core/canvas/useCanvasInteractions'
 import { useMinimap } from '@/renderer/extensions/minimap/composables/useMinimap'
 import { useExtensionService } from '@/services/extensionService'
-import { type ComfyCommandImpl, useCommandStore } from '@/stores/commandStore'
+import { useCommandStore } from '@/stores/commandStore'
+import type { ComfyCommandImpl } from '@/stores/commandStore'
 
 import FrameNodes from './selectionToolbox/FrameNodes.vue'
 import NodeOptionsButton from './selectionToolbox/NodeOptionsButton.vue'

src/components/graph/TitleEditor.vue

@@ -14,7 +14,8 @@
 
 <script setup lang="ts">
 import { useEventListener } from '@vueuse/core'
-import { type CSSProperties, computed, ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
+import type { CSSProperties } from 'vue'
 
 import EditableText from '@/components/common/EditableText.vue'
 import { useAbsolutePosition } from '@/composables/element/useAbsolutePosition'

src/components/graph/selectionToolbox/NodeOptions.vue

@@ -46,11 +46,13 @@ import {
   restoreMoreOptionsSignal
 } from '@/composables/canvas/useSelectionToolboxPosition'
 import {
-  type MenuOption,
-  type SubMenuOption,
   registerNodeOptionsInstance,
   useMoreOptionsMenu
 } from '@/composables/graph/useMoreOptionsMenu'
+import type {
+  MenuOption,
+  SubMenuOption
+} from '@/composables/graph/useMoreOptionsMenu'
 import { useSubmenuPositioning } from '@/composables/graph/useSubmenuPositioning'
 import { useCanvasInteractions } from '@/renderer/core/canvas/useCanvasInteractions'
 import { useMinimap } from '@/renderer/extensions/minimap/composables/useMinimap'

src/components/helpcenter/HelpCenterMenuContent.vue

@@ -130,14 +130,8 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
-import {
-  type CSSProperties,
-  type Component,
-  computed,
-  nextTick,
-  onMounted,
-  ref
-} from 'vue'
+import { computed, nextTick, onMounted, ref } from 'vue'
+import type { CSSProperties, Component } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import PuzzleIcon from '@/components/icons/PuzzleIcon.vue'

src/components/input/MultiSelect.vue

@@ -105,7 +105,8 @@
 </template>
 
 <script setup lang="ts">
-import { type UseFuseOptions, useFuse } from '@vueuse/integrations/useFuse'
+import { useFuse } from '@vueuse/integrations/useFuse'
+import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import Button from 'primevue/button'
 import type { MultiSelectPassThroughMethodOptions } from 'primevue/multiselect'
 import MultiSelect from 'primevue/multiselect'

src/components/searchbox/NodeSearchItem.vue

@@ -56,8 +56,7 @@ import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import { useNodeFrequencyStore } from '@/stores/nodeDefStore'
 import { NodeSourceType } from '@/types/nodeSource'
-import { highlightQuery } from '@/utils/formatUtil'
-import { formatNumberWithSuffix } from '@/utils/formatUtil'
+import { formatNumberWithSuffix, highlightQuery } from '@/utils/formatUtil'
 
 const settingStore = useSettingStore()
 const showCategory = computed(() =>

src/components/sidebar/tabs/ModelLibrarySidebarTab.vue

@@ -59,8 +59,7 @@ import { useLitegraphService } from '@/services/litegraphService'
 import type { ComfyModelDef, ModelFolder } from '@/stores/modelStore'
 import { ResourceState, useModelStore } from '@/stores/modelStore'
 import { useModelToNodeStore } from '@/stores/modelToNodeStore'
-import type { TreeNode } from '@/types/treeExplorerTypes'
-import type { TreeExplorerNode } from '@/types/treeExplorerTypes'
+import type { TreeExplorerNode, TreeNode } from '@/types/treeExplorerTypes'
 import { isElectron } from '@/utils/envUtil'
 import { buildTree } from '@/utils/treeUtil'
 

src/components/sidebar/tabs/NodeLibrarySidebarTab.vue

@@ -156,8 +156,7 @@ import type {
   GroupingStrategyId,
   SortingStrategyId
 } from '@/types/nodeOrganizationTypes'
-import type { TreeNode } from '@/types/treeExplorerTypes'
-import type { TreeExplorerNode } from '@/types/treeExplorerTypes'
+import type { TreeExplorerNode, TreeNode } from '@/types/treeExplorerTypes'
 import type { FuseFilterWithValue } from '@/utils/fuseUtil'
 
 import NodeBookmarkTreeExplorer from './nodeLibrary/NodeBookmarkTreeExplorer.vue'

src/components/sidebar/tabs/WorkflowsSidebarTab.vue

@@ -144,13 +144,12 @@ import { useTreeExpansion } from '@/composables/useTreeExpansion'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
 import {
+  ComfyWorkflow,
   useWorkflowBookmarkStore,
   useWorkflowStore
 } from '@/platform/workflow/management/stores/workflowStore'
-import { ComfyWorkflow } from '@/platform/workflow/management/stores/workflowStore'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
-import type { TreeNode } from '@/types/treeExplorerTypes'
-import type { TreeExplorerNode } from '@/types/treeExplorerTypes'
+import type { TreeExplorerNode, TreeNode } from '@/types/treeExplorerTypes'
 import { appendJsonExt } from '@/utils/formatUtil'
 import { buildTree, sortedTree } from '@/utils/treeUtil'
 

src/components/sidebar/tabs/modelLibrary/DownloadItem.vue

@@ -67,10 +67,8 @@ import Chip from 'primevue/chip'
 import ProgressBar from 'primevue/progressbar'
 import { useI18n } from 'vue-i18n'
 
-import {
-  type ElectronDownload,
-  useElectronDownloadStore
-} from '@/stores/electronDownloadStore'
+import { useElectronDownloadStore } from '@/stores/electronDownloadStore'
+import type { ElectronDownload } from '@/stores/electronDownloadStore'
 
 const { t } = useI18n()
 

src/components/sidebar/tabs/nodeLibrary/NodeBookmarkTreeExplorer.vue

@@ -34,11 +34,11 @@ import { useTreeExpansion } from '@/composables/useTreeExpansion'
 import { useLitegraphService } from '@/services/litegraphService'
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
-import type { TreeNode } from '@/types/treeExplorerTypes'
 import type {
   RenderedTreeExplorerNode,
   TreeExplorerDragAndDropData,
-  TreeExplorerNode
+  TreeExplorerNode,
+  TreeNode
 } from '@/types/treeExplorerTypes'
 
 const props = defineProps<{

src/components/sidebar/tabs/nodeLibrary/NodeTreeFolder.vue

@@ -11,10 +11,8 @@ import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
 import type { BookmarkCustomization } from '@/schemas/apiSchema'
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
-import {
-  InjectKeyExpandedKeys,
-  type RenderedTreeExplorerNode
-} from '@/types/treeExplorerTypes'
+import { InjectKeyExpandedKeys } from '@/types/treeExplorerTypes'
+import type { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
 
 const { node } = defineProps<{
   node: RenderedTreeExplorerNode<ComfyNodeDefImpl>

src/components/sidebar/tabs/queue/TaskItem.vue

@@ -81,7 +81,8 @@ import { computed, onMounted, onUnmounted, ref } from 'vue'
 import type { ComfyNode } from '@/platform/workflow/validation/schemas/workflowSchema'
 import { api } from '@/scripts/api'
 import { useLitegraphService } from '@/services/litegraphService'
-import { TaskItemDisplayStatus, type TaskItemImpl } from '@/stores/queueStore'
+import { TaskItemDisplayStatus } from '@/stores/queueStore'
+import type { TaskItemImpl } from '@/stores/queueStore'
 
 import ResultItem from './ResultItem.vue'
 

src/components/topbar/CommandMenubar.vue

@@ -73,10 +73,8 @@
 
 <script setup lang="ts">
 import type { MenuItem } from 'primevue/menuitem'
-import TieredMenu, {
-  type TieredMenuMethods,
-  type TieredMenuState
-} from 'primevue/tieredmenu'
+import TieredMenu from 'primevue/tieredmenu'
+import type { TieredMenuMethods, TieredMenuState } from 'primevue/tieredmenu'
 import { computed, nextTick, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/components/topbar/WorkflowTabs.vue

@@ -84,8 +84,10 @@ import { useOverflowObserver } from '@/composables/element/useOverflowObserver'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
 import type { ComfyWorkflow } from '@/platform/workflow/management/stores/workflowStore'
-import { useWorkflowBookmarkStore } from '@/platform/workflow/management/stores/workflowStore'
-import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
+import {
+  useWorkflowBookmarkStore,
+  useWorkflowStore
+} from '@/platform/workflow/management/stores/workflowStore'
 import { useCommandStore } from '@/stores/commandStore'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { isElectron } from '@/utils/envUtil'

src/components/ui/slider/Slider.vue

@@ -8,7 +8,8 @@ import {
   SliderTrack,
   useForwardPropsEmits
 } from 'reka-ui'
-import { type HTMLAttributes, ref } from 'vue'
+import { ref } from 'vue'
+import type { HTMLAttributes } from 'vue'
 
 import { cn } from '@/utils/tailwindUtil'
 

src/composables/bottomPanelTabs/useCommandSubcategories.ts

@@ -1,4 +1,5 @@
-import { type ComputedRef, computed } from 'vue'
+import { computed } from 'vue'
+import type { ComputedRef } from 'vue'
 
 import type { ComfyCommandImpl } from '@/stores/commandStore'
 

src/composables/graph/useGraphNodeManager.ts

@@ -5,8 +5,10 @@
 import { reactive } from 'vue'
 
 import { useChainCallback } from '@/composables/functional/useChainCallback'
-import type { INodeOutputSlot } from '@/lib/litegraph/src/interfaces'
-import type { INodeInputSlot } from '@/lib/litegraph/src/interfaces'
+import type {
+  INodeInputSlot,
+  INodeOutputSlot
+} from '@/lib/litegraph/src/interfaces'
 import { useLayoutMutations } from '@/renderer/core/layout/operations/layoutMutations'
 import { LayoutSource } from '@/renderer/core/layout/types'
 import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'

src/composables/graph/useGroupMenuOptions.ts

@@ -1,10 +1,7 @@
 import { useI18n } from 'vue-i18n'
 
-import {
-  LGraphEventMode,
-  type LGraphGroup,
-  type LGraphNode
-} from '@/lib/litegraph/src/litegraph'
+import { LGraphEventMode } from '@/lib/litegraph/src/litegraph'
+import type { LGraphGroup, LGraphNode } from '@/lib/litegraph/src/litegraph'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
 import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'

src/composables/graph/useMoreOptionsMenu.ts

@@ -1,4 +1,5 @@
-import { type Ref, computed, ref } from 'vue'
+import { computed, ref } from 'vue'
+import type { Ref } from 'vue'
 
 import type { LGraphGroup } from '@/lib/litegraph/src/litegraph'
 import { isLGraphGroup } from '@/utils/litegraphUtil'

src/composables/graph/useSelectionMenuOptions.ts

@@ -4,7 +4,8 @@ import { useI18n } from 'vue-i18n'
 import { useCommandStore } from '@/stores/commandStore'
 
 import { useFrameNodes } from './useFrameNodes'
-import { BadgeVariant, type MenuOption } from './useMoreOptionsMenu'
+import { BadgeVariant } from './useMoreOptionsMenu'
+import type { MenuOption } from './useMoreOptionsMenu'
 import { useNodeArrangement } from './useNodeArrangement'
 import { useSelectionOperations } from './useSelectionOperations'
 import { useSubgraphOperations } from './useSubgraphOperations'

src/composables/graph/useWidgetValue.ts

@@ -2,7 +2,8 @@
  * Composable for managing widget value synchronization between Vue and LiteGraph
  * Provides consistent pattern for immediate UI updates and LiteGraph callbacks
  */
-import { type Ref, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
+import type { Ref } from 'vue'
 
 import type { SimplifiedWidget, WidgetValue } from '@/types/simplifiedWidget'
 

src/composables/node/useNodeBadge.ts

@@ -3,11 +3,8 @@ import { computed, onMounted, watch } from 'vue'
 
 import { useNodePricing } from '@/composables/node/useNodePricing'
 import { useComputedWithWidgetWatch } from '@/composables/node/useWatchWidget'
-import {
-  BadgePosition,
-  LGraphBadge,
-  type LGraphNode
-} from '@/lib/litegraph/src/litegraph'
+import { BadgePosition, LGraphBadge } from '@/lib/litegraph/src/litegraph'
+import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { app } from '@/scripts/app'
 import { useExtensionStore } from '@/stores/extensionStore'

src/composables/node/useWatchWidget.ts

@@ -1,5 +1,6 @@
 import { computedWithControl } from '@vueuse/core'
-import { type ComputedRef, ref } from 'vue'
+import { ref } from 'vue'
+import type { ComputedRef } from 'vue'
 
 import { useChainCallback } from '@/composables/functional/useChainCallback'
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'

src/composables/useCoreCommands.ts

@@ -20,10 +20,8 @@ import { createModelNodeFromAsset } from '@/platform/assets/utils/createModelNod
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useToastStore } from '@/platform/updates/common/toastStore'
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
-import {
-  type ComfyWorkflow,
-  useWorkflowStore
-} from '@/platform/workflow/management/stores/workflowStore'
+import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
+import type { ComfyWorkflow } from '@/platform/workflow/management/stores/workflowStore'
 import {
   useCanvasStore,
   useTitleEditorStore

src/composables/useIntersectionObserver.ts

@@ -1,4 +1,5 @@
-import { type Ref, onBeforeUnmount, ref, watch } from 'vue'
+import { onBeforeUnmount, ref, watch } from 'vue'
+import type { Ref } from 'vue'
 
 interface UseIntersectionObserverOptions extends IntersectionObserverInit {
   immediate?: boolean

src/composables/useLazyPagination.ts

@@ -1,4 +1,5 @@
-import { type Ref, computed, ref, shallowRef, watch } from 'vue'
+import { computed, ref, shallowRef, watch } from 'vue'
+import type { Ref } from 'vue'
 
 interface LazyPaginationOptions {
   itemsPerPage?: number

src/composables/usePopoverSizing.ts

@@ -1,4 +1,5 @@
-import { type CSSProperties, type ComputedRef, computed } from 'vue'
+import { computed } from 'vue'
+import type { CSSProperties, ComputedRef } from 'vue'
 
 interface PopoverSizeOptions {
   minWidth?: string

src/composables/usePragmaticDragAndDrop.ts

@@ -2,8 +2,8 @@ import {
   draggable,
   dropTargetForElements
 } from '@atlaskit/pragmatic-drag-and-drop/element/adapter'
-import { toValue } from 'vue'
-import { type MaybeRefOrGetter, onBeforeUnmount, onMounted } from 'vue'
+import { onBeforeUnmount, onMounted, toValue } from 'vue'
+import type { MaybeRefOrGetter } from 'vue'
 
 export function usePragmaticDroppable(
   dropTargetElement: MaybeRefOrGetter<HTMLElement | null>,

src/composables/useTemplateFiltering.ts

@@ -1,6 +1,7 @@
 import { refDebounced } from '@vueuse/core'
 import Fuse from 'fuse.js'
-import { type Ref, computed, ref } from 'vue'
+import { computed, ref } from 'vue'
+import type { Ref } from 'vue'
 
 import type { TemplateInfo } from '@/platform/workflow/templates/types/template'
 

src/core/graph/subgraph/SubgraphNode.vue

@@ -12,7 +12,6 @@ import {
 import SearchBox from '@/components/common/SearchBox.vue'
 import SubgraphNodeWidget from '@/core/graph/subgraph/SubgraphNodeWidget.vue'
 import {
-  type WidgetItem,
   demoteWidget,
   isRecommendedWidget,
   matchesPropertyItem,
@@ -20,10 +19,9 @@ import {
   promoteWidget,
   widgetItemToProperty
 } from '@/core/graph/subgraph/proxyWidgetUtils'
-import {
-  type ProxyWidgetsProperty,
-  parseProxyWidgets
-} from '@/core/schemas/proxyWidget'
+import type { WidgetItem } from '@/core/graph/subgraph/proxyWidgetUtils'
+import { parseProxyWidgets } from '@/core/schemas/proxyWidget'
+import type { ProxyWidgetsProperty } from '@/core/schemas/proxyWidget'
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import { SubgraphNode } from '@/lib/litegraph/src/subgraph/SubgraphNode'
 import type { IBaseWidget } from '@/lib/litegraph/src/types/widgets'

src/core/graph/subgraph/proxyWidgetUtils.ts

@@ -1,7 +1,5 @@
-import {
-  type ProxyWidgetsProperty,
-  parseProxyWidgets
-} from '@/core/schemas/proxyWidget'
+import { parseProxyWidgets } from '@/core/schemas/proxyWidget'
+import type { ProxyWidgetsProperty } from '@/core/schemas/proxyWidget'
 import type {
   IContextMenuValue,
   LGraphNode

src/core/graph/subgraph/useSubgraphNodeDialog.ts

@@ -1,5 +1,6 @@
 import SubgraphNode from '@/core/graph/subgraph/SubgraphNode.vue'
-import { type DialogComponentProps, useDialogStore } from '@/stores/dialogStore'
+import { useDialogStore } from '@/stores/dialogStore'
+import type { DialogComponentProps } from '@/stores/dialogStore'
 
 const key = 'global-subgraph-node-config'
 

src/lib/litegraph/src/LGraph.ts

@@ -12,10 +12,13 @@ import { LayoutSource } from '@/renderer/core/layout/types'
 import type { DragAndScaleState } from './DragAndScale'
 import { LGraphCanvas } from './LGraphCanvas'
 import { LGraphGroup } from './LGraphGroup'
-import { LGraphNode, type NodeId } from './LGraphNode'
-import { LLink, type LinkId } from './LLink'
+import { LGraphNode } from './LGraphNode'
+import type { NodeId } from './LGraphNode'
+import { LLink } from './LLink'
+import type { LinkId } from './LLink'
 import { MapProxyHandler } from './MapProxyHandler'
-import { Reroute, type RerouteId } from './Reroute'
+import { Reroute } from './Reroute'
+import type { RerouteId } from './Reroute'
 import { CustomEventTarget } from './infrastructure/CustomEventTarget'
 import type { LGraphEventMap } from './infrastructure/LGraphEventMap'
 import type { SubgraphEventMap } from './infrastructure/SubgraphEventMap'

src/lib/litegraph/src/LGraphBadge.ts

@@ -1,4 +1,5 @@
-import { LGraphIcon, type LGraphIconOptions } from './LGraphIcon'
+import { LGraphIcon } from './LGraphIcon'
+import type { LGraphIconOptions } from './LGraphIcon'
 
 export enum BadgePosition {
   TopLeft = 'top-left',

src/lib/litegraph/src/LGraphButton.ts

@@ -1,4 +1,5 @@
-import { LGraphBadge, type LGraphBadgeOptions } from './LGraphBadge'
+import { LGraphBadge } from './LGraphBadge'
+import type { LGraphBadgeOptions } from './LGraphBadge'
 import { Rectangle } from './infrastructure/Rectangle'
 
 export interface LGraphButtonOptions extends LGraphBadgeOptions {

src/lib/litegraph/src/LGraphCanvas.ts

@@ -1,10 +1,8 @@
 import { toString } from 'es-toolkit/compat'
 
 import { PREFIX, SEPARATOR } from '@/constants/groupNodeConstants'
-import {
-  type LinkRenderContext,
-  LitegraphLinkAdapter
-} from '@/renderer/core/canvas/litegraph/litegraphLinkAdapter'
+import { LitegraphLinkAdapter } from '@/renderer/core/canvas/litegraph/litegraphLinkAdapter'
+import type { LinkRenderContext } from '@/renderer/core/canvas/litegraph/litegraphLinkAdapter'
 import { getSlotPosition } from '@/renderer/core/canvas/litegraph/slotCalculations'
 import { useLayoutMutations } from '@/renderer/core/layout/operations/layoutMutations'
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
@@ -12,12 +10,16 @@ import { LayoutSource } from '@/renderer/core/layout/types'
 
 import { CanvasPointer } from './CanvasPointer'
 import type { ContextMenu } from './ContextMenu'
-import { type AnimationOptions, DragAndScale } from './DragAndScale'
+import { DragAndScale } from './DragAndScale'
+import type { AnimationOptions } from './DragAndScale'
 import type { LGraph } from './LGraph'
 import { LGraphGroup } from './LGraphGroup'
-import { LGraphNode, type NodeId, type NodeProperty } from './LGraphNode'
-import { LLink, type LinkId } from './LLink'
-import { Reroute, type RerouteId } from './Reroute'
+import { LGraphNode } from './LGraphNode'
+import type { NodeId, NodeProperty } from './LGraphNode'
+import { LLink } from './LLink'
+import type { LinkId } from './LLink'
+import { Reroute } from './Reroute'
+import type { RerouteId } from './Reroute'
 import { LinkConnector } from './canvas/LinkConnector'
 import { isOverNodeInput, isOverNodeOutput } from './canvas/measureSlots'
 import { strokeShape } from './draw'
@@ -85,8 +87,7 @@ import {
   TitleMode
 } from './types/globalEnums'
 import type { ClipboardItems, SubgraphIO } from './types/serialisation'
-import type { NeverNever } from './types/utility'
-import type { PickNevers } from './types/utility'
+import type { NeverNever, PickNevers } from './types/utility'
 import type { IBaseWidget } from './types/widgets'
 import { alignNodes, distributeNodes, getBoundaryNodes } from './utils/arrange'
 import { findFirstNode, getAllNestedItems } from './utils/collections'

src/lib/litegraph/src/LGraphNode.ts

@@ -1,18 +1,20 @@
 import { LGraphNodeProperties } from '@/lib/litegraph/src/LGraphNodeProperties'
 import {
-  type SlotPositionContext,
   calculateInputSlotPos,
   calculateInputSlotPosFromSlot,
   calculateOutputSlotPos
 } from '@/renderer/core/canvas/litegraph/slotCalculations'
+import type { SlotPositionContext } from '@/renderer/core/canvas/litegraph/slotCalculations'
 import { useLayoutMutations } from '@/renderer/core/layout/operations/layoutMutations'
 import { LayoutSource } from '@/renderer/core/layout/types'
-import { type ColorAdjustOptions, adjustColor } from '@/utils/colorUtil'
+import { adjustColor } from '@/utils/colorUtil'
+import type { ColorAdjustOptions } from '@/utils/colorUtil'
 
 import type { DragAndScale } from './DragAndScale'
 import type { LGraph } from './LGraph'
 import { BadgePosition, LGraphBadge } from './LGraphBadge'
-import { LGraphButton, type LGraphButtonOptions } from './LGraphButton'
+import { LGraphButton } from './LGraphButton'
+import type { LGraphButtonOptions } from './LGraphButton'
 import { LGraphCanvas } from './LGraphCanvas'
 import { LLink } from './LLink'
 import type { Reroute, RerouteId } from './Reroute'
@@ -42,12 +44,8 @@ import type {
   Rect,
   Size
 } from './interfaces'
-import {
-  type LGraphNodeConstructor,
-  LiteGraph,
-  type Subgraph,
-  type SubgraphNode
-} from './litegraph'
+import { LiteGraph } from './litegraph'
+import type { LGraphNodeConstructor, Subgraph, SubgraphNode } from './litegraph'
 import {
   createBounds,
   isInRect,
@@ -86,7 +84,8 @@ import { distributeSpace } from './utils/spaceDistribution'
 import { truncateText } from './utils/textUtils'
 import { toClass } from './utils/type'
 import { BaseWidget } from './widgets/BaseWidget'
-import { type WidgetTypeMap, toConcreteWidget } from './widgets/widgetMap'
+import { toConcreteWidget } from './widgets/widgetMap'
+import type { WidgetTypeMap } from './widgets/widgetMap'
 
 // #region Types
 

src/lib/litegraph/src/Reroute.ts

@@ -3,7 +3,8 @@ import { LayoutSource } from '@/renderer/core/layout/types'
 
 import { LGraphBadge } from './LGraphBadge'
 import type { LGraphNode, NodeId } from './LGraphNode'
-import { LLink, type LinkId } from './LLink'
+import { LLink } from './LLink'
+import type { LinkId } from './LLink'
 import type {
   CanvasColour,
   INodeInputSlot,

src/lib/litegraph/src/canvas/FloatingRenderLink.ts

@@ -8,11 +8,11 @@ import {
 import type { CustomEventTarget } from '@/lib/litegraph/src/infrastructure/CustomEventTarget'
 import type { LinkConnectorEventMap } from '@/lib/litegraph/src/infrastructure/LinkConnectorEventMap'
 import type {
+  INodeInputSlot,
   INodeOutputSlot,
-  LinkNetwork
+  LinkNetwork,
+  Point
 } from '@/lib/litegraph/src/interfaces'
-import type { INodeInputSlot } from '@/lib/litegraph/src/interfaces'
-import type { Point } from '@/lib/litegraph/src/interfaces'
 import type { SubgraphInput } from '@/lib/litegraph/src/subgraph/SubgraphInput'
 import type { SubgraphOutput } from '@/lib/litegraph/src/subgraph/SubgraphOutput'
 import { LinkDirection } from '@/lib/litegraph/src/types/globalEnums'

src/lib/litegraph/src/canvas/LinkConnector.ts

@@ -9,14 +9,12 @@ import { CustomEventTarget } from '@/lib/litegraph/src/infrastructure/CustomEven
 import type { LinkConnectorEventMap } from '@/lib/litegraph/src/infrastructure/LinkConnectorEventMap'
 import type {
   ConnectingLink,
+  INodeInputSlot,
+  INodeOutputSlot,
   ItemLocator,
   LinkNetwork,
   LinkSegment
 } from '@/lib/litegraph/src/interfaces'
-import type {
-  INodeInputSlot,
-  INodeOutputSlot
-} from '@/lib/litegraph/src/interfaces'
 import { EmptySubgraphInput } from '@/lib/litegraph/src/subgraph/EmptySubgraphInput'
 import { EmptySubgraphOutput } from '@/lib/litegraph/src/subgraph/EmptySubgraphOutput'
 import { Subgraph } from '@/lib/litegraph/src/subgraph/Subgraph'

src/lib/litegraph/src/litegraph.ts

@@ -1,8 +1,12 @@
 import type { ContextMenu } from './ContextMenu'
 import type { LGraphNode } from './LGraphNode'
 import { LiteGraphGlobal } from './LiteGraphGlobal'
-import type { ConnectingLink, Point } from './interfaces'
-import type { IContextMenuOptions, Size } from './interfaces'
+import type {
+  ConnectingLink,
+  IContextMenuOptions,
+  Point,
+  Size
+} from './interfaces'
 import { loadPolyfills } from './polyfills'
 import type { CanvasEventDetail } from './types/events'
 import type { RenderShape, TitleMode } from './types/globalEnums'

src/lib/litegraph/src/node/NodeInputSlot.ts

@@ -8,7 +8,8 @@ import type {
   Point
 } from '@/lib/litegraph/src/interfaces'
 import { LiteGraph } from '@/lib/litegraph/src/litegraph'
-import { type IDrawOptions, NodeSlot } from '@/lib/litegraph/src/node/NodeSlot'
+import { NodeSlot } from '@/lib/litegraph/src/node/NodeSlot'
+import type { IDrawOptions } from '@/lib/litegraph/src/node/NodeSlot'
 import type { SubgraphInput } from '@/lib/litegraph/src/subgraph/SubgraphInput'
 import type { SubgraphOutput } from '@/lib/litegraph/src/subgraph/SubgraphOutput'
 import { isSubgraphInput } from '@/lib/litegraph/src/subgraph/subgraphUtils'

src/lib/litegraph/src/node/NodeOutputSlot.ts

@@ -8,7 +8,8 @@ import type {
   Point
 } from '@/lib/litegraph/src/interfaces'
 import { LiteGraph } from '@/lib/litegraph/src/litegraph'
-import { type IDrawOptions, NodeSlot } from '@/lib/litegraph/src/node/NodeSlot'
+import { NodeSlot } from '@/lib/litegraph/src/node/NodeSlot'
+import type { IDrawOptions } from '@/lib/litegraph/src/node/NodeSlot'
 import type { SubgraphInput } from '@/lib/litegraph/src/subgraph/SubgraphInput'
 import type { SubgraphOutput } from '@/lib/litegraph/src/subgraph/SubgraphOutput'
 import { isSubgraphOutput } from '@/lib/litegraph/src/subgraph/subgraphUtils'

src/lib/litegraph/src/node/SlotBase.ts

@@ -8,8 +8,10 @@ import type {
   IWidgetLocator,
   Point
 } from '@/lib/litegraph/src/interfaces'
-import type { RenderShape } from '@/lib/litegraph/src/types/globalEnums'
-import type { LinkDirection } from '@/lib/litegraph/src/types/globalEnums'
+import type {
+  LinkDirection,
+  RenderShape
+} from '@/lib/litegraph/src/types/globalEnums'
 
 /** Base class for all input & output slots. */
 

src/lib/litegraph/src/subgraph/SubgraphIONodeBase.ts

@@ -9,12 +9,12 @@ import type {
   Point,
   Positionable
 } from '@/lib/litegraph/src/interfaces'
-import {
-  type CanvasColour,
-  type CanvasPointer,
-  type CanvasPointerEvent,
-  type IContextMenuValue,
-  LiteGraph
+import { LiteGraph } from '@/lib/litegraph/src/litegraph'
+import type {
+  CanvasColour,
+  CanvasPointer,
+  CanvasPointerEvent,
+  IContextMenuValue
 } from '@/lib/litegraph/src/litegraph'
 import { snapPoint } from '@/lib/litegraph/src/measure'
 import { CanvasItem } from '@/lib/litegraph/src/types/globalEnums'

src/lib/litegraph/src/subgraph/SubgraphNode.ts

@@ -2,7 +2,8 @@ import type { BaseLGraph, LGraph } from '@/lib/litegraph/src/LGraph'
 import type { LGraphButton } from '@/lib/litegraph/src/LGraphButton'
 import type { LGraphCanvas } from '@/lib/litegraph/src/LGraphCanvas'
 import { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
-import { LLink, type ResolvedConnection } from '@/lib/litegraph/src/LLink'
+import { LLink } from '@/lib/litegraph/src/LLink'
+import type { ResolvedConnection } from '@/lib/litegraph/src/LLink'
 import { RecursionError } from '@/lib/litegraph/src/infrastructure/RecursionError'
 import type {
   ISubgraphInput,
@@ -27,11 +28,8 @@ import type { IBaseWidget } from '@/lib/litegraph/src/types/widgets'
 import type { UUID } from '@/lib/litegraph/src/utils/uuid'
 import { toConcreteWidget } from '@/lib/litegraph/src/widgets/widgetMap'
 
-import {
-  type ExecutableLGraphNode,
-  ExecutableNodeDTO,
-  type ExecutionId
-} from './ExecutableNodeDTO'
+import { ExecutableNodeDTO } from './ExecutableNodeDTO'
+import type { ExecutableLGraphNode, ExecutionId } from './ExecutableNodeDTO'
 import type { SubgraphInput } from './SubgraphInput'
 
 /**

src/lib/litegraph/src/subgraph/SubgraphSlotBase.ts

@@ -21,7 +21,8 @@ import type {
   Serialisable,
   SubgraphIO
 } from '@/lib/litegraph/src/types/serialisation'
-import { type UUID, createUuidv4 } from '@/lib/litegraph/src/utils/uuid'
+import { createUuidv4 } from '@/lib/litegraph/src/utils/uuid'
+import type { UUID } from '@/lib/litegraph/src/utils/uuid'
 
 import type { SubgraphInput } from './SubgraphInput'
 import type { SubgraphInputNode } from './SubgraphInputNode'

src/lib/litegraph/src/subgraph/subgraphUtils.ts

@@ -1,7 +1,8 @@
 import type { LGraph } from '@/lib/litegraph/src/LGraph'
 import { LGraphGroup } from '@/lib/litegraph/src/LGraphGroup'
 import { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
-import { LLink, type ResolvedConnection } from '@/lib/litegraph/src/LLink'
+import { LLink } from '@/lib/litegraph/src/LLink'
+import type { ResolvedConnection } from '@/lib/litegraph/src/LLink'
 import { Reroute } from '@/lib/litegraph/src/Reroute'
 import {
   SUBGRAPH_INPUT_ID,

src/lib/litegraph/src/types/serialisation.ts

@@ -16,8 +16,8 @@ import type {
   Size
 } from '../interfaces'
 import type { LiteGraph } from '../litegraph'
-import type { TWidgetValue } from '../types/widgets'
 import type { RenderShape } from './globalEnums'
+import type { TWidgetValue } from './widgets'
 
 /**
  * An object that implements custom pre-serialization logic via {@link Serialisable.asSerialisable}.

src/lib/litegraph/src/widgets/AssetWidget.ts

@@ -1,7 +1,8 @@
 import type { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
 import type { IAssetWidget } from '@/lib/litegraph/src/types/widgets'
 
-import { BaseWidget, type DrawWidgetOptions } from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions } from './BaseWidget'
 
 export class AssetWidget
   extends BaseWidget<IAssetWidget>

src/lib/litegraph/src/widgets/BaseSteppedWidget.ts

@@ -1,10 +1,7 @@
 import type { IBaseWidget } from '@/lib/litegraph/src/types/widgets'
 
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Base class for widgets that have increment and decrement buttons.

src/lib/litegraph/src/widgets/BooleanWidget.ts

@@ -1,10 +1,7 @@
 import type { IBooleanWidget } from '@/lib/litegraph/src/types/widgets'
 
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 export class BooleanWidget
   extends BaseWidget<IBooleanWidget>

src/lib/litegraph/src/widgets/ButtonWidget.ts

@@ -1,11 +1,8 @@
 import type { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
 import type { IButtonWidget } from '@/lib/litegraph/src/types/widgets'
 
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 export class ButtonWidget
   extends BaseWidget<IButtonWidget>

src/lib/litegraph/src/widgets/ChartWidget.ts

@@ -1,9 +1,6 @@
 import type { IChartWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for displaying charts and data visualizations

src/lib/litegraph/src/widgets/ColorWidget.ts

@@ -1,9 +1,6 @@
 import type { IColorWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for displaying a color picker

src/lib/litegraph/src/widgets/DisconnectedWidget.ts

@@ -1,7 +1,8 @@
 import { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
 import type { IButtonWidget } from '@/lib/litegraph/src/types/widgets'
 
-import { BaseWidget, type DrawWidgetOptions } from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions } from './BaseWidget'
 
 class DisconnectedWidget extends BaseWidget<IButtonWidget> {
   constructor(widget: IButtonWidget) {

src/lib/litegraph/src/widgets/FileUploadWidget.ts

@@ -1,9 +1,6 @@
 import type { IFileUploadWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for handling file uploads

src/lib/litegraph/src/widgets/GalleriaWidget.ts

@@ -1,9 +1,6 @@
 import type { IGalleriaWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for displaying image galleries

src/lib/litegraph/src/widgets/ImageCompareWidget.ts

@@ -1,9 +1,6 @@
 import type { IImageCompareWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for comparing two images side by side

src/lib/litegraph/src/widgets/KnobWidget.ts

@@ -3,11 +3,8 @@ import { clamp } from 'es-toolkit/compat'
 import type { IKnobWidget } from '@/lib/litegraph/src/types/widgets'
 import { getWidgetStep } from '@/lib/litegraph/src/utils/widget'
 
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 export class KnobWidget extends BaseWidget<IKnobWidget> implements IKnobWidget {
   override type = 'knob' as const

src/lib/litegraph/src/widgets/LegacyWidget.ts

@@ -2,7 +2,8 @@ import type { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
 import { LiteGraph } from '@/lib/litegraph/src/litegraph'
 import type { IBaseWidget } from '@/lib/litegraph/src/types/widgets'
 
-import { BaseWidget, type DrawWidgetOptions } from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions } from './BaseWidget'
 
 /**
  * Wraps a legacy POJO custom widget, so that all widgets may be called via the same internal interface.

src/lib/litegraph/src/widgets/MarkdownWidget.ts

@@ -1,9 +1,6 @@
 import type { IMarkdownWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for displaying markdown formatted text

src/lib/litegraph/src/widgets/MultiSelectWidget.ts

@@ -1,9 +1,6 @@
 import type { IMultiSelectWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for selecting multiple options

src/lib/litegraph/src/widgets/SelectButtonWidget.ts

@@ -1,9 +1,6 @@
 import type { ISelectButtonWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for selecting from a group of buttons

src/lib/litegraph/src/widgets/SliderWidget.ts

@@ -2,11 +2,8 @@ import { clamp } from 'es-toolkit/compat'
 
 import type { ISliderWidget } from '@/lib/litegraph/src/types/widgets'
 
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 export class SliderWidget
   extends BaseWidget<ISliderWidget>

src/lib/litegraph/src/widgets/TextWidget.ts

@@ -1,11 +1,8 @@
 import type { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
 import type { IStringWidget } from '@/lib/litegraph/src/types/widgets'
 
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 export class TextWidget
   extends BaseWidget<IStringWidget>

src/lib/litegraph/src/widgets/TextareaWidget.ts

@@ -1,9 +1,6 @@
 import type { ITextareaWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for multi-line text input

src/lib/litegraph/src/widgets/TreeSelectWidget.ts

@@ -1,9 +1,6 @@
 import type { ITreeSelectWidget } from '../types/widgets'
-import {
-  BaseWidget,
-  type DrawWidgetOptions,
-  type WidgetEventOptions
-} from './BaseWidget'
+import { BaseWidget } from './BaseWidget'
+import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget'
 
 /**
  * Widget for hierarchical tree selection

src/platform/assets/composables/useAssetBrowserDialog.ts

@@ -2,7 +2,8 @@ import { t } from '@/i18n'
 import AssetBrowserModal from '@/platform/assets/components/AssetBrowserModal.vue'
 import type { AssetItem } from '@/platform/assets/schemas/assetSchema'
 import { assetService } from '@/platform/assets/services/assetService'
-import { type DialogComponentProps, useDialogStore } from '@/stores/dialogStore'
+import { useDialogStore } from '@/stores/dialogStore'
+import type { DialogComponentProps } from '@/stores/dialogStore'
 
 interface ShowOptions {
   /** ComfyUI node type for context (e.g., 'CheckpointLoaderSimple') */

src/platform/assets/composables/useAssetFilterOptions.ts

@@ -1,5 +1,6 @@
 import { uniqWith } from 'es-toolkit'
-import { type MaybeRefOrGetter, computed, toValue } from 'vue'
+import { computed, toValue } from 'vue'
+import type { MaybeRefOrGetter } from 'vue'
 
 import type { SelectOption } from '@/components/input/types'
 import type { AssetItem } from '@/platform/assets/schemas/assetSchema'

src/platform/assets/services/assetService.ts

@@ -1,11 +1,11 @@
 import { fromZodError } from 'zod-validation-error'
 
-import {
-  type AssetItem,
-  type AssetResponse,
-  type ModelFile,
-  type ModelFolder,
-  assetResponseSchema
+import { assetResponseSchema } from '@/platform/assets/schemas/assetSchema'
+import type {
+  AssetItem,
+  AssetResponse,
+  ModelFile,
+  ModelFolder
 } from '@/platform/assets/schemas/assetSchema'
 import { api } from '@/scripts/api'
 import { useModelToNodeStore } from '@/stores/modelToNodeStore'

src/platform/assets/utils/createModelNodeFromAsset.ts

@@ -1,12 +1,7 @@
-import {
-  type LGraphNode,
-  LiteGraph,
-  type Point
-} from '@/lib/litegraph/src/litegraph'
-import {
-  type AssetItem,
-  assetItemSchema
-} from '@/platform/assets/schemas/assetSchema'
+import { LiteGraph } from '@/lib/litegraph/src/litegraph'
+import type { LGraphNode, Point } from '@/lib/litegraph/src/litegraph'
+import { assetItemSchema } from '@/platform/assets/schemas/assetSchema'
+import type { AssetItem } from '@/platform/assets/schemas/assetSchema'
 import {
   MISSING_TAG,
   MODELS_TAG

src/platform/settings/composables/useSettingUI.ts

@@ -1,10 +1,5 @@
-import {
-  type Component,
-  computed,
-  defineAsyncComponent,
-  onMounted,
-  ref
-} from 'vue'
+import { computed, defineAsyncComponent, onMounted, ref } from 'vue'
+import type { Component } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { useCurrentUser } from '@/composables/auth/useCurrentUser'

src/platform/updates/common/releaseStore.ts

@@ -8,7 +8,8 @@ import { useSystemStatsStore } from '@/stores/systemStatsStore'
 import { isElectron } from '@/utils/envUtil'
 import { stringToLocale } from '@/utils/formatUtil'
 
-import { type ReleaseNote, useReleaseService } from './releaseService'
+import { useReleaseService } from './releaseService'
+import type { ReleaseNote } from './releaseService'
 
 // Store for managing release notes
 export const useReleaseStore = defineStore('release', () => {

src/platform/workflow/management/stores/workflowStore.ts

@@ -1,6 +1,7 @@
 import _ from 'es-toolkit/compat'
 import { defineStore } from 'pinia'
-import { type Raw, computed, markRaw, ref, shallowRef, watch } from 'vue'
+import { computed, markRaw, ref, shallowRef, watch } from 'vue'
+import type { Raw } from 'vue'
 
 import { t } from '@/i18n'
 import type {
@@ -8,8 +9,10 @@ import type {
   LGraphNode,
   Subgraph
 } from '@/lib/litegraph/src/litegraph'
-import type { ComfyWorkflowJSON } from '@/platform/workflow/validation/schemas/workflowSchema'
-import type { NodeId } from '@/platform/workflow/validation/schemas/workflowSchema'
+import type {
+  ComfyWorkflowJSON,
+  NodeId
+} from '@/platform/workflow/validation/schemas/workflowSchema'
 import { useWorkflowThumbnail } from '@/renderer/core/thumbnail/useWorkflowThumbnail'
 import { api } from '@/scripts/api'
 import { app as comfyApp } from '@/scripts/app'

src/platform/workflow/validation/schemas/workflowSchema.ts

@@ -1,4 +1,5 @@
-import { type SafeParseReturnType, z } from 'zod'
+import { z } from 'zod'
+import type { SafeParseReturnType } from 'zod'
 import { fromZodError } from 'zod-validation-error'
 
 // GroupNode is hacking node id to be a string, so we need to allow that.

src/renderer/core/canvas/canvasStore.ts

@@ -1,6 +1,7 @@
 import { useEventListener, whenever } from '@vueuse/core'
 import { defineStore } from 'pinia'
-import { type Raw, computed, markRaw, ref, shallowRef } from 'vue'
+import { computed, markRaw, ref, shallowRef } from 'vue'
+import type { Raw } from 'vue'
 
 import type { Point, Positionable } from '@/lib/litegraph/src/interfaces'
 import type {

src/renderer/core/canvas/litegraph/litegraphLinkAdapter.ts

@@ -15,14 +15,14 @@ import {
   LinkMarkerShape,
   LinkRenderType
 } from '@/lib/litegraph/src/types/globalEnums'
-import {
-  type ArrowShape,
-  CanvasPathRenderer,
-  type Direction,
-  type LinkRenderData,
-  type RenderContext as PathRenderContext,
-  type Point as PointObj,
-  type RenderMode
+import { CanvasPathRenderer } from '@/renderer/core/canvas/pathRenderer'
+import type {
+  ArrowShape,
+  Direction,
+  LinkRenderData,
+  RenderContext as PathRenderContext,
+  Point as PointObj,
+  RenderMode
 } from '@/renderer/core/canvas/pathRenderer'
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
 import type { Bounds } from '@/renderer/core/layout/types'

src/renderer/core/layout/operations/layoutMutations.ts

@@ -8,8 +8,8 @@ import log from 'loglevel'
 
 import type { NodeId } from '@/lib/litegraph/src/LGraphNode'
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
-import type { LayoutSource } from '@/renderer/core/layout/types'
 import type {
+  LayoutSource,
   LinkId,
   NodeLayout,
   Point,

src/renderer/core/layout/slots/register.ts

@@ -8,10 +8,10 @@
 import type { Point } from '@/lib/litegraph/src/interfaces'
 import { LiteGraph } from '@/lib/litegraph/src/litegraph'
 import {
-  type SlotPositionContext,
   calculateInputSlotPos,
   calculateOutputSlotPos
 } from '@/renderer/core/canvas/litegraph/slotCalculations'
+import type { SlotPositionContext } from '@/renderer/core/canvas/litegraph/slotCalculations'
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
 import type { SlotLayout } from '@/renderer/core/layout/types'
 

src/renderer/core/layout/store/layoutStore.ts

@@ -5,38 +5,37 @@
  * CRDT ensures conflict-free operations for both single and multi-user scenarios.
  */
 import log from 'loglevel'
-import { type ComputedRef, type Ref, computed, customRef, ref } from 'vue'
+import { computed, customRef, ref } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 import * as Y from 'yjs'
 
 import { ACTOR_CONFIG } from '@/renderer/core/layout/constants'
+import { LayoutSource } from '@/renderer/core/layout/types'
 import type {
+  Bounds,
   CreateLinkOperation,
   CreateNodeOperation,
   CreateRerouteOperation,
   DeleteLinkOperation,
   DeleteNodeOperation,
   DeleteRerouteOperation,
+  LayoutChange,
   LayoutOperation,
+  LayoutStore,
+  LinkId,
+  LinkLayout,
+  LinkSegmentLayout,
   MoveNodeOperation,
   MoveRerouteOperation,
   NodeBoundsUpdate,
+  NodeId,
+  NodeLayout,
+  Point,
+  RerouteId,
+  RerouteLayout,
   ResizeNodeOperation,
-  SetNodeZIndexOperation
-} from '@/renderer/core/layout/types'
-import {
-  type Bounds,
-  type LayoutChange,
-  LayoutSource,
-  type LayoutStore,
-  type LinkId,
-  type LinkLayout,
-  type LinkSegmentLayout,
-  type NodeId,
-  type NodeLayout,
-  type Point,
-  type RerouteId,
-  type RerouteLayout,
-  type SlotLayout
+  SetNodeZIndexOperation,
+  SlotLayout
 } from '@/renderer/core/layout/types'
 import {
   isBoundsEqual,
@@ -49,10 +48,10 @@ import {
 } from '@/renderer/core/layout/utils/layoutMath'
 import { makeLinkSegmentKey } from '@/renderer/core/layout/utils/layoutUtils'
 import {
-  type NodeLayoutMap,
   layoutToYNode,
   yNodeToLayout
 } from '@/renderer/core/layout/utils/mappers'
+import type { NodeLayoutMap } from '@/renderer/core/layout/utils/mappers'
 import { SpatialIndexManager } from '@/renderer/core/spatial/SpatialIndex'
 
 type YEventChange = {

src/renderer/core/layout/sync/useLayoutSync.ts

@@ -4,8 +4,7 @@
  * Implements one-way sync from Layout Store to LiteGraph.
  * The layout store is the single source of truth.
  */
-import { onUnmounted } from 'vue'
-import { ref } from 'vue'
+import { onUnmounted, ref } from 'vue'
 
 import type { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'

src/renderer/extensions/vueNodes/components/InputSlot.vue

@@ -25,13 +25,8 @@
 </template>
 
 <script setup lang="ts">
-import {
-  type ComponentPublicInstance,
-  computed,
-  onErrorCaptured,
-  ref,
-  watchEffect
-} from 'vue'
+import { computed, onErrorCaptured, ref, watchEffect } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
 
 import { useErrorHandling } from '@/composables/useErrorHandling'
 import { getSlotColor } from '@/constants/slotColors'

src/renderer/extensions/vueNodes/components/NodeSlots.test.ts

@@ -1,12 +1,15 @@
 import { mount } from '@vue/test-utils'
 import { createPinia } from 'pinia'
 import { describe, expect, it } from 'vitest'
-import { type PropType, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
+import type { PropType } from 'vue'
 import { createI18n } from 'vue-i18n'
 
 import type { VueNodeData } from '@/composables/graph/useGraphNodeManager'
-import type { INodeOutputSlot } from '@/lib/litegraph/src/interfaces'
-import type { INodeInputSlot } from '@/lib/litegraph/src/interfaces'
+import type {
+  INodeInputSlot,
+  INodeOutputSlot
+} from '@/lib/litegraph/src/interfaces'
 import enMessages from '@/locales/en/main.json' with { type: 'json' }
 
 import NodeSlots from './NodeSlots.vue'

src/renderer/extensions/vueNodes/components/OutputSlot.vue

@@ -22,13 +22,8 @@
 </template>
 
 <script setup lang="ts">
-import {
-  type ComponentPublicInstance,
-  computed,
-  onErrorCaptured,
-  ref,
-  watchEffect
-} from 'vue'
+import { computed, onErrorCaptured, ref, watchEffect } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
 
 import { useErrorHandling } from '@/composables/useErrorHandling'
 import { getSlotColor } from '@/constants/slotColors'

src/renderer/extensions/vueNodes/components/SlotConnectionDot.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { useTemplateRef } from 'vue'
 
-import { type ClassValue, cn } from '@/utils/tailwindUtil'
+import { cn } from '@/utils/tailwindUtil'
+import type { ClassValue } from '@/utils/tailwindUtil'
 
 const props = defineProps<{
   color?: string

src/renderer/extensions/vueNodes/composables/useNodePointerInteractions.ts

@@ -1,4 +1,5 @@
-import { type MaybeRefOrGetter, computed, onUnmounted, ref, toValue } from 'vue'
+import { computed, onUnmounted, ref, toValue } from 'vue'
+import type { MaybeRefOrGetter } from 'vue'
 
 import { isMiddlePointerInput } from '@/base/pointerUtils'
 import type { VueNodeData } from '@/composables/graph/useGraphNodeManager'