diff --git a/Sources/ChromaShell/Blocks/BulitInBlocks/GroupBlock.swift b/Sources/ChromaShell/Blocks/BulitInBlocks/GroupBlock.swift
index 7e99bea..a9cb7d7 100644
--- a/Sources/ChromaShell/Blocks/BulitInBlocks/GroupBlock.swift
+++ b/Sources/ChromaShell/Blocks/BulitInBlocks/GroupBlock.swift
@@ -15,7 +15,7 @@ extension Group {
     }
 }
 
-extension GroupOrientation: Equatable {}
+extension GroupOrientation: Equatable, Codable {}
 public enum GroupOrientation {
     case vertical
     case horizontal
diff --git a/Sources/ChromaShell/Rendering/VisibleNode.swift b/Sources/ChromaShell/Rendering/VisibleNode.swift
index e2e2404..2ccb239 100644
--- a/Sources/ChromaShell/Rendering/VisibleNode.swift
+++ b/Sources/ChromaShell/Rendering/VisibleNode.swift
@@ -1,4 +1,4 @@
-indirect enum VisibleNode {
+indirect enum VisibleNode: Codable {
     // NOTE Maybe replace with .style rendering doesn't care whats selected
     // just what and where things go
     case selected(VisibleNode)