From 500a3f6f4bd684abe6e2905b7047e38d8a9e1633 Mon Sep 17 00:00:00 2001
From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>
Date: Sat, 19 Oct 2024 00:42:43 -0400
Subject: [PATCH] not broken

---
 apps/repl/app/components/limber/layout/index.gts | 11 +++++++++--
 apps/repl/app/components/limber/layout/state.ts  |  8 ++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/apps/repl/app/components/limber/layout/index.gts b/apps/repl/app/components/limber/layout/index.gts
index c84e4286e..3033774c9 100644
--- a/apps/repl/app/components/limber/layout/index.gts
+++ b/apps/repl/app/components/limber/layout/index.gts
@@ -53,6 +53,13 @@ const containerDirection = (state) => {
   return isHorizontalSplit(state.snapshot);
 };
 
+function updateOrientation(isVertical: boolean) {
+  return {
+    type: 'ORIENTATION',
+    isVertical,
+  };
+}
+
 export const Layout: TOC<{
   Blocks: {
     editor: [];
@@ -67,7 +74,7 @@ export const Layout: TOC<{
 
             But XState is an *evented* system, so we have to send events.
         }}
-        {{effect (fn state.send "ORIENTATION" (hash isVertical=isVertical))}}
+        {{effect (fn state.send (updateOrientation isVertical))}}
 
         <div
           {{! row = left to right, col = top to bottom }}
@@ -79,7 +86,7 @@ export const Layout: TOC<{
             <Controls
               @isMinimized={{state.matches "hasContainer.minimized"}}
               @isMaximized={{state.matches "hasContainer.maximized"}}
-              @needsControls={{toBoolean state.context.container}}
+              @needsControls={{toBoolean state.snapshot.context.container}}
               @splitHorizontally={{horizontallySplit}}
               @send={{state.send}}
             />
diff --git a/apps/repl/app/components/limber/layout/state.ts b/apps/repl/app/components/limber/layout/state.ts
index bb6a9e6db..a8c5714a8 100644
--- a/apps/repl/app/components/limber/layout/state.ts
+++ b/apps/repl/app/components/limber/layout/state.ts
@@ -183,10 +183,10 @@ export const LayoutState = setup({
       target: '.hasContainer',
       actions: assign({
         handle: ({ event }) => event.container.nextElementSibling,
-        container: ({ event }) => event.container.container,
-        observer: ({ event }) => event.container.observer,
-        maximize: ({ event }) => event.container.maximize,
-        minimize: ({ event }) => event.container.minimize,
+        container: ({ event }) => event.container,
+        observer: ({ event }) => event.observer,
+        maximize: ({ event }) => event.maximize,
+        minimize: ({ event }) => event.minimize,
       }),
     },
     CONTAINER_REMOVED: {