Auto minimize the sidebar in workflow editor

[ykeremy]

<!-- ELLIPSIS_HIDDEN -->

🚀	This description was created by Ellipsis for commit 5bee7b8

feat: auto minimize sidebar in workflow editor using SidebarStore

Summary:

Introduces SidebarStore for managing sidebar state and updates components to auto-collapse the sidebar.

Key points:

• Introduces SidebarStore for managing sidebar state.
• Updates RootLayout to use useSidebarStore for collapsed state.
• Adjusts sidebar width and icon logic in RootLayout.
• Sets collapsed to true in WorkflowEditor on mount using useMountEffect.

---

Generated with ❤️ by ellipsis.dev

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 5bee7b8 in 8 seconds

More details

• Looked at 52 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx:41

• Draft comment:
  Consider using useEffect directly instead of useMountEffect for better clarity and standard practice.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The use of useMountEffect is not standard and might be confusing. It's better to use useEffect directly for clarity.

2. skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx:33

• Draft comment:
  Simplify the retrieval of setCollapsed.

const setCollapsed = useSidebarStore(state => state.setCollapsed);

• Reason this comment was not posted:
  Confidence changes required: 10%
  The setCollapsed function is being retrieved in a slightly verbose way. It can be simplified.

Workflow ID: wflow_YkjJrzIrmq8DIZhT

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[ellipsis-dev]

👍 Looks good to me! Incremental review on 5bee7b8 in 14 seconds

More details

• Looked at 52 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx:41

• Draft comment:
  Consider using useEffect directly instead of useMountEffect for better clarity and standard practice.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The use of useMountEffect is not standard and might be confusing. It's better to use useEffect directly for clarity.

2. skyvern-frontend/src/store/SidebarStore.ts:10

• Draft comment:
  If the sidebar should always start collapsed in the workflow editor, consider initializing collapsed to true to avoid flicker on mount.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The setCollapsed function is being used correctly, but the initial state of collapsed is set to false in SidebarStore.ts. This might cause a flicker effect when the component mounts and immediately sets it to true. Consider initializing it to true if the sidebar should always start collapsed in the workflow editor.

Workflow ID: wflow_SqBiwo5cVvcFvQgq

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.