envio 3.11.0 → 3.12.1

package/src/tui/Tui.res

@@ -6,9 +6,9 @@ module ChainLine = {
     ~chainId,
     ~maxChainIdLength,
     ~stdoutColumns: int,
-    ~progressBlock,
-    ~bufferBlock,
-    ~sourceBlock,
+    ~progressBlock: int,
+    ~bufferBlock: int,
+    ~toBlock: int,
     ~startBlock,
     ~endBlock,
     ~poweredByHyperSync,
@@ -18,65 +18,45 @@ module ChainLine = {
     let chainsWidth = Pervasives.min(stdoutColumns - 2, 60)
     let headerWidth = maxChainIdLength + 10 // 10 for additional text
 
-    switch (progressBlock, bufferBlock, sourceBlock) {
-    | (Some(progressBlock), Some(bufferBlock), Some(sourceBlock)) =>
-      let toBlock = switch endBlock {
-      | Some(endBlock) => Pervasives.min(sourceBlock, endBlock)
-      | None => sourceBlock
-      }
-      let progressBlockStr = progressBlock->TuiData.formatLocaleString
-      let toBlockStr = toBlock->TuiData.formatLocaleString
-      let eventsStr = eventsProcessed->TuiData.formatFloatLocaleString
+    let progressBlockStr = progressBlock->TuiData.formatLocaleString
+    let toBlockStr = toBlock->TuiData.formatLocaleString
+    let eventsStr = eventsProcessed->TuiData.formatFloatLocaleString
 
-      let endLabel = ` (End ${blockUnit})`
-      let blocksText =
-        `${blockUnit}s: ${progressBlockStr} / ${toBlockStr}` ++
-        (endBlock->Option.isSome ? endLabel : "") ++ `  `
-      let eventsText = `Events: ${eventsStr}`
+    let endLabel = ` (End ${blockUnit})`
+    let blocksText =
+      `${blockUnit}s: ${progressBlockStr} / ${toBlockStr}` ++
+      (endBlock->Option.isSome ? endLabel : "") ++ `  `
+    let eventsText = `Events: ${eventsStr}`
 
-      let fitsSameLine = blocksText->String.length + eventsText->String.length <= chainsWidth
+    let fitsSameLine = blocksText->String.length + eventsText->String.length <= chainsWidth
 
-      <Box flexDirection={Column}>
-        <Box flexDirection=Row width=Num(chainsWidth)>
-          <Box width={Num(headerWidth)}>
-            <Text> {"Chain: "->React.string} </Text>
-            <Text bold=true> {chainId->React.string} </Text>
-            <Text> {" "->React.string} </Text>
-            {poweredByHyperSync ? <Text color=Secondary> {"⚡"->React.string} </Text> : React.null}
-          </Box>
-          <BufferedProgressBar
-            barWidth={chainsWidth - headerWidth}
-            loaded={progressBlock - startBlock}
-            buffered={bufferBlock - startBlock}
-            outOf={toBlock - startBlock}
-            loadingColor={Secondary}
-          />
-        </Box>
-        <Box flexDirection={Row}>
-          <Text color={Gray}> {blocksText->React.string} </Text>
-          {fitsSameLine ? <Text color={Gray}> {eventsText->React.string} </Text> : React.null}
+    <Box flexDirection={Column}>
+      <Box flexDirection=Row width=Num(chainsWidth)>
+        <Box width={Num(headerWidth)}>
+          <Text> {"Chain: "->React.string} </Text>
+          <Text bold=true> {chainId->React.string} </Text>
+          <Text> {" "->React.string} </Text>
+          {poweredByHyperSync ? <Text color=Secondary> {"⚡"->React.string} </Text> : React.null}
         </Box>
-        {fitsSameLine
-          ? React.null
-          : <Box flexDirection={Row}>
-              <Text color={Gray}> {eventsText->String.trim->React.string} </Text>
-            </Box>}
-        <Newline />
+        <BufferedProgressBar
+          barWidth={chainsWidth - headerWidth}
+          loaded={progressBlock - startBlock}
+          buffered={bufferBlock - startBlock}
+          outOf={toBlock - startBlock}
+          loadingColor={Secondary}
+        />
       </Box>
-    | (_, _, _) =>
-      <>
-        <Box flexDirection=Row width=Num(chainsWidth)>
-          <Box width={Num(headerWidth)}>
-            <Text> {"Chain: "->React.string} </Text>
-            <Text bold=true> {chainId->React.string} </Text>
-            <Text> {" "->React.string} </Text>
-            {poweredByHyperSync ? <Text color=Secondary> {"⚡"->React.string} </Text> : React.null}
-          </Box>
-          <Text> {"Loading progress..."->React.string} </Text>
-        </Box>
-        <Newline />
-      </>
-    }
+      <Box flexDirection={Row}>
+        <Text color={Gray}> {blocksText->React.string} </Text>
+        {fitsSameLine ? <Text color={Gray}> {eventsText->React.string} </Text> : React.null}
+      </Box>
+      {fitsSameLine
+        ? React.null
+        : <Box flexDirection={Row}>
+            <Text color={Gray}> {eventsText->String.trim->React.string} </Text>
+          </Box>}
+      <Newline />
+    </Box>
   }
 }
 
