fix: update formatUtil imports to shared package

Update all imports from `@/utils/formatUtil` to
`@comfyorg/shared-frontend-utils/formatUtil` after the module was
moved to the shared-frontend-utils package.

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

src/components/bottomPanel/tabs/shortcuts/ShortcutsList.vue

@@ -53,7 +53,7 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import type { ComfyCommandImpl } from '@/stores/commandStore'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const { t } = useI18n()
 

src/components/breadcrumb/SubgraphBreadcrumbItem.vue

@@ -69,7 +69,10 @@ import { computed, nextTick, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { useWorkflowActionsMenu } from '@/composables/useWorkflowActionsMenu'
-import { ensureWorkflowSuffix, getWorkflowSuffix } from '@/utils/formatUtil'
+import {
+  ensureWorkflowSuffix,
+  getWorkflowSuffix
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
 import {
   ComfyWorkflow,

src/components/common/DeviceInfo.vue

@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import type { DeviceStats } from '@/schemas/apiSchema'
-import { formatSize } from '@/utils/formatUtil'
+import { formatSize } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const props = defineProps<{
   device: DeviceStats

src/components/common/SystemStatsPanel.vue

@@ -56,7 +56,10 @@ import Button from '@/components/ui/button/Button.vue'
 import { useCopyToClipboard } from '@/composables/useCopyToClipboard'
 import { isCloud } from '@/platform/distribution/types'
 import type { SystemStats } from '@/schemas/apiSchema'
-import { formatCommitHash, formatSize } from '@/utils/formatUtil'
+import {
+  formatCommitHash,
+  formatSize
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 
 const frontendCommit = __COMFYUI_FRONTEND_COMMIT__

src/components/common/UrlInput.vue

@@ -28,7 +28,7 @@ import InputIcon from 'primevue/inputicon'
 import InputText from 'primevue/inputtext'
 import { onMounted, ref, watch } from 'vue'
 
-import { isValidUrl } from '@/utils/formatUtil'
+import { isValidUrl } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { checkUrlReachable } from '@/utils/networkUtil'
 import { ValidationState } from '@/utils/validationUtil'
 

src/components/dialog/content/setting/KeybindingPanel.vue

@@ -316,7 +316,7 @@ import { useKeybindingPresetService } from '@/platform/keybindings/presetService
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useCommandStore } from '@/stores/commandStore'
 import { useDialogStore } from '@/stores/dialogStore'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import KeybindingList from './keybinding/KeybindingList.vue'
 import KeybindingPresetToolbar from './keybinding/KeybindingPresetToolbar.vue'

src/components/dialog/content/setting/LegacyCreditsPanel.vue

@@ -122,7 +122,7 @@ import { useTelemetry } from '@/platform/telemetry'
 import { useDialogService } from '@/services/dialogService'
 import { useCommandStore } from '@/stores/commandStore'
 import { useAuthStore } from '@/stores/authStore'
-import { formatMetronomeCurrency } from '@/utils/formatUtil'
+import { formatMetronomeCurrency } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 interface CreditHistoryItemData {
   title: string

src/components/graph/NodeTooltip.vue

@@ -23,7 +23,7 @@ import { useSettingStore } from '@/platform/settings/settingStore'
 import { app as comfyApp } from '@/scripts/app'
 import { isDOMWidget } from '@/scripts/domWidget'
 import { useNodeDefStore } from '@/stores/nodeDefStore'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 let idleTimeout: number
 const nodeDefStore = useNodeDefStore()

src/components/graph/selectionToolbox/ExtensionCommandButton.vue

@@ -22,7 +22,7 @@ import Button from '@/components/ui/button/Button.vue'
 import { st } from '@/i18n'
 import type { ComfyCommand } from '@/stores/commandStore'
 import { useCommandStore } from '@/stores/commandStore'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 defineProps<{
   command: ComfyCommand

src/components/graph/widgets/TextPreviewWidget.vue

@@ -18,7 +18,7 @@ import { computed, onMounted, watch } from 'vue'
 
 import type { NodeId } from '@/lib/litegraph/src/litegraph'
 import { useExecutionStore } from '@/stores/executionStore'
-import { linkifyHtml, nl2br } from '@/utils/formatUtil'
+import { linkifyHtml, nl2br } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const modelValue = defineModel<string>({ required: true })
 const props = defineProps<{

src/components/helpcenter/HelpCenterMenuContent.vue

@@ -169,7 +169,7 @@ import type { ReleaseNote } from '@/platform/updates/common/releaseService'
 import { useReleaseStore } from '@/platform/updates/common/releaseStore'
 import { useCommandStore } from '@/stores/commandStore'
 import { electronAPI } from '@/utils/envUtil'
-import { formatVersionAnchor } from '@/utils/formatUtil'
+import { formatVersionAnchor } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { useConflictAcknowledgment } from '@/workbench/extensions/manager/composables/useConflictAcknowledgment'
 import { useManagerState } from '@/workbench/extensions/manager/composables/useManagerState'
 import { useComfyManagerService } from '@/workbench/extensions/manager/services/comfyManagerService'

src/components/searchbox/NodeSearchItem.vue

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

src/components/searchbox/v2/NodeSearchListItem.vue

@@ -131,7 +131,10 @@ import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import { useNodeFrequencyStore } from '@/stores/nodeDefStore'
 import { CORE_NODE_MODULES, NodeSourceType } from '@/types/nodeSource'
 import { getProviderIcon, getProviderName } from '@/utils/categoryUtil'
-import { formatNumberWithSuffix, highlightQuery } from '@/utils/formatUtil'
+import {
+  formatNumberWithSuffix,
+  highlightQuery
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 
 const {

src/components/sidebar/ComfyMenuButton.vue

@@ -121,7 +121,7 @@ import { useSettingsDialog } from '@/platform/settings/composables/useSettingsDi
 import { useCommandStore } from '@/stores/commandStore'
 import { useMenuItemStore } from '@/stores/menuItemStore'
 import { useColorPaletteStore } from '@/stores/workspace/colorPaletteStore'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { whileMouseDown } from '@/utils/mouseDownUtil'
 import { useManagerState } from '@/workbench/extensions/manager/composables/useManagerState'
 import { ManagerTab } from '@/workbench/extensions/manager/types/comfyManagerTypes'

src/components/sidebar/tabs/AssetsSidebarListView.vue

@@ -84,7 +84,7 @@ import {
   formatSize,
   getMediaTypeFromFilename,
   truncateFilename
-} from '@/utils/formatUtil'
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 
 const {

src/components/sidebar/tabs/AssetsSidebarTab.vue

@@ -256,7 +256,7 @@ import {
   formatDuration,
   getMediaTypeFromFilename,
   isPreviewableMediaType
-} from '@/utils/formatUtil'
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 
 const Load3dViewerContent = defineAsyncComponent(

src/components/sidebar/tabs/BaseWorkflowsSidebarTab.vue

@@ -179,7 +179,7 @@ import {
   ensureWorkflowSuffix,
   getFilenameDetails,
   getWorkflowSuffix
-} from '@/utils/formatUtil'
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { buildTree, sortedTree } from '@/utils/treeUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 

src/composables/auth/useAuthActions.ts

@@ -14,7 +14,7 @@ import { useWorkflowStore } from '@/platform/workflow/management/stores/workflow
 import { useDialogService } from '@/services/dialogService'
 import { useAuthStore } from '@/stores/authStore'
 import type { BillingPortalTargetTier } from '@/stores/authStore'
-import { usdToMicros } from '@/utils/formatUtil'
+import { usdToMicros } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 /**
  * Service for Firebase Auth actions.

src/composables/queue/useJobMenu.ts

@@ -22,7 +22,7 @@ import { useNodeDefStore } from '@/stores/nodeDefStore'
 import { useQueueStore } from '@/stores/queueStore'
 import type { ResultItemImpl, TaskItemImpl } from '@/stores/queueStore'
 import { createAnnotatedPath } from '@/utils/createAnnotatedPath'
-import { appendJsonExt } from '@/utils/formatUtil'
+import { appendJsonExt } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 export type MenuEntry =
   | {

src/composables/useCachedRequest.ts

@@ -1,6 +1,6 @@
 import QuickLRU from '@alloc/quick-lru'
 
-import { paramsToCacheKey } from '@/utils/formatUtil'
+import { paramsToCacheKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const DEFAULT_MAX_SIZE = 50
 

src/composables/useContextMenuTranslation.ts

@@ -8,7 +8,7 @@ import type {
 } from '@/lib/litegraph/src/litegraph'
 import { LGraphCanvas, LiteGraph } from '@/lib/litegraph/src/litegraph'
 import { app } from '@/scripts/app'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 /**
  * Add translation for litegraph context menu.

src/composables/useCoreCommands.ts

@@ -55,7 +55,10 @@ import { useColorPaletteStore } from '@/stores/workspace/colorPaletteStore'
 import { useRightSidePanelStore } from '@/stores/workspace/rightSidePanelStore'
 import { useSearchBoxStore } from '@/stores/workspace/searchBoxStore'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
-import { ensureWorkflowSuffix, getWorkflowSuffix } from '@/utils/formatUtil'
+import {
+  ensureWorkflowSuffix,
+  getWorkflowSuffix
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import {
   getAllNonIoNodesInSubgraph,
   getExecutionIdsForSelectedNodes

src/composables/useWaveAudioPlayer.ts

@@ -3,7 +3,7 @@ import { computed, ref } from 'vue'
 import type { Ref } from 'vue'
 
 import { api } from '@/scripts/api'
-import { formatTime } from '@/utils/formatUtil'
+import { formatTime } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 interface WaveformBar {
   height: number

src/extensions/core/dynamicPrompts.test.ts

@@ -1,6 +1,6 @@
 import { afterEach, describe, expect, it, test, vi } from 'vitest'
 
-import { processDynamicPrompt } from '@/utils/formatUtil'
+import { processDynamicPrompt } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 describe('dynamic prompts', () => {
   afterEach(() => {

src/extensions/core/dynamicPrompts.ts

@@ -1,6 +1,6 @@
 import type { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
 import { useExtensionService } from '@/services/extensionService'
-import { processDynamicPrompt } from '@/utils/formatUtil'
+import { processDynamicPrompt } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 // Allows for simple dynamic prompt replacement
 // Inputs in the format {a|b} will have a random value of a or b chosen when the prompt is queued.

src/platform/assets/components/MediaAssetCard.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import MediaLightbox from '@/components/sidebar/tabs/queue/MediaLightbox.vue'
-import { getMediaTypeFromFilename } from '@/utils/formatUtil'
+import { getMediaTypeFromFilename } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { useMediaAssetGalleryStore } from '../composables/useMediaAssetGalleryStore'
 import type { AssetItem } from '../schemas/assetSchema'

src/platform/assets/components/MediaAssetCard.vue

@@ -152,7 +152,7 @@ import {
   getFilenameDetails,
   getMediaTypeFromFilename,
   isPreviewableMediaType
-} from '@/utils/formatUtil'
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { getAssetType } from '../composables/media/assetMappers'
 import { getAssetUrl } from '../utils/assetUrlUtil'

src/platform/assets/components/MediaAssetContextMenu.vue

@@ -39,7 +39,7 @@ import Button from '@/components/ui/button/Button.vue'
 import { useDismissableOverlay } from '@/composables/useDismissableOverlay'
 import { isCloud } from '@/platform/distribution/types'
 import { supportsWorkflowMetadata } from '@/platform/workflow/utils/workflowExtractionUtil'
-import { isPreviewableMediaType } from '@/utils/formatUtil'
+import { isPreviewableMediaType } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { detectNodeTypeFromFilename } from '@/utils/loaderNodeUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 

src/platform/assets/composables/useMediaAssetFiltering.ts

@@ -5,7 +5,7 @@ import { computed, ref } from 'vue'
 import type { Ref } from 'vue'
 
 import type { AssetItem } from '@/platform/assets/schemas/assetSchema'
-import { getMediaTypeFromFilename } from '@/utils/formatUtil'
+import { getMediaTypeFromFilename } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 type SortOption = 'newest' | 'oldest' | 'longest' | 'fastest'
 

src/platform/assets/utils/assetMetadataUtils.ts

@@ -1,6 +1,6 @@
 import type { AssetItem } from '@/platform/assets/schemas/assetSchema'
 import { isCloud } from '@/platform/distribution/types'
-import { isCivitaiUrl } from '@/utils/formatUtil'
+import { isCivitaiUrl } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 /**
  * Type-safe utilities for extracting metadata from assets.

src/platform/distribution/cloudPreviewUtil.ts

@@ -1,4 +1,4 @@
-import { getMediaTypeFromFilename } from '@/utils/formatUtil'
+import { getMediaTypeFromFilename } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { isCloud } from './types'
 

src/platform/missingMedia/missingMediaAssetResolver.ts

@@ -3,7 +3,10 @@ import { assetService } from '@/platform/assets/services/assetService'
 import { fetchHistoryPage } from '@/platform/remote/comfyui/jobs/fetchJobs'
 import type { JobListItem } from '@/platform/remote/comfyui/jobs/jobTypes'
 import { api } from '@/scripts/api'
-import { getFilePathSeparatorVariants, joinFilePath } from '@/utils/formatUtil'
+import {
+  getFilePathSeparatorVariants,
+  joinFilePath
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { getMediaPathDetectionNames } from './mediaPathDetectionUtil'
 
 const HISTORY_MEDIA_ASSETS_PAGE_SIZE = 200

src/platform/missingModel/components/MissingModelCard.vue

@@ -69,7 +69,7 @@ import Button from '@/components/ui/button/Button.vue'
 import { downloadModel } from '@/platform/missingModel/missingModelDownload'
 import { getDownloadableModels } from '@/platform/missingModel/missingModelViewUtils'
 import { useMissingModelStore } from '@/platform/missingModel/missingModelStore'
-import { formatSize } from '@/utils/formatUtil'
+import { formatSize } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 interface MissingModelRowEntry {
   key: string

src/platform/missingModel/components/MissingModelRow.vue

@@ -211,7 +211,7 @@ import {
   isModelDownloadable,
   toBrowsableUrl
 } from '@/platform/missingModel/missingModelDownload'
-import { formatSize } from '@/utils/formatUtil'
+import { formatSize } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const {
   model,

src/platform/missingModel/missingModelDownload.ts

@@ -1,4 +1,7 @@
-import { downloadUrlToHfRepoUrl, isCivitaiModelUrl } from '@/utils/formatUtil'
+import {
+  downloadUrlToHfRepoUrl,
+  isCivitaiModelUrl
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { isDesktop } from '@/platform/distribution/types'
 import { useElectronDownloadStore } from '@/stores/electronDownloadStore'
 import { useSidebarTabStore } from '@/stores/workspace/sidebarTabStore'

src/platform/settings/components/SettingGroup.vue

@@ -29,7 +29,7 @@
 <script setup lang="ts">
 import SettingItem from '@/platform/settings/components/SettingItem.vue'
 import type { SettingParams } from '@/platform/settings/types'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 defineProps<{
   group: {

src/platform/settings/components/SettingItem.vue

@@ -33,7 +33,7 @@ import { useSettingStore } from '@/platform/settings/settingStore'
 import type { SettingOption, SettingParams } from '@/platform/settings/types'
 import { useTelemetry } from '@/platform/telemetry'
 import type { Settings } from '@/schemas/apiSchema'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const props = defineProps<{
   setting: SettingParams

src/platform/settings/composables/useSettingSearch.ts

@@ -7,7 +7,7 @@ import {
   useSettingStore
 } from '@/platform/settings/settingStore'
 import type { ISettingGroup, SettingParams } from '@/platform/settings/types'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { useVueFeatureFlags } from '@/composables/useVueFeatureFlags'
 
 interface SearchableNavItem {

src/platform/settings/composables/useSettingUI.ts

@@ -14,7 +14,7 @@ import {
 import type { SettingTreeNode } from '@/platform/settings/settingStore'
 import type { SettingPanelType, SettingParams } from '@/platform/settings/types'
 import type { NavGroupData } from '@/types/navTypes'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { buildTree } from '@/utils/treeUtil'
 
 const CATEGORY_ICONS: Record<string, string> = {

src/platform/updates/common/releaseStore.ts

@@ -6,7 +6,7 @@ import { computed, ref } from 'vue'
 import { isCloud, isDesktop } from '@/platform/distribution/types'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useSystemStatsStore } from '@/stores/systemStatsStore'
-import { stringToLocale } from '@/utils/formatUtil'
+import { stringToLocale } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { useReleaseService } from './releaseService'
 import type { ReleaseNote } from './releaseService'

src/platform/updates/components/ReleaseNotificationToast.vue

@@ -57,7 +57,7 @@ import { useErrorHandling } from '@/composables/useErrorHandling'
 import { useExternalLink } from '@/composables/useExternalLink'
 import { useCommandStore } from '@/stores/commandStore'
 import { isDesktop } from '@/platform/distribution/types'
-import { formatVersionAnchor } from '@/utils/formatUtil'
+import { formatVersionAnchor } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { renderMarkdownToHtml } from '@/utils/markdownRendererUtil'
 
 import type { ReleaseNote } from '../common/releaseService'

src/platform/updates/components/WhatsNewPopup.vue

@@ -57,7 +57,7 @@ import { useI18n } from 'vue-i18n'
 
 import Button from '@/components/ui/button/Button.vue'
 import { useExternalLink } from '@/composables/useExternalLink'
-import { formatVersionAnchor } from '@/utils/formatUtil'
+import { formatVersionAnchor } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { renderMarkdownToHtml } from '@/utils/markdownRendererUtil'
 
 import type { ReleaseNote } from '../common/releaseService'

src/platform/workflow/core/services/workflowActionsService.ts

@@ -10,7 +10,7 @@ import { useWorkflowStore } from '@/platform/workflow/management/stores/workflow
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useDialogService } from '@/services/dialogService'
-import { appendJsonExt } from '@/utils/formatUtil'
+import { appendJsonExt } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { t } from '@/i18n'
 
 /**

src/platform/workflow/core/services/workflowService.ts

@@ -35,7 +35,7 @@ import {
   appendJsonExt,
   appendWorkflowJsonExt,
   generateUUID
-} from '@/utils/formatUtil'
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import type { AppMode } from '@/utils/appMode'
 
 function linearModeToAppMode(linearMode: unknown): AppMode | null {

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

@@ -26,7 +26,10 @@ import {
   parseNodeExecutionId,
   parseNodeLocatorId
 } from '@/types/nodeIdentification'
-import { generateUUID, getPathDetails } from '@/utils/formatUtil'
+import {
+  generateUUID,
+  getPathDetails
+} from '@comfyorg/shared-frontend-utils/formatUtil'
 import { syncEntities } from '@/utils/syncUtil'
 import { isSubgraph } from '@/utils/typeGuardUtil'
 import { ComfyWorkflow } from './comfyWorkflow'

src/platform/workflow/sharing/components/ShareWorkflowDialogContent.vue

@@ -209,7 +209,7 @@ import { useWorkflowService } from '@/platform/workflow/core/services/workflowSe
 import { useShareFlowContext } from '@/platform/workflow/sharing/composables/useShareFlowContext'
 import { useFeatureFlags } from '@/composables/useFeatureFlags'
 import { useTelemetry } from '@/platform/telemetry'
-import { appendJsonExt } from '@/utils/formatUtil'
+import { appendJsonExt } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 
 const { onClose } = defineProps<{

src/platform/workflow/sharing/components/publish/ComfyHubPublishDialog.vue

@@ -102,7 +102,7 @@ import { useWorkflowShareService } from '@/platform/workflow/sharing/services/wo
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
 import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
 import type { ComfyHubPublishFormData } from '@/platform/workflow/sharing/types/comfyHubTypes'
-import { appendJsonExt } from '@/utils/formatUtil'
+import { appendJsonExt } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { OnCloseKey } from '@/types/widgetTypes'
 
 const { onClose } = defineProps<{

src/platform/workflow/templates/repositories/workflowTemplatesStore.ts

@@ -6,7 +6,7 @@ import { isCloud } from '@/platform/distribution/types'
 import { api } from '@/scripts/api'
 import type { NavGroupData, NavItemData } from '@/types/navTypes'
 import { generateCategoryId, getCategoryIcon } from '@/utils/categoryUtil'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { zLogoIndex } from '../schemas/templateSchema'
 import type { LogoIndex } from '../schemas/templateSchema'

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

@@ -9,7 +9,7 @@ import type { SafeWidgetData } from '@/composables/graph/useGraphNodeManager'
 import { st, stRaw } from '@/i18n'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useNodeDefStore } from '@/stores/nodeDefStore'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { cn } from '@comfyorg/tailwind-utils'
 
 // PrimeVue adds this internal property to elements with tooltips

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

@@ -95,7 +95,7 @@ import { isDOMWidget } from '@/scripts/domWidget'
 import { useAudioPlayback } from '../composables/audio/useAudioPlayback'
 import { useAudioRecorder } from '../composables/audio/useAudioRecorder'
 import { useAudioWaveform } from '../composables/audio/useAudioWaveform'
-import { formatTime } from '@/utils/formatUtil'
+import { formatTime } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const { t } = useI18n()
 

src/renderer/extensions/vueNodes/widgets/components/audio/AudioPreviewPlayer.vue

@@ -156,7 +156,7 @@ import { downloadFile } from '@/base/common/downloadUtil'
 import Button from '@/components/ui/button/Button.vue'
 import { cn } from '@comfyorg/tailwind-utils'
 
-import { formatTime } from '@/utils/formatUtil'
+import { formatTime } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 const { t } = useI18n()
 const toast = useToast()

src/renderer/extensions/vueNodes/widgets/composables/useComboWidget.ts

@@ -21,7 +21,7 @@ import type { BaseDOMWidget } from '@/scripts/domWidget'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 import { addValueControlWidgets } from '@/scripts/widgets'
 import { useAssetsStore } from '@/stores/assetsStore'
-import { getMediaTypeFromFilename } from '@/utils/formatUtil'
+import { getMediaTypeFromFilename } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { useRemoteWidget } from './useRemoteWidget'
 

src/renderer/extensions/vueNodes/widgets/composables/useWidgetSelectItems.ts

@@ -28,7 +28,7 @@ import type { AssetItem } from '@/platform/assets/schemas/assetSchema'
 import { resolveOutputAssetItems } from '@/platform/assets/utils/outputAssetUtil'
 import type { IAssetsProvider } from '@/platform/assets/composables/media/IAssetsProvider'
 import type { AssetKind } from '@/types/widgetTypes'
-import { getMediaTypeFromFilename } from '@/utils/formatUtil'
+import { getMediaTypeFromFilename } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 function getDisplayLabel(
   value: string,

src/scripts/domWidget.ts

@@ -14,7 +14,7 @@ import type {
 import { LegacyWidget } from '@/lib/litegraph/src/widgets/LegacyWidget'
 import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import { useDomWidgetStore } from '@/stores/domWidgetStore'
-import { generateUUID } from '@/utils/formatUtil'
+import { generateUUID } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 export interface BaseDOMWidget<
   V extends object | string = object | string

src/services/litegraphService.ts

@@ -63,7 +63,7 @@ import { useFavoritedWidgetsStore } from '@/stores/workspace/favoritedWidgetsSto
 import { useRightSidePanelStore } from '@/stores/workspace/rightSidePanelStore'
 import { useWidgetStore } from '@/stores/widgetStore'
 import type { WidgetId } from '@/types/widgetId'
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 import {
   isAnimatedOutput,
   isImageNode,

src/services/providers/algoliaSearchProvider.ts

@@ -22,7 +22,7 @@ import type {
   SearchPacksResult,
   SortableField
 } from '@/types/searchServiceTypes'
-import { paramsToCacheKey } from '@/utils/formatUtil'
+import { paramsToCacheKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { SortableAlgoliaField } from '@/workbench/extensions/manager/types/comfyManagerTypes'
 
 type RegistryNodePack = components['schemas']['Node']

src/stores/aboutPanelStore.ts

@@ -5,7 +5,7 @@ import { useExternalLink } from '@/composables/useExternalLink'
 import { isCloud, isDesktop } from '@/platform/distribution/types'
 import type { AboutPageBadge } from '@/types/comfy'
 import { electronAPI } from '@/utils/envUtil'
-import { formatCommitHash } from '@/utils/formatUtil'
+import { formatCommitHash } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 import { useExtensionStore } from './extensionStore'
 import { useSystemStatsStore } from './systemStatsStore'

src/stores/nodeOutputStore.ts

@@ -15,7 +15,7 @@ import { api } from '@/scripts/api'
 import { app } from '@/scripts/app'
 import { clone } from '@/scripts/utils'
 import type { NodeLocatorId } from '@/types/nodeIdentification'
-import { parseFilePath } from '@/utils/formatUtil'
+import { parseFilePath } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { executionIdToNodeLocatorId } from '@/utils/graphTraversalUtil'
 import {
   isAnimatedOutput,

src/stores/queueStore.ts

@@ -22,7 +22,7 @@ import { getJobDetail } from '@/services/jobOutputCache'
 import { useNodeOutputStore } from '@/stores/nodeOutputStore'
 import { useExecutionStore } from '@/stores/executionStore'
 import { useSettingStore } from '@/platform/settings/settingStore'
-import { getMediaTypeFromFilename } from '@/utils/formatUtil'
+import { getMediaTypeFromFilename } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 enum TaskItemDisplayStatus {
   Running = 'Running',

src/stores/userFileStore.ts

@@ -4,7 +4,7 @@ import { computed, ref } from 'vue'
 import type { UserDataFullInfo } from '@/schemas/apiSchema'
 import { api } from '@/scripts/api'
 import type { TreeExplorerNode } from '@/types/treeExplorerTypes'
-import { getPathDetails } from '@/utils/formatUtil'
+import { getPathDetails } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { syncEntities } from '@/utils/syncUtil'
 import { buildTree } from '@/utils/treeUtil'
 

src/utils/electronMirrorCheck.ts

@@ -1,5 +1,5 @@
 import { electronAPI } from '@/utils/envUtil'
-import { isValidUrl } from '@/utils/formatUtil'
+import { isValidUrl } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 /**
  * Check if a mirror is reachable from the electron App.

src/utils/nodeTitleUtil.ts

@@ -1,4 +1,4 @@
-import { normalizeI18nKey } from '@/utils/formatUtil'
+import { normalizeI18nKey } from '@comfyorg/shared-frontend-utils/formatUtil'
 
 type NodeTitleInfo = {
   title?: string | number | null

src/utils/queueDisplay.ts

@@ -1,6 +1,6 @@
 import type { TaskItemImpl } from '@/stores/queueStore'
 import type { JobState } from '@/types/queue'
-import { formatDuration } from '@/utils/formatUtil'
+import { formatDuration } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { clampPercentInt, formatPercent0 } from '@/utils/numberUtil'
 
 export type BuildJobDisplayCtx = {

src/utils/searchAndReplace.ts

@@ -1,5 +1,5 @@
 import type { LGraph, Subgraph } from '@/lib/litegraph/src/litegraph'
-import { formatDate } from '@/utils/formatUtil'
+import { formatDate } from '@comfyorg/shared-frontend-utils/formatUtil'
 import { collectAllNodes } from '@/utils/graphTraversalUtil'
 
 export function applyTextReplacements(

src/workbench/extensions/manager/components/manager/infoPanel/tabs/DescriptionTabPanel.vue

@@ -61,7 +61,7 @@ import { useI18n } from 'vue-i18n'
 
 import ModelInfoField from '@/platform/assets/components/modelInfo/ModelInfoField.vue'
 import type { components } from '@/types/comfyRegistryTypes'
-import { isValidUrl } from '@/utils/formatUtil'
+import { isValidUrl } from '@comfyorg/shared-frontend-utils/formatUtil'
 import MarkdownText from '@/workbench/extensions/manager/components/manager/infoPanel/MarkdownText.vue'
 
 const { t } = useI18n()