column manager

packages/web/src/elements/HorizontalSplitter.svelte

@@ -15,7 +15,7 @@
   export let isSplitter = true;
   export let initialValue = undefined;
 
-  let size = 0;
+  export let size = 0;
   let clientWidth;
 
   $: size = computeSplitterSize(initialValue, clientWidth);

packages/web/src/elements/ManagerInnerContainer.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  export let width;
+</script>
+
+<div style={`max-width: ${width}px`}>
+  <slot />
+</div>
+
+<style>
+  div {
+    flex: 1 1;
+    overflow-y: auto;
+    overflow-x: auto;
+  }
+</style>

packages/web/src/elements/SearchBoxWrapper.svelte

@@ -3,6 +3,7 @@
 <style>
   div {
     display: flex;
+    border-bottom: 1px solid var(--theme-border);
     margin-bottom: 5px;
   }
 </style>