From 463ced5f30d1f8f70617ffb6bf447042a5bcd583 Mon Sep 17 00:00:00 2001
From: karooolis <hello@karolisram.com>
Date: Sat, 28 Jun 2025 16:04:58 +0300
Subject: [PATCH 1/3] add block height param

---
 packages/explorer/package.json                |  1 +
 .../[worldAddress]/explore/SQLEditor.tsx      | 62 ++++++++++++++++++-
 .../interact/content/encodeFunctionArgs.ts    | 25 +++++++-
 .../(explorer)/queries/useTableDataQuery.ts   |  3 +
 .../explorer/src/components/LatestBlock.tsx   |  2 +-
 .../explorer/src/components/ui/Slider.tsx     | 26 ++++++++
 6 files changed, 115 insertions(+), 4 deletions(-)
 create mode 100644 packages/explorer/src/components/ui/Slider.tsx

diff --git a/packages/explorer/package.json b/packages/explorer/package.json
index 3dee0f4f51..8667664533 100644
--- a/packages/explorer/package.json
+++ b/packages/explorer/package.json
@@ -54,6 +54,7 @@
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.3.5",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.6",
     "@radix-ui/themes": "^3.0.5",
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx
index 96f016a6f7..236042ce82 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx
@@ -1,7 +1,10 @@
 "use client";
 
-import { CommandIcon, CornerDownLeft, LoaderIcon, PauseIcon, PlayIcon } from "lucide-react";
+import { ClockIcon, CommandIcon, CornerDownLeft, LoaderIcon, PauseIcon, PlayIcon } from "lucide-react";
 import { KeyCode, KeyMod, editor } from "monaco-editor/esm/vs/editor/editor.api";
