geo intergation

apps/web/src/app/app.tsx

@@ -59,6 +59,7 @@ export function App(props: App) {
 
   const [authCheck, setAuthCheck] = useState(false);
   const [tab, setTab] = useState<SideNavTab>('Schema');
+  const [visFullSize, setVisFullSize] = useState<boolean>(true);
 
   return (
     <div className="h-screen w-screen overflow-clip">
@@ -114,14 +115,33 @@ export function App(props: App) {
                     </div>
                   ) : null}
                   <div className="h-full w-full flex-grow">
-                    <Resizable divisorSize={3} horizontal={false}>
+                    {visFullSize ? (
                       <div className="w-full h-full border">
-                        <VisualizationPanel manager={manager} />
+                        <VisualizationPanel
+                          manager={manager}
+                          fullSize={() => {
+                            setVisFullSize(!visFullSize);
+                            tab === undefined && setTab('Schema');
+                            tab !== undefined && setTab(undefined);
+                          }}
+                        />
                       </div>
-                      <div className="w-full h-full border">
-                        <QueryBuilder onRunQuery={runQuery} />
-                      </div>
-                    </Resizable>
+                    ) : (
+                      <Resizable divisorSize={3} horizontal={false}>
+                        <div className="w-full h-full border">
+                          <VisualizationPanel
+                            manager={manager}
+                            fullSize={() => {
+                              setVisFullSize(!visFullSize);
+                              setTab(undefined);
+                            }}
+                          />
+                        </div>
+                        <div className="w-full h-full border">
+                          <QueryBuilder onRunQuery={runQuery} />
+                        </div>
+                      </Resizable>
+                    )}
                   </div>
                 </Resizable>
                 <div className="h-full w-60 ml-1">