Workspaces layout, automation page

src/workspaces/hooks/src/index.ts

@@ -1,4 +1,5 @@
 export { useGlobal } from './useGlobal';
+export { usePanelChannel } from './usePanelChannel';
 export { useClient, createClient } from './useClient';
 export { useDebounce } from './useDebounce';
 export { useDragAndDrop } from './useDragAndDrop';

src/workspaces/hooks/src/usePanelChannel.ts

@@ -0,0 +1,5 @@
+import { useGlobal } from './useGlobal';
+
+export const usePanelChannel = <T>(channel: string, initialData: T) => {
+  return useGlobal<T>(['PANEL_CHANNEL', channel], initialData);
+};