diff --git a/packages/mobile/app/(tabs)/assets.tsx b/packages/mobile/app/(tabs)/assets.tsx
index e625cc7a97..21bcd7c07f 100644
--- a/packages/mobile/app/(tabs)/assets.tsx
+++ b/packages/mobile/app/(tabs)/assets.tsx
@@ -14,6 +14,7 @@ import {
 import { SafeAreaView } from "react-native-safe-area-context";
 import { SvgUri } from "react-native-svg";
 import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
 
 import { ChevronDownIcon } from "~/components/icons/chevron-down";
 import { FilterIcon } from "~/components/icons/filter";
@@ -28,13 +29,16 @@ import {
 } from "~/components/ui/dropdown";
 import { Text } from "~/components/ui/text";
 import { Colors } from "~/constants/theme-colors";
+import { mmkvStorage } from "~/utils/mmkv";
 import { getChangeColor } from "~/utils/price";
 import { api, RouterOutputs } from "~/utils/trpc";
 
 const itemSize = 70;
 
 const displayOptions = [
-  { key: "price", title: "Price (24h)" },
+  { key: "price-1h", title: "Price (1h)" },
+  { key: "price-24h", title: "Price (24h)" },
+  { key: "price-7d", title: "Price (7d)" },
   { key: "volume", title: "Volume" },
   { key: "market-cap", title: "Market Cap" },
   { key: "favorite", title: "Favorite" },
@@ -45,11 +49,19 @@ type DisplayOptionStore = {
   setDisplayOption: (option: (typeof displayOptions)[number]["key"]) => void;
 };
 
-const useDisplayOptionStore = create<DisplayOptionStore>((set) => ({
-  displayOption: displayOptions[0].key,
-  setDisplayOption: (option: (typeof displayOptions)[number]["key"]) =>
-    set({ displayOption: option }),
-}));
+const useDisplayOptionStore = create<DisplayOptionStore>()(
+  persist(
+    (set) => ({
+      displayOption: displayOptions[1].key,
+      setDisplayOption: (option: (typeof displayOptions)[number]["key"]) =>
+        set({ displayOption: option }),
+    }),
+    {
+      name: "display-option",
+      storage: createJSONStorage(() => mmkvStorage),
+    }
+  )
+);
 
 export default function TabTwoScreen() {
   const [search, setSearch] = useState("");
@@ -204,7 +216,7 @@ const AssetItem = ({
         </View>
       </View>
       <View style={styles.assetRight}>
-        {displayOption === "price" && (
+        {displayOption.startsWith("price") && (
           <>
             <Text style={styles.price}>
               {asset.currentPrice ? (
@@ -216,18 +228,50 @@ const AssetItem = ({
                 ""
               )}
             </Text>
-            <Text
-              style={[
-                styles.percentage,
-                {
-                  color: getChangeColor(
-                    asset.priceChange24h?.toDec() || new Dec(0)
-                  ),
-                },
-              ]}
-            >
-              {asset.priceChange24h?.toString()}
-            </Text>
+            {displayOption === "price-24h" && (
+              <Text
+                style={[
+                  styles.percentage,
+                  {
+                    color: getChangeColor(
+                      asset.priceChange24h?.toDec() || new Dec(0)
+                    ),
+                  },
+                ]}
+              >
+                {asset.priceChange24h?.toString()}
+              </Text>
+            )}
+
+            {displayOption === "price-7d" && (
+              <Text
+                style={[
+                  styles.percentage,
+                  {
+                    color: getChangeColor(
+                      asset.priceChange24h?.toDec() || new Dec(0)
+                    ),
+                  },
+                ]}
+              >
+                {asset.priceChange7d?.toString()}
+              </Text>
+            )}
+
+            {displayOption === "price-1h" && (
+              <Text
+                style={[
+                  styles.percentage,
+                  {
+                    color: getChangeColor(
+                      asset.priceChange1h?.toDec() || new Dec(0)
+                    ),
+                  },
+                ]}
+              >
+                {asset.priceChange1h?.toString()}
+              </Text>
+            )}
           </>
         )}
 
diff --git a/packages/mobile/app/_layout.tsx b/packages/mobile/app/_layout.tsx
index bfd2ee42fc..d9cd97cfbf 100644
--- a/packages/mobile/app/_layout.tsx
+++ b/packages/mobile/app/_layout.tsx
@@ -1,8 +1,7 @@
 import { superjson } from "@osmosis-labs/server";
 import { localLink } from "@osmosis-labs/trpc";
-import AsyncStorage from "@react-native-async-storage/async-storage";
 import { ThemeProvider } from "@react-navigation/native";
-import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
+import { createSyncStoragePersister } from "@tanstack/query-sync-storage-persister";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { persistQueryClient } from "@tanstack/react-query-persist-client";
 import { loggerLink } from "@trpc/client";
@@ -15,14 +14,12 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
 
 import { DefaultTheme } from "~/constants/themes";
 import { getMobileAssetListAndChains } from "~/utils/asset-lists";
+import { mmkvStorage } from "~/utils/mmkv";
 import { api } from "~/utils/trpc";
 import { appRouter } from "~/utils/trpc-routers/root-router";
 
-const localStoragePersister = createAsyncStoragePersister({
-  storage: AsyncStorage,
-  serialize: (client) => superjson.stringify(client),
-  deserialize: (cachedString) => superjson.parse(cachedString),
-});
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+global.Buffer = require("buffer").Buffer;
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -32,6 +29,19 @@ const queryClient = new QueryClient({
   },
 });
 
+const localStoragePersister = createSyncStoragePersister({
+  storage: mmkvStorage,
+  serialize: (client) => {
+    try {
+      return superjson.stringify(client);
+    } catch (error) {
+      console.error("Error serializing client", error);
+      return "";
+    }
+  },
+  deserialize: (cachedString) => superjson.parse(cachedString),
+});
+
 persistQueryClient({
   queryClient,
   persister: localStoragePersister,
@@ -60,7 +70,6 @@ export default function RootLayout() {
             (opts.direction === "down" && opts.result instanceof Error),
         }),
         (runtime) => {
-          // initialize the different links for different targets (edge and node)
           const servers = {
             local: localLink({
               router: appRouter,
diff --git a/packages/mobile/app/asset/[id].tsx b/packages/mobile/app/asset/[id].tsx
index 245e2d3143..fc3436bbae 100644
--- a/packages/mobile/app/asset/[id].tsx
+++ b/packages/mobile/app/asset/[id].tsx
@@ -9,15 +9,19 @@ import {
   TouchableOpacity,
   View,
 } from "react-native";
-import { GraphPoint, LineGraph } from "react-native-graph";
 import { SafeAreaView } from "react-native-safe-area-context";
 
+import {
+  AssetChart,
+  useAssetChartSelectedPointStore,
+} from "~/components/asset-chart";
 import { ChevronLeftIcon } from "~/components/icons/chevron-left";
 import { SubscriptDecimal } from "~/components/subscript-decimal";
+import { Button } from "~/components/ui/button";
 import { Text } from "~/components/ui/text";
 import { Colors } from "~/constants/theme-colors";
 import { getChangeColor } from "~/utils/price";
-import { api } from "~/utils/trpc";
+import { api, RouterOutputs } from "~/utils/trpc";
 
 const AssetRoute = () => {
   const { id, coinDenom, coinImageUrl } = useLocalSearchParams<{
@@ -60,72 +64,15 @@ const AssetRoute = () => {
       </View>
 
       <View style={styles.tradeButtonContainer}>
-        <TouchableOpacity style={styles.tradeButton}>
-          <Text>Trade</Text>
-        </TouchableOpacity>
+        <Button
+          title="Trade"
+          onPress={() => {}}
+          buttonStyle={styles.tradeButton}
+        />
       </View>
     </SafeAreaView>
   );
 };
-function gaussian(mean: number, variance: number) {
-  return {
-    ppf: (p: number) => {
-      // Using the inverse error function to approximate the inverse CDF of a Gaussian distribution
-      const a1 = 0.254829592;
-      const a2 = -0.284496736;
-      const a3 = 1.421413741;
-      const a4 = -1.453152027;
-      const a5 = 1.061405429;
-      const p_low = 0.02425;
-      const p_high = 1 - p_low;
-
-      if (p < p_low) {
-        const q = Math.sqrt(-2 * Math.log(p));
-        return (
-          mean +
-          (Math.sqrt(variance) *
-            ((((a5 * q + a4) * q + a3) * q + a2) * q + a1)) /
-            (1 + q)
-        );
-      } else if (p_high < p) {
-        const q = Math.sqrt(-2 * Math.log(1 - p));
-        return (
-          mean -
-          (Math.sqrt(variance) *
-            ((((a5 * q + a4) * q + a3) * q + a2) * q + a1)) /
-            (1 + q)
-        );
-      } else {
-        const q = p - 0.5;
-        const r = q * q;
-        return (
-          mean +
-          (Math.sqrt(variance) *
-            q *
-            ((((a5 * r + a4) * r + a3) * r + a2) * r + a1)) /
-            (1 + r)
-        );
-      }
-    },
-  };
-}
-
-function weightedRandom(mean: number, variance: number): number {
-  const distribution = gaussian(mean, variance);
-  // Take a random sample using inverse transform sampling method.
-  return distribution.ppf(Math.random());
-}
-
-export function generateRandomGraphData(length: number): GraphPoint[] {
-  return Array<number>(length)
-    .fill(0)
-    .map((_, index) => ({
-      date: new Date(
-        new Date(2000, 0, 1).getTime() + 1000 * 60 * 60 * 24 * index
-      ),
-      value: weightedRandom(10, Math.pow(index + 1, 2)),
-    }));
-}
 
 const AssetContent = ({ id }: { id: string }) => {
   const { data: asset, isLoading } = api.local.assets.getMarketAsset.useQuery(
@@ -147,36 +94,44 @@ const AssetContent = ({ id }: { id: string }) => {
 
   return (
     <ScrollView style={styles.assetContent}>
-      <View style={styles.assetPriceContainer}>
-        <Text type="title">
-          {asset.currentPrice?.symbol}
-          {asset.currentPrice ? (
-            <SubscriptDecimal decimal={asset.currentPrice.toDec()} />
-          ) : null}
-        </Text>
-        <Text
-          type="subtitle"
-          style={{
-            color: getChangeColor(asset.priceChange24h?.toDec() || new Dec(0)),
-            marginBottom: 5,
-          }}
-        >
-          {asset.priceChange24h?.toString()}
-        </Text>
-      </View>
+      <AssetChartHeader asset={asset} />
 
-      <LineGraph
-        animated
-        color={getChangeColor(asset.priceChange24h?.toDec() || new Dec(0))}
-        points={generateRandomGraphData(100)}
-        enablePanGesture
+      <AssetChart asset={asset} />
+    </ScrollView>
+  );
+};
+
+const AssetChartHeader = ({
+  asset,
+}: {
+  asset: RouterOutputs["local"]["assets"]["getMarketAsset"];
+}) => {
+  const { selectedPoint } = useAssetChartSelectedPointStore((state) => state);
+
+  return (
+    <View style={styles.assetPriceContainer}>
+      <Text type="title">
+        {asset.currentPrice?.symbol}
+        {asset.currentPrice || selectedPoint ? (
+          <SubscriptDecimal
+            decimal={
+              selectedPoint
+                ? new Dec(selectedPoint?.value)
+                : asset.currentPrice.toDec() ?? new Dec(0)
+            }
+          />
+        ) : null}
+      </Text>
+      <Text
+        type="subtitle"
         style={{
-          height: 220,
-          width: "100%",
+          color: getChangeColor(asset.priceChange24h?.toDec() || new Dec(0)),
+          marginBottom: 5,
         }}
-        gradientFillColors={["#ff00005D", "#ff000000"]}
-      />
-    </ScrollView>
+      >
+        {asset.priceChange24h?.toString()}
+      </Text>
+    </View>
   );
 };
 
@@ -227,7 +182,8 @@ const styles = StyleSheet.create({
   },
   tradeButton: {
     backgroundColor: Colors["wosmongton"][500],
-    padding: 15,
+    paddingHorizontal: 15,
+    paddingVertical: 15,
     borderRadius: 255,
     alignItems: "center",
     width: "80%",
diff --git a/packages/mobile/components/asset-chart.tsx b/packages/mobile/components/asset-chart.tsx
new file mode 100644
index 0000000000..625f31f279
--- /dev/null
+++ b/packages/mobile/components/asset-chart.tsx
@@ -0,0 +1,219 @@
+import { Dec } from "@osmosis-labs/unit";
+import * as Haptics from "expo-haptics";
+import { transparentize } from "polished";
+import { useEffect, useMemo, useState } from "react";
+import { ActivityIndicator, StyleSheet, View } from "react-native";
+import { GraphPoint, LineGraph } from "react-native-graph";
+import { useMMKVString } from "react-native-mmkv";
+import { create } from "zustand";
+
+import { Button } from "~/components/ui/button";
+import { Colors } from "~/constants/theme-colors";
+import { getChangeColor } from "~/utils/price";
+import { api, RouterOutputs } from "~/utils/trpc";
+
+export const AvailablePriceRanges = {
+  "1h": "1h",
+  "1d": "1d",
+  "7d": "7d",
+  "1mo": "1mo",
+  "1y": "1y",
+  all: "all",
+} as const;
+
+export type PriceRange =
+  (typeof AvailablePriceRanges)[keyof typeof AvailablePriceRanges];
+
+const AssetChartAvailableDataTypes = ["price", "volume"] as const;
+
+type AssetChartDataType = (typeof AssetChartAvailableDataTypes)[number];
+
+interface SelectedPointState {
+  selectedPoint: GraphPoint | null;
+  setSelectedPoint: (point: GraphPoint | null) => void;
+}
+
+export const useAssetChartSelectedPointStore = create<SelectedPointState>(
+  (set) => ({
+    selectedPoint: null,
+    setSelectedPoint: (point) => set({ selectedPoint: point }),
+  })
+);
+
+export const AssetChart = ({
+  asset,
+}: {
+  asset: RouterOutputs["local"]["assets"]["getMarketAsset"];
+}) => {
+  const setSelectedPoint = useAssetChartSelectedPointStore(
+    (state) => state.setSelectedPoint
+  );
+  const [dataType] = useState<AssetChartDataType>("price");
+  const [timeFrame, setTimeFrame] = useMMKVString("asset-chart-time-frame");
+
+  useEffect(() => {
+    if (!timeFrame) setTimeFrame("7d");
+  }, []);
+
+  const customTimeFrame = useMemo(() => {
+    let frame = 60;
+    let numRecentFrames: number | undefined = undefined;
+
+    switch ((timeFrame ?? "7d") as PriceRange) {
+      case "1h":
+        frame = 5;
+        numRecentFrames = 14;
+        break;
+      case "1d":
+        frame = 15;
+        numRecentFrames = 97;
+        break;
+      case "7d":
+        frame = dataType === "price" ? 60 : 720;
+        numRecentFrames = dataType === "price" ? 168 : 15;
+        break;
+      case "1mo":
+        frame = dataType === "price" ? 240 : 1440;
+        numRecentFrames = dataType === "price" ? 180 : 30;
+        break;
+      case "1y":
+        frame = dataType === "price" ? 1440 : 10080;
+        numRecentFrames = dataType === "price" ? 365 : 54;
+        break;
+      case "all":
+        frame = dataType === "price" ? 10080 : 43800;
+        break;
+    }
+
+    return {
+      timeFrame: frame,
+      numRecentFrames,
+    };
+  }, [asset?.coinMinimalDenom, asset?.coinDenom, timeFrame]);
+
+  const {
+    data: historicalPriceData,
+    isLoading: isHistoricalPriceDataLoading,
+    isError: isHistoricalPriceDataError,
+  } = api.local.assets.getAssetHistoricalPrice.useQuery(
+    {
+      coinMinimalDenom: asset?.coinMinimalDenom ?? asset?.coinDenom ?? "",
+      timeFrame: {
+        custom: customTimeFrame,
+      },
+    },
+    {
+      enabled: Boolean(asset?.coinMinimalDenom ?? asset?.coinDenom),
+      staleTime: 1000 * 60 * 3, // 3 minutes
+      cacheTime: 1000 * 60 * 6, // 6 minutes
+      trpc: {
+        context: {
+          skipBatch: true,
+        },
+      },
+    }
+  );
+
+  const points = useMemo<GraphPoint[]>(() => {
+    if (!historicalPriceData) return [];
+    return historicalPriceData?.map((point) => ({
+      date: new Date(point.time),
+      value: dataType === "price" ? point.close : point.volume,
+    }));
+  }, [historicalPriceData, dataType]);
+
+  const changeColor = useMemo(() => {
+    return getChangeColor(asset.priceChange24h?.toDec() || new Dec(0));
+  }, [asset.priceChange24h]);
+
+  return (
+    <View>
+      {/* // TODO: Add skeleton */}
+      {isHistoricalPriceDataLoading ? (
+        <ActivityIndicator />
+      ) : (
+        <LineGraph
+          animated
+          color={changeColor}
+          points={points}
+          enablePanGesture
+          style={{
+            alignSelf: "center",
+            width: "100%",
+            aspectRatio: 2,
+          }}
+          gradientFillColors={[
+            transparentize(0.75, changeColor),
+            transparentize(0.7, changeColor),
+            transparentize(0.8, Colors.osmoverse[1000]),
+            Colors.osmoverse[1000],
+          ]}
+          lineThickness={2.5}
+          onGestureStart={() => {
+            if (process.env.EXPO_OS === "ios") {
+              // Add a soft haptic feedback when pressing down.
+              Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+            }
+          }}
+          onPointSelected={(point) => {
+            setSelectedPoint(point);
+          }}
+          onGestureEnd={() => {
+            setSelectedPoint(null);
+          }}
+        />
+      )}
+      <View style={styles.timeFrameButtons}>
+        <Button
+          title="1D"
+          onPress={() => {
+            setTimeFrame("1d");
+          }}
+          variant={timeFrame === "1d" ? "primary" : "secondary"}
+          buttonStyle={styles.timeFrameButton}
+        />
+        <Button
+          title="7D"
+          onPress={() => {
+            setTimeFrame("7d");
+          }}
+          variant={timeFrame === "7d" ? "primary" : "secondary"}
+          buttonStyle={styles.timeFrameButton}
+        />
+        <Button
+          title="1M"
+          onPress={() => {
+            setTimeFrame("1mo");
+          }}
+          variant={timeFrame === "1mo" ? "primary" : "secondary"}
+          buttonStyle={styles.timeFrameButton}
+        />
+        <Button
+          title="1Y"
+          onPress={() => {
+            setTimeFrame("1y");
+          }}
+          variant={timeFrame === "1y" ? "primary" : "secondary"}
+          buttonStyle={styles.timeFrameButton}
+        />
+        <Button
+          title="ALL"
+          onPress={() => {
+            setTimeFrame("all");
+          }}
+          variant={timeFrame === "all" ? "primary" : "secondary"}
+          buttonStyle={styles.timeFrameButton}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  timeFrameButtons: {
+    marginTop: 20,
+    flexDirection: "row",
+    gap: 4,
+  },
+  timeFrameButton: { flex: 1 },
+});
diff --git a/packages/mobile/components/ui/button.tsx b/packages/mobile/components/ui/button.tsx
new file mode 100644
index 0000000000..e73b1dfcaa
--- /dev/null
+++ b/packages/mobile/components/ui/button.tsx
@@ -0,0 +1,58 @@
+import React from "react";
+import {
+  StyleSheet,
+  Text,
+  TextStyle,
+  TouchableOpacity,
+  ViewStyle,
+} from "react-native";
+
+import { Colors } from "~/constants/theme-colors";
+
+interface ButtonProps {
+  title: string;
+  onPress: () => void;
+  variant?: "primary" | "secondary";
+  buttonStyle?: ViewStyle;
+  textStyle?: TextStyle;
+}
+
+export const Button: React.FC<ButtonProps> = ({
+  title,
+  onPress,
+  variant = "primary",
+  buttonStyle,
+  textStyle,
+}) => {
+  return (
+    <TouchableOpacity
+      style={[
+        styles.button,
+        variant === "primary" ? styles.primary : styles.secondary,
+        buttonStyle,
+      ]}
+      onPress={onPress}
+    >
+      <Text style={[styles.text, textStyle]}>{title}</Text>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    paddingHorizontal: 16,
+    paddingVertical: 4,
+    borderRadius: 255,
+    alignItems: "center",
+  },
+  primary: {
+    backgroundColor: Colors["wosmongton"][500],
+  },
+  secondary: {
+    backgroundColor: Colors["osmoverse"][825],
+  },
+  text: {
+    color: "#fff",
+    fontSize: 16,
+  },
+});
diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 04837ae6f8..94e3c2a37d 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -29,7 +29,7 @@
     "@react-navigation/native": "^7.0.0",
     "@shopify/flash-list": "^1.7.2",
     "@shopify/react-native-skia": "1.5.0",
-    "@tanstack/query-async-storage-persister": "^4.36.1",
+    "@tanstack/query-sync-storage-persister": "^4.36.1",
     "@tanstack/react-query": "^4.32.6",
     "@tanstack/react-query-persist-client": "^4.36.1",
     "@trpc/client": "^10.45.1",
diff --git a/packages/mobile/utils/asset-lists.ts b/packages/mobile/utils/asset-lists.ts
index 7478bf98d9..08a816c9ff 100644
--- a/packages/mobile/utils/asset-lists.ts
+++ b/packages/mobile/utils/asset-lists.ts
@@ -133,6 +133,7 @@ export async function getMobileAssetListAndChains({
   environment: "testnet" | "mainnet";
 }) {
   const repo = "osmosis-labs/assetlists";
+  console.log("aa");
   const [rawAssetList, rawChainList] = await Promise.all([
     queryGithubFile<GitHubResponseAssetList>({
       repo,
diff --git a/packages/mobile/utils/mmkv.ts b/packages/mobile/utils/mmkv.ts
index e69de29bb2..45bb3964f2 100644
--- a/packages/mobile/utils/mmkv.ts
+++ b/packages/mobile/utils/mmkv.ts
@@ -0,0 +1,9 @@
+import { MMKV } from "react-native-mmkv";
+
+export const defaultStorage = new MMKV();
+
+export const mmkvStorage = {
+  getItem: (key: string) => defaultStorage.getString(key) ?? null,
+  setItem: (key: string, value: string) => defaultStorage.set(key, value),
+  removeItem: (key: string) => defaultStorage.delete(key),
+};
diff --git a/yarn.lock b/yarn.lock
index cdea0bd3dd..dafd8dff06 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5468,29 +5468,7 @@
     buffer "^6.0.3"
     delay "^4.4.0"
 
-"@keplr-wallet/common@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/common/-/common-0.12.12.tgz#55030d985b729eac582c0d7203190e25ea2cb3ec"
-  integrity sha512-AxpwmXdqs083lMvA8j0/V30oTGyobsefNaCou+lP4rCyDdYuXSEux+x2+1AGL9xB3yZfN+4jvEEKJdMwHYEHcQ==
-  dependencies:
-    "@keplr-wallet/crypto" "0.12.12"
-    "@keplr-wallet/types" "0.12.12"
-    buffer "^6.0.3"
-    delay "^4.4.0"
-    mobx "^6.1.7"
-
-"@keplr-wallet/common@0.12.28":
-  version "0.12.28"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/common/-/common-0.12.28.tgz#1d5d985070aced31a34a6426c9ac4b775081acca"
-  integrity sha512-ESQorPZw8PRiUXhsrxED+E1FEWkAdc6Kwi3Az7ce204gMBQDI2j0XJtTd4uCUp+C24Em9fk0samdHzdoB4caIg==
-  dependencies:
-    "@keplr-wallet/crypto" "0.12.28"
-    "@keplr-wallet/types" "0.12.28"
-    buffer "^6.0.3"
-    delay "^4.4.0"
-    mobx "^6.1.7"
-
-"@keplr-wallet/cosmos@0.10.24-ibc.go.v7.hot.fix":
+"@keplr-wallet/cosmos@0.10.24-ibc.go.v7.hot.fix", "@keplr-wallet/cosmos@0.12.12", "@keplr-wallet/cosmos@0.12.28":
   version "0.10.24-ibc.go.v7.hot.fix"
   resolved "https://registry.npmjs.org/@keplr-wallet/cosmos/-/cosmos-0.10.24-ibc.go.v7.hot.fix.tgz"
   integrity sha512-/A/wHyYo5gQIW5YkAQYZadEv/12EcAuDclO0KboIb9ti4XFJW6S4VY8LnA16R7DZyBx1cnQknyDm101fUrJfJQ==
@@ -5507,40 +5485,6 @@
     long "^4.0.0"
     protobufjs "^6.11.2"
 
-"@keplr-wallet/cosmos@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/cosmos/-/cosmos-0.12.12.tgz#72c0505d2327bbf2f5cb51502acaf399b88b4ae3"
-  integrity sha512-9TLsefUIAuDqqf1WHBt9Bk29rPlkezmLM8P1eEsXGUaHBfuqUrO+RwL3eLA3HGcgNvdy9s8e0p/4CMInH/LLLQ==
-  dependencies:
-    "@ethersproject/address" "^5.6.0"
-    "@keplr-wallet/common" "0.12.12"
-    "@keplr-wallet/crypto" "0.12.12"
-    "@keplr-wallet/proto-types" "0.12.12"
-    "@keplr-wallet/simple-fetch" "0.12.12"
-    "@keplr-wallet/types" "0.12.12"
-    "@keplr-wallet/unit" "0.12.12"
-    bech32 "^1.1.4"
-    buffer "^6.0.3"
-    long "^4.0.0"
-    protobufjs "^6.11.2"
-
-"@keplr-wallet/cosmos@0.12.28":
-  version "0.12.28"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/cosmos/-/cosmos-0.12.28.tgz#d56e73468256e7276a66bb41f145449dbf11efa1"
-  integrity sha512-IuqmSBgKgIeWBA0XGQKKs28IXFeFMCrfadCbtiZccNc7qnNr5Y/Cyyk01BPC8Dd1ZyEyAByoICgrxvtGN0GGvA==
-  dependencies:
-    "@ethersproject/address" "^5.6.0"
-    "@keplr-wallet/common" "0.12.28"
-    "@keplr-wallet/crypto" "0.12.28"
-    "@keplr-wallet/proto-types" "0.12.28"
-    "@keplr-wallet/simple-fetch" "0.12.28"
-    "@keplr-wallet/types" "0.12.28"
-    "@keplr-wallet/unit" "0.12.28"
-    bech32 "^1.1.4"
-    buffer "^6.0.3"
-    long "^4.0.0"
-    protobufjs "^6.11.2"
-
 "@keplr-wallet/crypto@0.10.24-ibc.go.v7.hot.fix":
   version "0.10.24-ibc.go.v7.hot.fix"
   resolved "https://registry.npmjs.org/@keplr-wallet/crypto/-/crypto-0.10.24-ibc.go.v7.hot.fix.tgz"
@@ -5613,7 +5557,7 @@
   resolved "https://registry.npmjs.org/@keplr-wallet/popup/-/popup-0.10.24-ibc.go.v7.hot.fix.tgz"
   integrity sha512-Q/teyV6vdmpH3SySGd1xrNc/mVGK/tCP5vFEG2I3Y4FDCSV1yD7vcVgUy+tN19Z8EM3goR57V2QlarSOidtdjQ==
 
-"@keplr-wallet/proto-types@0.10.24-ibc.go.v7.hot.fix":
+"@keplr-wallet/proto-types@0.10.24-ibc.go.v7.hot.fix", "@keplr-wallet/proto-types@0.12.12":
   version "0.10.24-ibc.go.v7.hot.fix"
   resolved "https://registry.npmjs.org/@keplr-wallet/proto-types/-/proto-types-0.10.24-ibc.go.v7.hot.fix.tgz"
   integrity sha512-fLUJEtDadYJIMBzhMSZpEDTvXqk8wW68TwnUCRAcAooEQEtXPwY5gfo3hcekQEiCYtIu8XqzJ9fg01rp2Z4d3w==
@@ -5621,22 +5565,6 @@
     long "^4.0.0"
     protobufjs "^6.11.2"
 
-"@keplr-wallet/proto-types@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/proto-types/-/proto-types-0.12.12.tgz#24e0530af7604a90f33a397a82fe500865c76154"
-  integrity sha512-iAqqNlJpxu/8j+SwOXEH2ymM4W0anfxn+eNeWuqz2c/0JxGTWeLURioxQmCtewtllfHdDHHcoQ7/S+NmXiaEgQ==
-  dependencies:
-    long "^4.0.0"
-    protobufjs "^6.11.2"
-
-"@keplr-wallet/proto-types@0.12.28":
-  version "0.12.28"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/proto-types/-/proto-types-0.12.28.tgz#2fb2c37749ce7db974f01d07387e966c9b99027d"
-  integrity sha512-ukti/eCTltPUP64jxtk5TjtwJogyfKPqlBIT3KGUCGzBLIPeYMsffL5w5aoHsMjINzOITjYqzXyEF8LTIK/fmw==
-  dependencies:
-    long "^4.0.0"
-    protobufjs "^6.11.2"
-
 "@keplr-wallet/provider-extension@^0.12.95":
   version "0.12.107"
   resolved "https://registry.yarnpkg.com/@keplr-wallet/provider-extension/-/provider-extension-0.12.107.tgz#98a0fb42cb0c54d4e681e60e6b1145429a6e3e23"
@@ -5712,32 +5640,12 @@
     deepmerge "^4.2.2"
     long "^4.0.0"
 
-"@keplr-wallet/router@0.10.24-ibc.go.v7.hot.fix":
+"@keplr-wallet/router@0.10.24-ibc.go.v7.hot.fix", "@keplr-wallet/router@0.12.12", "@keplr-wallet/router@0.12.96":
   version "0.10.24-ibc.go.v7.hot.fix"
   resolved "https://registry.npmjs.org/@keplr-wallet/router/-/router-0.10.24-ibc.go.v7.hot.fix.tgz"
   integrity sha512-bt9weexlbhlh8KsOvbDrvHJ8jtUXrXgB2LX+hEAwjclHQt7PMUhx9a5z0Obd19/ive5G/1M7/ccdPIWxRBpKQw==
 
-"@keplr-wallet/router@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/router/-/router-0.12.12.tgz#92a2c006aec6945ed313575af6b0801f8e84e315"
-  integrity sha512-Aa1TiVRIEPaqs1t27nCNs5Kz6Ty4CLarVdfqcRWlFQL6zFq33GT46s6K9U4Lz2swVCwdmerSXaq308K/GJHTlw==
-
-"@keplr-wallet/router@0.12.96":
-  version "0.12.96"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/router/-/router-0.12.96.tgz#6a20ed2c90ba3ed4f3fc43ed7513f72d7055482d"
-  integrity sha512-O8izj032ZKQIoTus96BFqem+w6NpYHU3j6NEnSaQBh6Zncj9fgjoOVs0CKK+jsuLYUsOHx2t86BxMSKESsR0Ug==
-
-"@keplr-wallet/simple-fetch@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/simple-fetch/-/simple-fetch-0.12.12.tgz#aacc5c3f22b7ab2804b39e864725294a32f858fd"
-  integrity sha512-lCOsaI8upMpbusfwJqEK8VIEX77+QE8+8MJVRqoCYwjOTqKGdUH7D1ieZWh+pzvzOnVgedM3lxqdmCvdgU91qw==
-
-"@keplr-wallet/simple-fetch@0.12.28":
-  version "0.12.28"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/simple-fetch/-/simple-fetch-0.12.28.tgz#44225df5b329c823076280df1ec9930a21b1373e"
-  integrity sha512-T2CiKS2B5n0ZA7CWw0CA6qIAH0XYI1siE50MP+i+V0ZniCGBeL+BMcDw64vFJUcEH+1L5X4sDAzV37fQxGwllA==
-
-"@keplr-wallet/types@0.10.24-ibc.go.v7.hot.fix":
+"@keplr-wallet/types@0.10.24-ibc.go.v7.hot.fix", "@keplr-wallet/types@0.12.107", "@keplr-wallet/types@0.12.12", "@keplr-wallet/types@0.12.96", "@keplr-wallet/types@^0.12.95":
   version "0.10.24-ibc.go.v7.hot.fix"
   resolved "https://registry.npmjs.org/@keplr-wallet/types/-/types-0.10.24-ibc.go.v7.hot.fix.tgz"
   integrity sha512-3KUjDMUCscYkvKnC+JsJh9+X0NHlsvBgAghP/uy2p5OGtiULqPBAjWiO+hnBbhis3ZEkzGcCROnnBOoccKd3CQ==
@@ -5748,41 +5656,6 @@
     long "^4.0.0"
     secretjs "^0.17.0"
 
-"@keplr-wallet/types@0.12.107":
-  version "0.12.107"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/types/-/types-0.12.107.tgz#8d6726d86e17a79131b4b6f4f114052d6384aa58"
-  integrity sha512-jBpjJO+nNL8cgsJLjZYoq84n+7nXHDdztTgRMVnnomFb+Vy0FVIEI8VUl89ImmHDUImDd0562ywsvA496/0yCA==
-  dependencies:
-    long "^4.0.0"
-
-"@keplr-wallet/types@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/types/-/types-0.12.12.tgz#f4bd9e710d5e53504f6b53330abb45bedd9c20ae"
-  integrity sha512-fo6b8j9EXnJukGvZorifJWEm1BPIrvaTLuu5PqaU5k1ANDasm/FL1NaUuaTBVvhRjINtvVXqYpW/rVUinA9MBA==
-  dependencies:
-    long "^4.0.0"
-
-"@keplr-wallet/types@0.12.28":
-  version "0.12.28"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/types/-/types-0.12.28.tgz#eac3c2c9d4560856c5c403a87e67925992a04fbf"
-  integrity sha512-EcM9d46hYDm3AO4lf4GUbTSLRySONtTmhKb7p88q56OQOgJN3MMjRacEo2p9jX9gpPe7gRIjMUalhAfUiFpZoQ==
-  dependencies:
-    long "^4.0.0"
-
-"@keplr-wallet/types@0.12.96":
-  version "0.12.96"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/types/-/types-0.12.96.tgz#a7735051b1f7cbcdf9b8c29010b1c3c45d195c19"
-  integrity sha512-tr4tPjMrJCsfRXXhhmqnpb9DqH9auJp3uuj8SvDB3pQTTaYJNxkdonLv1tYmXZZ6J9oWtk9WVEDTVgBQN/wisw==
-  dependencies:
-    long "^4.0.0"
-
-"@keplr-wallet/types@^0.12.95":
-  version "0.12.157"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/types/-/types-0.12.157.tgz#5aa15c09c5e18ab3a1381839368a6725c4037818"
-  integrity sha512-CWRg6AK2x7sXZ0rhr9NSL8z9sIdnNHgrce3nyOBAJkXJ9XtrrJoOtopnkFaQmFOanysMHUrKMCbZFiaYrBmqew==
-  dependencies:
-    long "^4.0.0"
-
 "@keplr-wallet/unit@0.10.24-ibc.go.v7.hot.fix":
   version "0.10.24-ibc.go.v7.hot.fix"
   resolved "https://registry.npmjs.org/@keplr-wallet/unit/-/unit-0.10.24-ibc.go.v7.hot.fix.tgz"
@@ -5792,24 +5665,6 @@
     big-integer "^1.6.48"
     utility-types "^3.10.0"
 
-"@keplr-wallet/unit@0.12.12":
-  version "0.12.12"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/unit/-/unit-0.12.12.tgz#2d7f2e38df4e09c8123dcc0784ffc4b5f4166217"
-  integrity sha512-fayJcfXWKUnbDZiRJHyuA9GMVS9DymjRlCzlpAJ0+xV0c4Kun/f+9FajL9OQAdPPhnJ7A3KevMI4VHZsd9Yw+A==
-  dependencies:
-    "@keplr-wallet/types" "0.12.12"
-    big-integer "^1.6.48"
-    utility-types "^3.10.0"
-
-"@keplr-wallet/unit@0.12.28":
-  version "0.12.28"
-  resolved "https://registry.yarnpkg.com/@keplr-wallet/unit/-/unit-0.12.28.tgz#907c7fa0b49a729cda207fca14fc0a38871cc6c4"
-  integrity sha512-kpXigHDBJGOmhtPkv9hqsQid9zkFo7OQPeKgO2n8GUlOINIXW6kWG5LXYTi/Yg9Uiw1CQF69gFMuZCJ8IzVHlA==
-  dependencies:
-    "@keplr-wallet/types" "0.12.28"
-    big-integer "^1.6.48"
-    utility-types "^3.10.0"
-
 "@keplr-wallet/wc-client@^0.12.95":
   version "0.12.96"
   resolved "https://registry.yarnpkg.com/@keplr-wallet/wc-client/-/wc-client-0.12.96.tgz#a56995172dcdc73d32b24d5a704a954062befc2a"
@@ -8532,6 +8387,13 @@
   dependencies:
     "@tanstack/query-core" "4.36.1"
 
+"@tanstack/query-sync-storage-persister@^4.36.1":
+  version "4.36.1"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-sync-storage-persister/-/query-sync-storage-persister-4.36.1.tgz#bf5d800d54416bc88f150792a53e25ed8aa8769f"
+  integrity sha512-yMEt5hWe2+1eclf1agMtXHnPIkxEida0lYWkfdhR8U6KXk/lO4Vca6piJmhKI85t0NHlx3l/z6zX+t/Fn5O9NA==
+  dependencies:
+    "@tanstack/query-persist-client-core" "4.36.1"
+
 "@tanstack/react-query-persist-client@^4.36.1":
   version "4.36.1"
   resolved "https://registry.yarnpkg.com/@tanstack/react-query-persist-client/-/react-query-persist-client-4.36.1.tgz#d96fa44cdc661534379623423da596a7b5dc13a7"