+import { useQueryState } from "nuqs";
+import { useConfig } from "wagmi";
+import { getBlock } from "wagmi/actions";
 import { useEffect, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { Table } from "@latticexyz/config";
@@ -9,7 +12,9 @@ import Editor from "@monaco-editor/react";
 import { Tooltip } from "../../../../../../components/Tooltip";
 import { Button } from "../../../../../../components/ui/Button";
 import { Form, FormField } from "../../../../../../components/ui/Form";
+import { Input } from "../../../../../../components/ui/Input";
 import { cn } from "../../../../../../utils";
+import { useChain } from "../../../../hooks/useChain";
 import { useTableDataQuery } from "../../../../queries/useTableDataQuery";
 import { PAGE_SIZE_OPTIONS, monacoOptions } from "./consts";
 import { usePaginationState } from "./hooks/usePaginationState";
@@ -31,6 +36,12 @@ export function SQLEditor({ table, isLiveQuery, setIsLiveQuery }: Props) {
   const [isUserTriggeredRefetch, setIsUserTriggeredRefetch] = useState(false);
   const [pagination, setPagination] = usePaginationState();
   const [query, setQuery] = useSQLQueryState();
+  const [blockHeight, setBlockHeight] = useQueryState("blockHeight");
+  const [blockTimestamp, setBlockTimestamp] = useState<number | null>(null);
+  const [isLoadingBlock, setIsLoadingBlock] = useState(false);
+
+  const wagmiConfig = useConfig();
+  const { id: chainId } = useChain();
 
   const validateQuery = useQueryValidator(table);
   const { data: tableData, refetch, isRefetching: isTableDataRefetching } = useTableDataQuery({ table, isLiveQuery });
@@ -76,6 +87,32 @@ export function SQLEditor({ table, isLiveQuery, setIsLiveQuery }: Props) {
     form.reset({ query });
   }, [query, form]);
 
+  // Fetch block timestamp when blockHeight changes
+  useEffect(() => {
+    const fetchBlockTimestamp = async () => {
+      if (!blockHeight || !wagmiConfig || !chainId) {
+        setBlockTimestamp(null);
+        return;
+      }
+
+      setIsLoadingBlock(true);
+      try {
+        const block = await getBlock(wagmiConfig, {
+          chainId,
+          blockNumber: BigInt(blockHeight),
+        });
+        setBlockTimestamp(Number(block.timestamp));
+      } catch (error) {
+        console.error("Failed to fetch block timestamp:", error);
+        setBlockTimestamp(null);
+      } finally {
+        setIsLoadingBlock(false);
+      }
+    };
+
+    fetchBlockTimestamp();
+  }, [blockHeight, wagmiConfig, chainId]);
+
   const updateHeight = () => {
     if (editorRef.current) {
       const contentHeight = Math.min(200, editorRef.current.getContentHeight());
@@ -182,6 +219,29 @@ export function SQLEditor({ table, isLiveQuery, setIsLiveQuery }: Props) {
             </>
           ) : null}
 
+          <Input
+            type="number"
+            step="1000"
+            className="w-[120px]"
+            value={blockHeight ?? ""}
+            onChange={(e) => setBlockHeight(e.target.value)}
+          />
+
+          {blockHeight && (
+            <div className="flex items-center gap-2 text-xs text-white/60">
+              <ClockIcon className="h-3 w-3" />
+              {isLoadingBlock ? (
+                <span>Loading...</span>
+              ) : blockTimestamp ? (
+                <Tooltip text={new Date(blockTimestamp * 1000).toISOString()}>
+                  <span>{new Date(blockTimestamp * 1000).toLocaleString()}</span>
+                </Tooltip>
+              ) : (
+                <span>Invalid block</span>
+              )}
+            </div>
+          )}
+
           <Button className="group relative flex gap-2 pl-4 pr-3" type="submit" disabled={isRefetching}>
             Run
             <span className="relative flex items-center gap-0.5 text-white/60">
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts
index 4a672c79fe..a1c7ec5970 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts
@@ -8,9 +8,30 @@ export function encodeFunctionArgs(args: unknown[], inputs: AbiFunction): unknow
     if (input.type.includes("[]")) return JSON.parse(arg as string);
     if (input.type === "tuple") return JSON.parse(arg as string);
     if (input.type === "bool") return arg === "true";
+
     if (input.type.startsWith("uint") || input.type.startsWith("int")) {
-      if (typeof arg === "string" && arg.endsWith("n")) return arg.slice(0, -1);
-      return arg;
+      const argStr = String(arg).trim();
+
+      // Handle values ending with "n" (BigInt notation)
+      if (argStr.endsWith("n")) {
+        const numericPart = argStr.slice(0, -1);
+        return BigInt(numericPart);
+      }
+
+      // Handle regular numeric strings
+      if (argStr === "") return 0n;
+
+      // Remove any non-numeric characters except minus sign and decimal point
+      const cleanArg = argStr.replace(/[^\d.-]/g, "");
+      if (cleanArg === "" || cleanArg === "-" || cleanArg === ".") return 0n;
+
+      // Handle decimal numbers by truncating to integer
+      if (cleanArg.includes(".")) {
+        const [integerPart] = cleanArg.split(".");
+        return BigInt(integerPart || "0");
+      }
+
+      return BigInt(cleanArg);
     }
 
     return arg;
diff --git a/packages/explorer/src/app/(explorer)/queries/useTableDataQuery.ts b/packages/explorer/src/app/(explorer)/queries/useTableDataQuery.ts
index 380b924101..66b1e576c4 100644
--- a/packages/explorer/src/app/(explorer)/queries/useTableDataQuery.ts
+++ b/packages/explorer/src/app/(explorer)/queries/useTableDataQuery.ts
@@ -1,4 +1,5 @@
 import { useParams } from "next/navigation";
+import { useQueryState } from "nuqs";
 import { Hex, stringify } from "viem";
 import { Table } from "@latticexyz/config";
 import { useQuery } from "@tanstack/react-query";
@@ -24,6 +25,7 @@ export function useTableDataQuery({ table, isLiveQuery }: Props) {
   const { chainName, worldAddress } = useParams();
   const { id: chainId } = useChain();
   const [query] = useSQLQueryState();
+  const [blockHeightParm] = useQueryState("blockHeight");
   const indexer = useIndexerForChainId(chainId);
 
   return useQuery<DozerResponse & { queryDuration: number; blockHeight: number }, Error, TData | undefined>({
@@ -39,6 +41,7 @@ export function useTableDataQuery({ table, isLiveQuery }: Props) {
           {
             address: worldAddress as Hex,
             query,
+            ...(blockHeightParm ? { block_height: parseInt(blockHeightParm), block_height_direction: "<=" } : {}),
           },
         ]),
       });
diff --git a/packages/explorer/src/components/LatestBlock.tsx b/packages/explorer/src/components/LatestBlock.tsx
index d29365bff6..de766b03ab 100644
--- a/packages/explorer/src/components/LatestBlock.tsx
+++ b/packages/explorer/src/components/LatestBlock.tsx
@@ -8,7 +8,7 @@ export function LatestBlock() {
     watch: true,
     chainId,
     query: {
-      refetchInterval: 1000,
+      refetchInterval: 2_000,
     },
   });
 
diff --git a/packages/explorer/src/components/ui/Slider.tsx b/packages/explorer/src/components/ui/Slider.tsx
new file mode 100644
index 0000000000..5874147795
--- /dev/null
+++ b/packages/explorer/src/components/ui/Slider.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn } from "../../utils";
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn("relative flex w-full touch-none select-none items-center", className)}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
+      <SliderPrimitive.Range className="absolute h-full bg-primary" />
+    </SliderPrimitive.Track>
+    {/* // TODO: adjust later */}
+    {/* eslint-disable-next-line max-len */}
+    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+export { Slider };

