geo intergation

apps/web/src/app/app.tsx

@@ -20,8 +20,9 @@ import { URLParams, setParam } from '@graphpolaris/shared/lib/data-access/api/ur
 import { Schema } from '@graphpolaris/shared/lib/schema/panel';
 import { VisualizationPanel } from '@graphpolaris/shared/lib/vis';
 import { QueryBuilder } from '@graphpolaris/shared/lib/querybuilder';
-import InfoPanel from '@graphpolaris/shared/lib/info/infoPanel';
+import DataViewer from '@graphpolaris/shared/lib/data-viewer';
 import { useVisualizationManager } from '@graphpolaris/shared/lib/vis/manager';
+import ConfigPanel from '@graphpolaris/shared/lib/vis/configuration';
 // const Schema = React.lazy(() => import('@graphpolaris/shared/lib/schema/panel'));
 // const VisualizationPanel = React.lazy(() => import('@graphpolaris/shared/lib/vis'));
 // const QueryBuilder = React.lazy(() => import('@graphpolaris/shared/lib/querybuilder'));
@@ -78,7 +79,7 @@ export function App(props: App) {
               <main className="flex w-screen h-[calc(100%-4.2rem)]">
                 <Resizable divisorSize={3} horizontal={true} defaultProportion={0.33}>
                   <div className="h-full w-full">
-                    <InfoPanel auth={authCheck} manager={manager} />
+                    <DataViewer auth={authCheck} manager={manager} />
                   </div>
                   <div className="h-full w-full">
                     <Resizable divisorSize={3} horizontal={false}>
@@ -91,6 +92,9 @@ export function App(props: App) {
                     </Resizable>
                   </div>
                 </Resizable>
+                <div className="h-full w-56 ml-1">
+                  <ConfigPanel manager={manager} />
+                </div>
               </main>
             </div>
           </div>