git stash

packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte

@@ -3,9 +3,13 @@
   import AppPreview from "./AppPreview.svelte"
   import { store, screenHistoryStore } from "builderStore"
   import UndoRedoControl from "components/common/UndoRedoControl.svelte"
+  import { getHorizontalResizeActions } from './resizable';
+
+  const [resizable, resizableHandle] = getHorizontalResizeActions();
 </script>
 
 <div class="app-panel">
+  <div class="content">
     <div class="header">
       <div class="header-left">
         <UndoRedoControl store={screenHistoryStore} />
@@ -21,10 +25,20 @@
         <AppPreview />
       {/key}
     </div>
+  </div>
+  <div
+    role="separator"
+    class="divider"
+    use:resizableHandle
+  />
 </div>
 
 <style>
   .app-panel {
+    display: flex;
+  }
+
+  .content {
     flex: 1 1 auto;
     overflow-y: auto;
     display: flex;
@@ -52,4 +66,8 @@
   .content {
     flex: 1 1 auto;
   }
+
+  .divider {
+    g
+  }
 </style>