fix edge cases

Author: icecrasher321

apps/sim/app/api/workspaces/route.ts

@@ -13,6 +13,7 @@ const logger = createLogger('Workspaces')
 
 const createWorkspaceSchema = z.object({
   name: z.string().trim().min(1, 'Name is required'),
+  skipDefaultWorkflow: z.boolean().optional().default(false),
 })
 
 // Get all workspaces for the current user
@@ -63,9 +64,9 @@ export async function POST(req: Request) {
   }
 
   try {
-    const { name } = createWorkspaceSchema.parse(await req.json())
+    const { name, skipDefaultWorkflow } = createWorkspaceSchema.parse(await req.json())
 
-    const newWorkspace = await createWorkspace(session.user.id, name)
+    const newWorkspace = await createWorkspace(session.user.id, name, skipDefaultWorkflow)
 
     return NextResponse.json({ workspace: newWorkspace })
   } catch (error) {
@@ -80,7 +81,7 @@ async function createDefaultWorkspace(userId: string, userName?: string | null)
   return createWorkspace(userId, workspaceName)
 }
 
-async function createWorkspace(userId: string, name: string) {
+async function createWorkspace(userId: string, name: string, skipDefaultWorkflow = false) {
   const workspaceId = crypto.randomUUID()
   const workflowId = crypto.randomUUID()
   const now = new Date()
@@ -97,7 +98,6 @@ async function createWorkspace(userId: string, name: string) {
         updatedAt: now,
       })
 
-      // Create admin permissions for the workspace owner
       await tx.insert(permissions).values({
         id: crypto.randomUUID(),
         entityType: 'workspace' as const,
@@ -108,37 +108,41 @@ async function createWorkspace(userId: string, name: string) {
         updatedAt: now,
       })
 
-      // Create initial workflow for the workspace (empty canvas)
-      // Create the workflow
-      await tx.insert(workflow).values({
-        id: workflowId,
-        userId,
-        workspaceId,
-        folderId: null,
-        name: 'default-agent',
-        description: 'Your first workflow - start building here!',
-        color: '#3972F6',
-        lastSynced: now,
-        createdAt: now,
-        updatedAt: now,
-        isDeployed: false,
-        runCount: 0,
-        variables: {},
-      })
+      if (!skipDefaultWorkflow) {
+        await tx.insert(workflow).values({
+          id: workflowId,
+          userId,
+          workspaceId,
+          folderId: null,
+          name: 'default-agent',
+          description: 'Your first workflow - start building here!',
+          color: '#3972F6',
+          lastSynced: now,
+          createdAt: now,
+          updatedAt: now,
+          isDeployed: false,
+          runCount: 0,
+          variables: {},
+        })
+      }
 
       logger.info(
-        `Created workspace ${workspaceId} with initial workflow ${workflowId} for user ${userId}`
+        skipDefaultWorkflow
+          ? `Created workspace ${workspaceId} for user ${userId}`
+          : `Created workspace ${workspaceId} with initial workflow ${workflowId} for user ${userId}`
       )
     })
 
-    const { workflowState } = buildDefaultWorkflowArtifacts()
-    const seedResult = await saveWorkflowToNormalizedTables(workflowId, workflowState)
+    if (!skipDefaultWorkflow) {
+      const { workflowState } = buildDefaultWorkflowArtifacts()
+      const seedResult = await saveWorkflowToNormalizedTables(workflowId, workflowState)
 
-    if (!seedResult.success) {
-      throw new Error(seedResult.error || 'Failed to seed default workflow state')
+      if (!seedResult.success) {
+        throw new Error(seedResult.error || 'Failed to seed default workflow state')
+      }
     }
   } catch (error) {
-    logger.error(`Failed to create workspace ${workspaceId} with initial workflow:`, error)
+    logger.error(`Failed to create workspace ${workspaceId}:`, error)
     throw error
   }
 

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

@@ -33,7 +33,7 @@ function DropIndicatorLine({ show, level = 0 }: { show: boolean; level?: number
       className='pointer-events-none absolute left-0 right-0 z-20 flex items-center'
       style={{ paddingLeft: `${level * TREE_SPACING.INDENT_PER_LEVEL}px` }}
     >
-      <div className='h-[2px] flex-1 rounded-full bg-[#0096FF]' />
+      <div className='h-[2px] flex-1 rounded-full bg-gray-400/60' />
     </div>
   )
 }
@@ -163,7 +163,7 @@ export function WorkflowList({
               active={isWorkflowActive(workflow.id)}
               level={level}
               onWorkflowClick={handleWorkflowClick}
-              onDragStart={() => handleDragStart('workflow')}
+              onDragStart={() => handleDragStart('workflow', folderId)}
               onDragEnd={handleDragEnd}
             />
           </div>
@@ -224,18 +224,21 @@ export function WorkflowList({
       return (
         <div key={folder.id} className='relative'>
           <DropIndicatorLine show={showBefore} level={level} />
+          {/* Drop target highlight overlay - covers entire folder section */}
           <div
             className={clsx(
-              'rounded-[4px] transition-colors duration-75',
-              showInside && isDragging && 'bg-[#0096FF]/10'
+              'pointer-events-none absolute inset-0 z-10 rounded-[4px] transition-opacity duration-75',
+              showInside && isDragging ? 'bg-gray-400/20 opacity-100' : 'opacity-0'
             )}
+          />
+          <div
             style={{ paddingLeft: `${level * TREE_SPACING.INDENT_PER_LEVEL}px` }}
             {...createFolderDragHandlers(folder.id, parentFolderId)}
           >
             <FolderItem
               folder={folder}
               level={level}
-              onDragStart={() => handleDragStart('folder')}
+              onDragStart={() => handleDragStart('folder', parentFolderId)}
               onDragEnd={handleDragEnd}
             />
           </div>
@@ -314,13 +317,16 @@ export function WorkflowList({
   return (
     <div className='flex min-h-full flex-col pb-[8px]' onClick={handleContainerClick}>
       <div
-        className={clsx(
-          'relative flex-1 rounded-[4px] transition-colors duration-75',
-          !hasRootItems && 'min-h-[26px]',
-          showRootInside && isDragging && 'bg-[#0096FF]/10'
-        )}
+        className={clsx('relative flex-1 rounded-[4px]', !hasRootItems && 'min-h-[26px]')}
         {...rootDropZoneHandlers}
       >
+        {/* Root drop target highlight overlay */}
+        <div
+          className={clsx(
+            'pointer-events-none absolute inset-0 z-10 rounded-[4px] transition-opacity duration-75',
+            showRootInside && isDragging ? 'bg-gray-400/20 opacity-100' : 'opacity-0'
+          )}
+        />
         <div className='space-y-[2px]'>
           {rootItems.map((item) =>
             item.type === 'folder'