feat(layout): plan 01 — tile engine + view registry

1 files changed, 23 insertions, 0 deletions

diff --git a/src/features/layout/ui/TileLeaf.svelte b/src/features/layout/ui/TileLeaf.svelte
new file mode 100644
index 0000000..cd61b6b
--- /dev/null
+++ b/src/features/layout/ui/TileLeaf.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  /**
+   * Mounts a registered view for a leaf node. Resolution goes through the
+   * REACTIVE registry, so a late registration (plan 03) swaps the tile in
+   * without a tree change. An unknown view id renders a fallback tile —
+   * NEVER a crash (backend-owned trees can name views this client lacks).
+   */
+  import { viewRegistry, type RegisteredView } from "../logic/registry";
+  import FallbackTile from "./FallbackTile.svelte";
+
+  let { node, ports }: { node: { readonly view: string }; ports?: unknown } = $props();
+
+  const entry: RegisteredView | undefined = $derived(
+    $viewRegistry.find((v) => v.id === node.view),
+  );
+  const View = $derived(entry?.component);
+</script>
+
+{#if View}
+  <View {ports} />
+{:else}
+  <FallbackTile viewId={node.view} />
+{/if}