From d39cce17765c809cef4555c9640d12ed171cf4af Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Sat, 5 Sep 2026 20:44:09 +0900
Subject: feat(layout): renderer renders tile border markers (main red / side
 green)

---
 src/features/layout/ui/TileStack.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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

diff --git a/src/features/layout/ui/TileStack.svelte b/src/features/layout/ui/TileStack.svelte
index ac7091a..d2ee267 100644
--- a/src/features/layout/ui/TileStack.svelte
+++ b/src/features/layout/ui/TileStack.svelte
@@ -12,6 +12,7 @@
    */
   import type { LayoutOp, Path, StackNode } from "@dispatch/layout-contract";
   import type { CollapseStore } from "../logic/collapse";
+  import { markerOutline } from "../logic/marker";
   import TileNode from "./TileNode.svelte";
 
   let {
@@ -29,7 +30,10 @@
   } = $props();
 </script>
 
-<div class="flex h-full min-h-0 min-w-0 flex-col overflow-hidden">
+<div
+  class="flex h-full min-h-0 min-w-0 flex-col overflow-hidden"
+  style:outline={markerOutline(node.marker)}
+>
   {#each node.children as child, i (i)}
     <div class="min-h-0 min-w-0" style={"flex: " + (child.grow ?? 0) + (child.grow === undefined ? " 0 auto" : " 1 0%")}>
       <TileNode node={child.node} path={[...path, i]} {ports} {collapse} {onEdit} />
-- 
cgit v1.2.3