Auto minimize the sidebar in workflow editor (#848)

skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx

@@ -23,16 +23,25 @@ import {
   BitwardenSensitiveInformationParameter,
   ContextParameter,
 } from "../types/workflowTypes";
+import { useSidebarStore } from "@/store/SidebarStore";
+import { useMountEffect } from "@/hooks/useMountEffect";
 
 function WorkflowEditor() {
   const { workflowPermanentId } = useParams();
   const credentialGetter = useCredentialGetter();
   const queryClient = useQueryClient();
+  const setCollapsed = useSidebarStore((state) => {
+    return state.setCollapsed;
+  });
 
   const { data: workflow, isLoading } = useWorkflowQuery({
     workflowPermanentId,
   });
 
+  useMountEffect(() => {
+    setCollapsed(true);
+  });
+
   const saveWorkflowMutation = useMutation({
     mutationFn: async (data: {
       parameters: Array<ParameterYAML>;

skyvern-frontend/src/store/SidebarStore.ts

@@ -0,0 +1,15 @@
+import { create } from "zustand";
+
+type SidebarStore = {
+  collapsed: boolean;
+  setCollapsed: (collapsed: boolean) => void;
+};
+
+const useSidebarStore = create<SidebarStore>((set) => {
+  return {
+    collapsed: false,
+    setCollapsed: (collapsed: boolean) => set({ collapsed }),
+  };
+});
+
+export { useSidebarStore };