From a104c094b588560f955ff52dc7f949cf3c355f94 Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Sat, 5 Sep 2026 00:34:45 +0900
Subject: feat(layout): plan 01 — tile engine + view registry
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/layout/ui/TileNode.svelte | 37 ++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/features/layout/ui/TileNode.svelte

(limited to 'src/features/layout/ui/TileNode.svelte')

diff --git a/src/features/layout/ui/TileNode.svelte b/src/features/layout/ui/TileNode.svelte
new file mode 100644
index 0000000..5ed8a89
--- /dev/null
+++ b/src/features/layout/ui/TileNode.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+  /**
+   * The recursive tile dispatcher: renders the node for its `kind` and recurses
+   * through the container components. Leaf nodes resolve through the view
+   * registry (TileLeaf).
+   */
+  import type { LayoutNode, LayoutOp, Path } from "@dispatch/layout-contract";
+  import type { CollapseStore } from "../logic/collapse";
+  import TileLeaf from "./TileLeaf.svelte";
+  import TilePanels from "./TilePanels.svelte";
+  import TileSplit from "./TileSplit.svelte";
+  import TileStack from "./TileStack.svelte";
+
+  let {
+    node,
+    path,
+    ports,
+    collapse,
+    onEdit,
+  }: {
+    node: LayoutNode;
+    path: Path;
+    ports?: unknown;
+    collapse: CollapseStore;
+    onEdit: (ops: readonly LayoutOp[]) => void;
+  } = $props();
+</script>
+
+{#if node.kind === "split"}
+  <TileSplit {node} {path} {ports} {collapse} {onEdit} />
+{:else if node.kind === "stack"}
+  <TileStack {node} {path} {ports} {collapse} {onEdit} />
+{:else if node.kind === "panels"}
+  <TilePanels {node} {path} {ports} {onEdit} />
+{:else if node.kind === "leaf"}
+  <TileLeaf {node} {ports} />
+{/if}
-- 
cgit v1.2.3