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/TileSplit.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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

diff --git a/src/features/layout/ui/TileSplit.svelte b/src/features/layout/ui/TileSplit.svelte
index 1f0ec64..b41f9fc 100644
--- a/src/features/layout/ui/TileSplit.svelte
+++ b/src/features/layout/ui/TileSplit.svelte
@@ -8,6 +8,7 @@
    */
   import type { LayoutOp, Path, SplitNode } from "@dispatch/layout-contract";
   import type { CollapseStore } from "../logic/collapse";
+  import { markerOutline } from "../logic/marker";
   import TileNode from "./TileNode.svelte";
 
   let {
@@ -38,7 +39,7 @@
 </script>
 
 {#if node.dir === "col"}
-  <div class="flex min-h-0 w-full flex-col">
+  <div class="flex min-h-0 w-full flex-col" style:outline={markerOutline(node.marker)}>
     {#each node.children as child, i (i)}
       {@const key = keyOf(i, child.node.id)}
       <div
@@ -50,7 +51,7 @@
     {/each}
   </div>
 {:else}
-  <div class="flex min-h-0 h-full flex-row">
+  <div class="flex min-h-0 h-full flex-row" style:outline={markerOutline(node.marker)}>
     {#each node.children as child, i (i)}
       {@const key = keyOf(i, child.node.id)}
       {#if child.collapsible}
-- 
cgit v1.2.3