@@ -132,13 +112,13 @@ module TotalEventsProcessed = {
 
 module App = {
   @react.component
-  let make = (~getState) => {
+  let make = (~config: Config.t, ~getMetrics) => {
     let stdoutColumns = Hooks.useStdoutColumns()
-    // IndexerState is mutated in place — passing the same ref to useState
-    // would bail out via Object.is and skip the re-render. Tick a counter
-    // instead and read state freshly from getState() on every render.
+    // Metrics are rebuilt from state mutated in place — passing the same value
+    // to useState would bail out via Object.is and skip the re-render. Tick a
+    // counter instead and read metrics freshly on every render.
     let (tick, setTick) = React.useState(() => 0)
-    let state: IndexerState.t = getState()
+    let metrics: Metrics.t = getMetrics()
 
     React.useEffect(() => {
       let intervalId = setInterval(() => {
@@ -150,80 +130,13 @@ module App = {
           clearInterval(intervalId)
         },
       )
-    }, [getState])
-
-    let chains =
-      state
-      ->IndexerState.chainStates
-      ->Dict.valuesToArray
-      ->Array.map(cs => {
-        let data = cs->ChainState.toMetrics
-        let numEventsProcessed = data.numEventsProcessed
-        let committedProgressBlockNumber = cs->ChainState.committedProgressBlockNumber
-        let timestampCaughtUpToHeadOrEndblock = data.timestampCaughtUpToHeadOrEndblock
-        let sourceManager = cs->ChainState.sourceManager
-        let latestFetchedBlockNumber = data.latestFetchedBlockNumber
-        let hasProcessedToEndblock = cs->ChainState.hasProcessedToEndblock
-
-        let firstEventBlock = data.firstEventBlockNumber
-        let progress: TuiData.progress = if hasProcessedToEndblock {
-          // If the endblock has been reached then set the progress to synced.
-          // if there's chains that have no events in the block range start->end,
-          // it's possible there are no events in that block  range (ie firstEventBlock = None)
-          // This ensures TUI still displays synced in this case
-          Synced({
-            firstEventBlockNumber: firstEventBlock->Option.getOr(0),
-            latestProcessedBlock: committedProgressBlockNumber,
-            timestampCaughtUpToHeadOrEndblock: timestampCaughtUpToHeadOrEndblock->Option.getOr(
-              Date.now()->Date.fromTime,
-            ),
-            numEventsProcessed,
-          })
-        } else {
-          switch (firstEventBlock, timestampCaughtUpToHeadOrEndblock) {
-          | (Some(firstEventBlockNumber), Some(timestampCaughtUpToHeadOrEndblock)) =>
-            Synced({
-              firstEventBlockNumber,
-              latestProcessedBlock: committedProgressBlockNumber,
-              timestampCaughtUpToHeadOrEndblock,
-              numEventsProcessed,
-            })
-          | (Some(firstEventBlockNumber), None) =>
-            Syncing({
-              firstEventBlockNumber,
-              latestProcessedBlock: committedProgressBlockNumber,
-              numEventsProcessed,
-            })
-          | (None, _) => SearchingForEvents
-          }
-        }
+    }, [getMetrics])
 
-        (
-          {
-            progress,
-            knownHeight: data.knownHeight,
-            latestFetchedBlockNumber,
-            eventsProcessed: numEventsProcessed,
-            chainId: (cs->ChainState.chainConfig).id->ChainId.toString,
-            progressBlock: committedProgressBlockNumber < data.startBlock
-              ? Some(data.startBlock)
-              : Some(committedProgressBlockNumber),
-            bufferBlock: Some(latestFetchedBlockNumber),
-            sourceBlock: Some(cs->ChainState.knownHeight),
-            firstEventBlockNumber: firstEventBlock,
-            startBlock: data.startBlock,
-            endBlock: data.endBlock,
-            poweredByHyperSync: data.poweredByHyperSync,
-            blockUnit: switch (state->IndexerState.config).ecosystem.name {
-            | Svm => "Slot"
-            | Evm | Fuel => "Block"
-            },
-            rateLimitTimeMs: sourceManager->SourceManager.getRateLimitTimeMs,
-            isRateLimited: sourceManager->SourceManager.isRateLimited,
-            rateLimitResetInMs: sourceManager->SourceManager.getRateLimitResetInMs,
-          }: TuiData.chain
-        )
-      })
+    let blockUnit = switch config.ecosystem.name {
+    | Svm => "Slot"
+    | Evm | Fuel => "Block"
+    }
+    let chains = metrics.chains->Array.map(m => m->TuiData.fromChainMetrics(~blockUnit))
 
     let totalEventsProcessed = chains->Array.reduce(0., (acc, chain) => {
       acc +. chain.eventsProcessed
@@ -254,7 +167,7 @@ module App = {
           maxChainIdLength={maxChainIdLength}
           progressBlock={chainData.progressBlock}
           bufferBlock={chainData.bufferBlock}
-          sourceBlock={chainData.sourceBlock}
+          toBlock={chainData.toBlock}
           startBlock={chainData.startBlock}
           endBlock={chainData.endBlock}
           stdoutColumns={stdoutColumns}
@@ -268,7 +181,7 @@ module App = {
         totalEventsProcessed
         eventsPerSecond={SyncETA.isIndexerFullySynced(chains) ? None : eventsPerSecond}
       />
-      <SyncETA chains indexerStartTime={state->IndexerState.indexerStartTime} />
+      <SyncETA chains indexerStartTime={metrics.startTime} />
       {
         let maxRateLimitTimeMs =
           chains->Array.reduce(0., (acc, chain) => Pervasives.max(acc, chain.rateLimitTimeMs))
@@ -314,7 +227,7 @@ module App = {
           }
         }
       </Box>
-      {if (state->IndexerState.config).isDev {
+      {if config.isDev {
         <Box flexDirection={Row}>
           <Text> {"Dev Console: "->React.string} </Text>
           <Text color={Info} underline=true> {`${Env.envioAppUrl}/console`->React.string} </Text>
@@ -322,7 +235,7 @@ module App = {
       } else {
         React.null
       }}
-      {switch ((state->IndexerState.config).storage.clickhouse, Env.ClickHouse.host()) {
+      {switch (config.storage.clickhouse, Env.ClickHouse.host()) {
       | (true, Some(host)) =>
         <Box flexDirection={Row}>
           <Text> {"ClickHouse: "->React.string} </Text>
@@ -330,14 +243,14 @@ module App = {
         </Box>
       | _ => React.null
       }}
-      <Messages config={state->IndexerState.config} />
+      <Messages config />
     </Box>
   }
 }
 
-let start = (~getState) => {
-  let {rerender} = render(<App getState />)
+let start = (~config, ~getMetrics) => {
+  let {rerender} = render(<App config getMetrics />)
   () => {
-    rerender(<App getState />)
+    rerender(<App config getMetrics />)
   }
 }

package/src/tui/Tui.res.mjs

@@ -4,16 +4,12 @@ import * as Env from "../Env.res.mjs";
 import * as Ink from "./bindings/Ink.res.mjs";
 import * as Ink$1 from "ink";
 import * as React from "react";
-import * as ChainId from "../ChainId.res.mjs";
 import * as SyncETA from "./components/SyncETA.res.mjs";
 import * as TuiData from "./components/TuiData.res.mjs";
 import * as Messages from "./components/Messages.res.mjs";
-import * as ChainState from "../ChainState.res.mjs";
-import * as IndexerState from "../IndexerState.res.mjs";
 import * as Stdlib_Array from "@rescript/runtime/lib/es6/Stdlib_Array.js";
 import InkBigText from "ink-big-text";
 import * as Primitive_int from "@rescript/runtime/lib/es6/Primitive_int.js";
-import * as SourceManager from "../sources/SourceManager.res.mjs";
 import * as Stdlib_Option from "@rescript/runtime/lib/es6/Stdlib_Option.js";
 import * as Primitive_float from "@rescript/runtime/lib/es6/Primitive_float.js";
 import * as JsxRuntime from "react/jsx-runtime";
@@ -21,86 +17,21 @@ import * as BufferedProgressBar from "./components/BufferedProgressBar.res.mjs";
 
 function Tui$ChainLine(props) {
   let blockUnit = props.blockUnit;
-  let poweredByHyperSync = props.poweredByHyperSync;
-  let endBlock = props.endBlock;
   let startBlock = props.startBlock;
-  let sourceBlock = props.sourceBlock;
-  let bufferBlock = props.bufferBlock;
+  let toBlock = props.toBlock;
   let progressBlock = props.progressBlock;
-  let chainId = props.chainId;
   let chainsWidth = Primitive_int.min(props.stdoutColumns - 2 | 0, 60);
   let headerWidth = props.maxChainIdLength + 10 | 0;
-  if (progressBlock !== undefined && bufferBlock !== undefined && sourceBlock !== undefined) {
-    let toBlock = endBlock !== undefined ? Primitive_int.min(sourceBlock, endBlock) : sourceBlock;
-    let progressBlockStr = TuiData.formatLocaleString(progressBlock);
-    let toBlockStr = TuiData.formatLocaleString(toBlock);
-    let eventsStr = TuiData.formatFloatLocaleString(props.eventsProcessed);
-    let endLabel = ` (End ` + blockUnit + `)`;
-    let blocksText = blockUnit + `s: ` + progressBlockStr + ` / ` + toBlockStr + (
-      Stdlib_Option.isSome(endBlock) ? endLabel : ""
-    ) + `  `;
-    let eventsText = `Events: ` + eventsStr;
-    let fitsSameLine = (blocksText.length + eventsText.length | 0) <= chainsWidth;
-    return JsxRuntime.jsxs(Ink$1.Box, {
-      children: [
-        JsxRuntime.jsxs(Ink$1.Box, {
-          children: [
-            JsxRuntime.jsxs(Ink$1.Box, {
-              children: [
-                JsxRuntime.jsx(Ink$1.Text, {
-                  children: "Chain: "
-                }),
-                JsxRuntime.jsx(Ink$1.Text, {
-                  children: chainId,
-                  bold: true
-                }),
-                JsxRuntime.jsx(Ink$1.Text, {
-                  children: " "
-                }),
-                poweredByHyperSync ? JsxRuntime.jsx(Ink$1.Text, {
-                    children: "⚡",
-                    color: "#FFBB2F"
-                  }) : null
-              ],
-              width: headerWidth
-            }),
-            JsxRuntime.jsx(BufferedProgressBar.make, {
-              loaded: progressBlock - startBlock | 0,
-              buffered: bufferBlock - startBlock | 0,
-              outOf: toBlock - startBlock | 0,
-              barWidth: chainsWidth - headerWidth | 0,
-              loadingColor: "#FFBB2F"
-            })
-          ],
-          width: chainsWidth,
-          flexDirection: "row"
-        }),
-        JsxRuntime.jsxs(Ink$1.Box, {
-          children: [
-            JsxRuntime.jsx(Ink$1.Text, {
-              children: blocksText,
-              color: "gray"
-            }),
-            fitsSameLine ? JsxRuntime.jsx(Ink$1.Text, {
-                children: eventsText,
-                color: "gray"
-              }) : null
-          ],
-          flexDirection: "row"
-        }),
-        fitsSameLine ? null : JsxRuntime.jsx(Ink$1.Box, {
-            children: JsxRuntime.jsx(Ink$1.Text, {
-              children: eventsText.trim(),
-              color: "gray"
-            }),
-            flexDirection: "row"
-          }),
-        JsxRuntime.jsx(Ink.Newline.make, {})
-      ],
-      flexDirection: "column"
-    });
-  }
-  return JsxRuntime.jsxs(JsxRuntime.Fragment, {
+  let progressBlockStr = TuiData.formatLocaleString(progressBlock);
+  let toBlockStr = TuiData.formatLocaleString(toBlock);
+  let eventsStr = TuiData.formatFloatLocaleString(props.eventsProcessed);
+  let endLabel = ` (End ` + blockUnit + `)`;
+  let blocksText = blockUnit + `s: ` + progressBlockStr + ` / ` + toBlockStr + (
+    Stdlib_Option.isSome(props.endBlock) ? endLabel : ""
+  ) + `  `;
+  let eventsText = `Events: ` + eventsStr;
+  let fitsSameLine = (blocksText.length + eventsText.length | 0) <= chainsWidth;
+  return JsxRuntime.jsxs(Ink$1.Box, {
     children: [
       JsxRuntime.jsxs(Ink$1.Box, {
         children: [
@@ -110,28 +41,53 @@ function Tui$ChainLine(props) {
                 children: "Chain: "
               }),
               JsxRuntime.jsx(Ink$1.Text, {
-                children: chainId,
+                children: props.chainId,
                 bold: true
               }),
               JsxRuntime.jsx(Ink$1.Text, {
                 children: " "
               }),
-              poweredByHyperSync ? JsxRuntime.jsx(Ink$1.Text, {
+              props.poweredByHyperSync ? JsxRuntime.jsx(Ink$1.Text, {
                   children: "⚡",
                   color: "#FFBB2F"
                 }) : null
             ],
             width: headerWidth
           }),
-          JsxRuntime.jsx(Ink$1.Text, {
-            children: "Loading progress..."
+          JsxRuntime.jsx(BufferedProgressBar.make, {
+            loaded: progressBlock - startBlock | 0,
+            buffered: props.bufferBlock - startBlock | 0,
+            outOf: toBlock - startBlock | 0,
+            barWidth: chainsWidth - headerWidth | 0,
+            loadingColor: "#FFBB2F"
           })
         ],
         width: chainsWidth,
         flexDirection: "row"
       }),
+      JsxRuntime.jsxs(Ink$1.Box, {
+        children: [
+          JsxRuntime.jsx(Ink$1.Text, {
+            children: blocksText,
+            color: "gray"
+          }),
+          fitsSameLine ? JsxRuntime.jsx(Ink$1.Text, {
+              children: eventsText,
+              color: "gray"
+            }) : null
+        ],
+        flexDirection: "row"
+      }),
+      fitsSameLine ? null : JsxRuntime.jsx(Ink$1.Box, {
+          children: JsxRuntime.jsx(Ink$1.Text, {
+            children: eventsText.trim(),
+            color: "gray"
+          }),
+          flexDirection: "row"
+        }),
       JsxRuntime.jsx(Ink.Newline.make, {})
-    ]
+    ],
+    flexDirection: "column"
   });
 }
 
@@ -196,84 +152,30 @@ let TotalEventsProcessed = {
 };
 
 function Tui$App(props) {
-  let getState = props.getState;
+  let getMetrics = props.getMetrics;
+  let config = props.config;
   let stdoutColumns = Ink.Hooks.useStdoutColumns();
   let match = React.useState(() => 0);
   let setTick = match[1];
-  let state = getState();
+  let metrics = getMetrics();
   React.useEffect(() => {
     let intervalId = setInterval(() => setTick(t => t + 1 | 0), 500);
     return () => {
       clearInterval(intervalId);
     };
-  }, [getState]);
-  let chains = Object.values(IndexerState.chainStates(state)).map(cs => {
-    let data = ChainState.toMetrics(cs);
-    let numEventsProcessed = data.numEventsProcessed;
-    let committedProgressBlockNumber = ChainState.committedProgressBlockNumber(cs);
-    let timestampCaughtUpToHeadOrEndblock = data.timestampCaughtUpToHeadOrEndblock;
-    let sourceManager = ChainState.sourceManager(cs);
-    let latestFetchedBlockNumber = data.latestFetchedBlockNumber;
-    let hasProcessedToEndblock = ChainState.hasProcessedToEndblock(cs);
-    let firstEventBlock = data.firstEventBlockNumber;
-    let progress = hasProcessedToEndblock ? ({
-        TAG: "Synced",
-        _0: {
-          firstEventBlockNumber: Stdlib_Option.getOr(firstEventBlock, 0),
-          latestProcessedBlock: committedProgressBlockNumber,
-          numEventsProcessed: numEventsProcessed,
-          timestampCaughtUpToHeadOrEndblock: Stdlib_Option.getOr(timestampCaughtUpToHeadOrEndblock, new Date(Date.now()))
-        }
-      }) : (
-        firstEventBlock !== undefined ? (
-            timestampCaughtUpToHeadOrEndblock !== undefined ? ({
-                TAG: "Synced",
-                _0: {
-                  firstEventBlockNumber: firstEventBlock,
-                  latestProcessedBlock: committedProgressBlockNumber,
-                  numEventsProcessed: numEventsProcessed,
-                  timestampCaughtUpToHeadOrEndblock: timestampCaughtUpToHeadOrEndblock
-                }
-              }) : ({
-                TAG: "Syncing",
-                _0: {
-                  firstEventBlockNumber: firstEventBlock,
-                  latestProcessedBlock: committedProgressBlockNumber,
-                  numEventsProcessed: numEventsProcessed
-                }
-              })
-          ) : "SearchingForEvents"
-      );
-    let match = IndexerState.config(state).ecosystem.name;
-    let tmp;
-    switch (match) {
-      case "evm" :
-      case "fuel" :
-        tmp = "Block";
-        break;
-      case "svm" :
-        tmp = "Slot";
-        break;
-    }
-    return {
-      chainId: ChainId.toString(ChainState.chainConfig(cs).id),
-      eventsProcessed: numEventsProcessed,
-      progressBlock: committedProgressBlockNumber < data.startBlock ? data.startBlock : committedProgressBlockNumber,
-      bufferBlock: latestFetchedBlockNumber,
-      sourceBlock: ChainState.knownHeight(cs),
-      startBlock: data.startBlock,
-      endBlock: data.endBlock,
-      firstEventBlockNumber: firstEventBlock,
-      poweredByHyperSync: data.poweredByHyperSync,
-      progress: progress,
-      latestFetchedBlockNumber: latestFetchedBlockNumber,
-      knownHeight: data.knownHeight,
-      blockUnit: tmp,
-      rateLimitTimeMs: SourceManager.getRateLimitTimeMs(sourceManager),
-      isRateLimited: SourceManager.isRateLimited(sourceManager),
-      rateLimitResetInMs: SourceManager.getRateLimitResetInMs(sourceManager)
-    };
-  });
+  }, [getMetrics]);
+  let match$1 = config.ecosystem.name;
+  let blockUnit;
+  switch (match$1) {
+    case "evm" :
+    case "fuel" :
+      blockUnit = "Block";
+      break;
+    case "svm" :
+      blockUnit = "Slot";
+      break;
+  }
+  let chains = metrics.chains.map(m => TuiData.fromChainMetrics(m, blockUnit));
   let totalEventsProcessed = Stdlib_Array.reduce(chains, 0, (acc, chain) => acc + chain.eventsProcessed);
   let maxChainIdLength = Stdlib_Array.reduce(chains, 0, (acc, chain) => {
     let chainIdLength = chain.chainId.length;
@@ -328,8 +230,8 @@ function Tui$App(props) {
     tmp = null;
   }
   let defaultPassword = "testing";
-  let match$1 = IndexerState.config(state).storage.clickhouse;
-  let match$2 = Env.ClickHouse.host();
+  let match$2 = config.storage.clickhouse;
+  let match$3 = Env.ClickHouse.host();
   return JsxRuntime.jsxs(Ink$1.Box, {
     children: [
       JsxRuntime.jsx(InkBigText, {
@@ -348,7 +250,7 @@ function Tui$App(props) {
         stdoutColumns: stdoutColumns,
         progressBlock: chainData.progressBlock,
         bufferBlock: chainData.bufferBlock,
-        sourceBlock: chainData.sourceBlock,
+        toBlock: chainData.toBlock,
         startBlock: chainData.startBlock,
         endBlock: chainData.endBlock,
         poweredByHyperSync: chainData.poweredByHyperSync,
@@ -361,7 +263,7 @@ function Tui$App(props) {
       }),
       JsxRuntime.jsx(SyncETA.make, {
         chains: chains,
-        indexerStartTime: IndexerState.indexerStartTime(state)
+        indexerStartTime: metrics.startTime
       }),
       tmp,
       JsxRuntime.jsx(Ink.Newline.make, {}),
@@ -382,7 +284,7 @@ function Tui$App(props) {
         ],
         flexDirection: "row"
       }),
-      IndexerState.config(state).isDev ? JsxRuntime.jsxs(Ink$1.Box, {
+      config.isDev ? JsxRuntime.jsxs(Ink$1.Box, {
           children: [
             JsxRuntime.jsx(Ink$1.Text, {
               children: "Dev Console: "
@@ -395,13 +297,13 @@ function Tui$App(props) {
           ],
           flexDirection: "row"
         }) : null,
-      match$1 && match$2 !== undefined ? JsxRuntime.jsxs(Ink$1.Box, {
+      match$2 && match$3 !== undefined ? JsxRuntime.jsxs(Ink$1.Box, {
           children: [
             JsxRuntime.jsx(Ink$1.Text, {
               children: "ClickHouse: "
             }),
             JsxRuntime.jsx(Ink$1.Text, {
-              children: match$2 + `/play`,
+              children: match$3 + `/play`,
               color: "#6CBFEE",
               underline: true
             })
@@ -409,7 +311,7 @@ function Tui$App(props) {
           flexDirection: "row"
         }) : null,
       JsxRuntime.jsx(Messages.make, {
-        config: IndexerState.config(state)
+        config: config
       })
     ],
     flexDirection: "column"
@@ -420,13 +322,15 @@ let App = {
   make: Tui$App
 };
 
-function start(getState) {
+function start(config, getMetrics) {
   let match = Ink.render(undefined, JsxRuntime.jsx(Tui$App, {
-    getState: getState
+    config: config,
+    getMetrics: getMetrics
   }));
   let rerender = match.rerender;
   return () => rerender(JsxRuntime.jsx(Tui$App, {
-    getState: getState
+    config: config,
+    getMetrics: getMetrics
   }));
 }