From 95e33a66451eae5e9fb32d6d802ddf2af9d6664c Mon Sep 17 00:00:00 2001
From: karooolis <hello@karolisram.com>
Date: Sat, 28 Jun 2025 16:12:37 +0300
Subject: [PATCH 2/3] add slider

---
 pnpm-lock.yaml | 117 +++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 114 insertions(+), 3 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index db740ef93f..0c35c29d26 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -592,6 +592,9 @@ importers:
       '@radix-ui/react-separator':
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@radix-ui/react-slider':
+        specifier: ^1.3.5
+        version: 1.3.5(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@radix-ui/react-slot':
         specifier: ^1.1.0
         version: 1.1.0(@types/react@18.2.22)(react@18.2.0)
@@ -3404,6 +3407,9 @@ packages:
   '@radix-ui/number@1.1.0':
     resolution: {integrity: sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==}
 
+  '@radix-ui/number@1.1.1':
+    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+
   '@radix-ui/primitive@1.0.1':
     resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
 
@@ -3572,6 +3578,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-compose-refs@1.0.1':
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
@@ -3701,6 +3720,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-dismissable-layer@1.0.4':
     resolution: {integrity: sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==}
     peerDependencies:
@@ -4301,6 +4329,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-slider@1.3.5':
+    resolution: {integrity: sha512-rkfe2pU2NBAYfGaxa3Mqosi7VZEWX5CxKaanRv0vZd4Zhl9fvQrg0VM93dv3xGLGfrHuoTRF3JXH8nb9g+B3fw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-slot@1.0.2':
     resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
     peerDependencies:
@@ -4532,6 +4573,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-use-previous@1.1.1':
+    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-use-rect@1.0.1':
     resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
     peerDependencies:
@@ -4568,6 +4618,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-visually-hidden@1.0.3':
     resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
     peerDependencies:
@@ -14049,6 +14108,8 @@ snapshots:
 
   '@radix-ui/number@1.1.0': {}
 
+  '@radix-ui/number@1.1.1': {}
+
   '@radix-ui/primitive@1.0.1':
     dependencies:
       '@babel/runtime': 7.25.7
@@ -14204,6 +14265,18 @@ snapshots:
       '@types/react': 18.2.22
       '@types/react-dom': 18.2.7
 
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@18.2.22)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    optionalDependencies:
+      '@types/react': 18.2.22
+      '@types/react-dom': 18.2.7
+
   '@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.22)(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.25.7
@@ -14326,6 +14399,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.2.22
 
+  '@radix-ui/react-direction@1.1.1(@types/react@18.2.22)(react@18.2.0)':
+    dependencies:
+      react: 18.2.0
+    optionalDependencies:
+      '@types/react': 18.2.22
+
   '@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.25.7
@@ -14978,6 +15057,25 @@ snapshots:
       '@types/react': 18.2.22
       '@types/react-dom': 18.2.7
 
+  '@radix-ui/react-slider@1.3.5(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.2.22)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@18.2.22)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    optionalDependencies:
+      '@types/react': 18.2.22
+      '@types/react-dom': 18.2.7
+
   '@radix-ui/react-slot@1.0.2(@types/react@18.2.22)(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.25.7
@@ -15194,6 +15292,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.2.22
 
+  '@radix-ui/react-use-previous@1.1.1(@types/react@18.2.22)(react@18.2.0)':
+    dependencies:
+      react: 18.2.0
+    optionalDependencies:
+      '@types/react': 18.2.22
+
   '@radix-ui/react-use-rect@1.0.1(@types/react@18.2.22)(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.27.3
@@ -15224,6 +15328,13 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.2.22
 
+  '@radix-ui/react-use-size@1.1.1(@types/react@18.2.22)(react@18.2.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.2.22)(react@18.2.0)
+      react: 18.2.0
+    optionalDependencies:
+      '@types/react': 18.2.22
+
   '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.25.7
@@ -19367,7 +19478,7 @@ snapshots:
       debug: 4.4.0
       enhanced-resolve: 5.17.1
       eslint: 8.57.0
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.5
@@ -19379,7 +19490,7 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.8.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+  eslint-module-utils@2.8.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
@@ -19400,7 +19511,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
       hasown: 2.0.2
       is-core-module: 2.15.1
       is-glob: 4.0.3

From d04b01a36f93762cbb073a9e544f6b8497ae3aa1 Mon Sep 17 00:00:00 2001
From: karooolis <hello@karolisram.com>
Date: Sun, 29 Jun 2025 00:00:41 +0300
Subject: [PATCH 3/3] cleanup

---
 packages/explorer/package.json                |  1 -
 .../interact/content/encodeFunctionArgs.ts    | 25 ++----------------
 .../explorer/src/components/ui/Slider.tsx     | 26 -------------------
 3 files changed, 2 insertions(+), 50 deletions(-)
 delete mode 100644 packages/explorer/src/components/ui/Slider.tsx

diff --git a/packages/explorer/package.json b/packages/explorer/package.json
index 8667664533..3dee0f4f51 100644
--- a/packages/explorer/package.json
+++ b/packages/explorer/package.json
@@ -54,7 +54,6 @@
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slider": "^1.3.5",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.6",
     "@radix-ui/themes": "^3.0.5",
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts
index a1c7ec5970..4a672c79fe 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/content/encodeFunctionArgs.ts
@@ -8,30 +8,9 @@ export function encodeFunctionArgs(args: unknown[], inputs: AbiFunction): unknow
     if (input.type.includes("[]")) return JSON.parse(arg as string);
     if (input.type === "tuple") return JSON.parse(arg as string);
     if (input.type === "bool") return arg === "true";
-
     if (input.type.startsWith("uint") || input.type.startsWith("int")) {
-      const argStr = String(arg).trim();
-
-      // Handle values ending with "n" (BigInt notation)
-      if (argStr.endsWith("n")) {
-        const numericPart = argStr.slice(0, -1);
-        return BigInt(numericPart);
-      }
-
-      // Handle regular numeric strings
-      if (argStr === "") return 0n;
-
-      // Remove any non-numeric characters except minus sign and decimal point
-      const cleanArg = argStr.replace(/[^\d.-]/g, "");
-      if (cleanArg === "" || cleanArg === "-" || cleanArg === ".") return 0n;
-
-      // Handle decimal numbers by truncating to integer
-      if (cleanArg.includes(".")) {
-        const [integerPart] = cleanArg.split(".");
-        return BigInt(integerPart || "0");
-      }
-
-      return BigInt(cleanArg);
+      if (typeof arg === "string" && arg.endsWith("n")) return arg.slice(0, -1);
+      return arg;
     }
 
     return arg;
diff --git a/packages/explorer/src/components/ui/Slider.tsx b/packages/explorer/src/components/ui/Slider.tsx
deleted file mode 100644
index 5874147795..0000000000
--- a/packages/explorer/src/components/ui/Slider.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cn } from "../../utils";
-
-const Slider = React.forwardRef<
-  React.ElementRef<typeof SliderPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <SliderPrimitive.Root
-    ref={ref}
-    className={cn("relative flex w-full touch-none select-none items-center", className)}
-    {...props}
-  >
-    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
-      <SliderPrimitive.Range className="absolute h-full bg-primary" />
-    </SliderPrimitive.Track>
-    {/* // TODO: adjust later */}
-    {/* eslint-disable-next-line max-len */}
-    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
-  </SliderPrimitive.Root>
-));
-Slider.displayName = SliderPrimitive.Root.displayName;
-
-export { Slider };