feat(reorder): allow workflow/folder reordering

[icecrasher321]

Summary

Support reordering of workflows / folders. Maintains on export/import.

Type of Change

• New feature

Testing

Tested manually

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
docs	Skipped		Jan 14, 2026 11:52pm

[greptile-apps]

Greptile Summary

• Implements comprehensive drag-and-drop reordering system for workflows and folders with persistent sortOrder field, database migrations, and API endpoints for batch reorder operations
• Preserves ordering across export/import cycles by extending metadata structures and implementing folder hierarchy recreation during workspace imports
• Adds visual drag-and-drop UI with drop indicators, empty drag images, auto-scroll, hover-to-expand folders, and optimistic updates for responsive user experience

Important Files Changed

Filename	Overview
packages/db/schema.ts	Added sortOrder column to workflow table with composite index for efficient folder-based sorting queries
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/hooks/use-drag-drop.ts	Replaced simple folder-based drag system with comprehensive position-based reordering supporting before/after/inside positions
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-list/workflow-list.tsx	Implemented drag-and-drop UI with drop indicators, unified rendering of folders/workflows by sortOrder, and visual feedback
apps/sim/hooks/queries/workflows.ts	Added comprehensive workflow reordering support with optimistic updates, automatic sort order calculation, and error rollback
apps/sim/lib/workflows/operations/import-export.ts	Extended export/import to preserve sortOrder for workflows and folders while maintaining backward compatibility

Confidence score: 4/5

• This PR introduces a comprehensive reordering system with multiple coordinated changes across frontend, backend, and database layers
• Score reflects the complexity of coordinated changes across many files, though individual implementations appear solid with proper validation and error handling
• Pay close attention to the drag-drop hook logic and import/export functions where complex state management and data transformation could introduce edge cases

Sequence Diagram

sequenceDiagram
    participant User
    participant API as PUT /api/workflows/reorder
    participant Auth as getSession
    participant Permissions as getUserEntityPermissions
    participant DB as Database
    participant Store as useWorkflowRegistry

    User->>API: "PUT /api/workflows/reorder with workspaceId and updates"
    API->>Auth: "getSession()"
    Auth-->>API: "session with user.id"
    API->>API: "Parse and validate request body with ReorderSchema"
    API->>Permissions: "getUserEntityPermissions(userId, workspace, workspaceId)"
    Permissions-->>API: "permission type"
    API->>DB: "SELECT workflows by id IN updates"
    DB-->>API: "existing workflows"
    API->>API: "Filter validIds in workspace"
    API->>DB: "Begin transaction: UPDATE workflow SET sortOrder, folderId, updatedAt"
    DB-->>API: "transaction complete"
    API->>Store: "Optimistic update: set sortOrder and folderId"
    Store-->>API: "state updated"
    API-->>User: "Success response with updated count"

Loading

[waleedlatif1]

@greptile

[greptile-apps]

_{25 files reviewed, 4 comments}

_{Edit Code Review Agent Settings | Greptile}