How to share cookies between CEP panels of the same extension ?

Okay i got it working through an article and lots of testing

This is what i got I will simply the names by panel A and panel B also the JS files accordingly So in A.js i use this

var event = new CSEvent();
event.type = "com.sbaril.animdessin2.Panel.foo";
event.scope = "APPLICATION";
event.data = frameLength;
csInterface.dispatchEvent(event);

Then in B.js from the other panel. i add the addEventListener around the init stage. I first had it up in the script, but seems to have caused the issue.

csInterface.addEventListener("com.sbaril.animdessin2.Panel.foo", function(e){
    // console.log("event: "+e.data);
    localStorage.setItem("frameLength", e.data)
});

So now when i  call an certain function in panel A, it send a specific number to panel B and now i can store the same number in the cookies of the other panel.