From c01c06196c861ab5938909e41296f83233aa68e9 Mon Sep 17 00:00:00 2001
From: Brian Ward <bward@flatironinstitute.org>
Date: Wed, 4 Dec 2024 16:34:48 +0000
Subject: [PATCH] Allow sampler output view to be vertically expanded

---
 .../HomePage/SamplingWindow/SamplingWindow.tsx      | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/gui/src/app/pages/HomePage/SamplingWindow/SamplingWindow.tsx b/gui/src/app/pages/HomePage/SamplingWindow/SamplingWindow.tsx
index b1bfee9..0816f7f 100644
--- a/gui/src/app/pages/HomePage/SamplingWindow/SamplingWindow.tsx
+++ b/gui/src/app/pages/HomePage/SamplingWindow/SamplingWindow.tsx
@@ -1,7 +1,7 @@
 import { FunctionComponent, useCallback, useContext } from "react";
 
+import { Split } from "@geoffcox/react-splitter";
 import Box from "@mui/material/Box";
-import Divider from "@mui/material/Divider";
 import Grid from "@mui/material/Grid";
 import { CompileContext } from "@SpCompilation/CompileContext";
 import RunPanel from "@SpComponents/RunPanel";
@@ -36,7 +36,7 @@ const SamplingWindow: FunctionComponent<SamplingWindowProps> = () => {
   const { sampler, latestRun } = useStanSampler(compiledMainJsUrl);
   const isSampling = latestRun.status === "sampling";
   return (
-    <Box height="100%" display="flex" flexDirection="column">
+    <Split horizontal initialPrimarySize="30%" minSecondarySize="10%">
       <Grid container>
         <Grid item xs={12} sm={4}>
           <SamplingOptsPanel
@@ -54,11 +54,12 @@ const SamplingWindow: FunctionComponent<SamplingWindowProps> = () => {
           />
         </Grid>
       </Grid>
-      <Divider />
-      <Box flex="1" overflow="hidden">
-        <SamplingResultsArea latestRun={latestRun} />
+      <Box height="100%" display="flex" flexDirection="column">
+        <Box flex="1" overflow="hidden">
+          <SamplingResultsArea latestRun={latestRun} />
+        </Box>
       </Box>
-    </Box>
+    </Split>
   );
 };