removed empty placeholder images for drag, removed redundant local sanitization helper

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-list/components/folder-item/folder-item.tsx

@@ -29,16 +29,6 @@ import { generateCreativeWorkflowName } from '@/stores/workflows/registry/utils'
 
 const logger = createLogger('FolderItem')
 
-let EMPTY_DRAG_IMAGE: HTMLImageElement | null = null
-function getEmptyDragImage(): HTMLImageElement {
-  if (!EMPTY_DRAG_IMAGE && typeof window !== 'undefined') {
-    EMPTY_DRAG_IMAGE = new Image(1, 1)
-    EMPTY_DRAG_IMAGE.src =
-      'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='
-  }
-  return EMPTY_DRAG_IMAGE!
-}
-
 interface FolderItemProps {
   folder: FolderTreeNode
   level: number
@@ -160,11 +150,6 @@ export function FolderItem({
         return
       }
 
-      const emptyImg = getEmptyDragImage()
-      if (emptyImg?.complete) {
-        e.dataTransfer.setDragImage(emptyImg, 0, 0)
-      }
-
       e.dataTransfer.setData('folder-id', folder.id)
       e.dataTransfer.effectAllowed = 'move'
       onDragStartProp?.()

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-list/components/workflow-item/workflow-item.tsx

@@ -24,16 +24,6 @@ import { useFolderStore } from '@/stores/folders/store'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
 
-let EMPTY_DRAG_IMAGE: HTMLImageElement | null = null
-function getEmptyDragImage(): HTMLImageElement {
-  if (!EMPTY_DRAG_IMAGE && typeof window !== 'undefined') {
-    EMPTY_DRAG_IMAGE = new Image(1, 1)
-    EMPTY_DRAG_IMAGE.src =
-      'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='
-  }
-  return EMPTY_DRAG_IMAGE!
-}
-
 interface WorkflowItemProps {
   workflow: WorkflowMetadata
   active: boolean
@@ -237,11 +227,6 @@ export function WorkflowItem({
         return
       }
 
-      const emptyImg = getEmptyDragImage()
-      if (emptyImg?.complete) {
-        e.dataTransfer.setDragImage(emptyImg, 0, 0)
-      }
-
       const currentSelection = useFolderStore.getState().selectedWorkflows
       const isCurrentlySelected = currentSelection.has(workflow.id)
       const workflowIds =

apps/sim/app/workspace/[workspaceId]/w/hooks/use-import-workflow.ts

@@ -7,6 +7,7 @@ import {
   extractWorkflowsFromFiles,
   extractWorkflowsFromZip,
   parseWorkflowJson,
+  sanitizePathSegment,
 } from '@/lib/workflows/operations/import-export'
 import { folderKeys, useCreateFolder } from '@/hooks/queries/folders'
 import { useCreateWorkflow, workflowKeys } from '@/hooks/queries/workflows'
@@ -140,7 +141,6 @@ export function useImportWorkflow({ workspaceId }: UseImportWorkflowProps) {
             workspaceId,
           })
           const folderMap = new Map<string, string>()
-          const sanitizeName = (name: string) => name.replace(/[^a-z0-9-_]/gi, '-')
 
           if (metadata?.folders && metadata.folders.length > 0) {
             type ExportedFolder = {
@@ -159,7 +159,7 @@ export function useImportWorkflow({ workspaceId }: UseImportWorkflowProps) {
               let currentId: string | null = folderId
               while (currentId && foldersById.has(currentId)) {
                 const folder: ExportedFolder = foldersById.get(currentId)!
-                pathParts.unshift(sanitizeName(folder.name))
+                pathParts.unshift(sanitizePathSegment(folder.name))
                 currentId = folder.parentId
               }
               return pathParts.join('/')

apps/sim/app/workspace/[workspaceId]/w/hooks/use-import-workspace.ts

@@ -5,6 +5,7 @@ import {
   extractWorkflowName,
   extractWorkflowsFromZip,
   parseWorkflowJson,
+  sanitizePathSegment,
 } from '@/lib/workflows/operations/import-export'
 import { useCreateFolder } from '@/hooks/queries/folders'
 import { useWorkflowDiffStore } from '@/stores/workflow-diff/store'
@@ -70,7 +71,6 @@ export function useImportWorkspace({ onSuccess }: UseImportWorkspaceProps = {})
         logger.info('Created new workspace:', newWorkspace)
 
         const folderMap = new Map<string, string>()
-        const sanitizeName = (name: string) => name.replace(/[^a-z0-9-_]/gi, '-')
 
         if (metadata?.folders && metadata.folders.length > 0) {
           type ExportedFolder = {
@@ -89,7 +89,7 @@ export function useImportWorkspace({ onSuccess }: UseImportWorkspaceProps = {})
             let currentId: string | null = folderId
             while (currentId && foldersById.has(currentId)) {
               const folder: ExportedFolder = foldersById.get(currentId)!
-              pathParts.unshift(sanitizeName(folder.name))
+              pathParts.unshift(sanitizePathSegment(folder.name))
               currentId = folder.parentId
             }
             return pathParts.join('/')