diff --git a/app/components/Agent.tsx b/app/components/Agent.tsx
index dc20304..fdd5102 100644
--- a/app/components/Agent.tsx
+++ b/app/components/Agent.tsx
@@ -1,5 +1,4 @@
-import { useCallback, useState } from 'react';
-import type { Language } from '../types';
+import { useState } from 'react';
 import AgentAssets from './AgentAssets';
 import AgentBalance from './AgentBalance';
 import AgentProfile from './AgentProfile';
@@ -11,11 +10,6 @@ import Stream from './Stream';
 export default function Agent() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isMobileChatOpen, setIsMobileChatOpen] = useState(false);
-  const [currentLanguage, setCurrentLanguage] = useState<Language>('en');
-
-  const handleLanguageChange = useCallback((lang: Language) => {
-    setCurrentLanguage(lang);
-  }, []);
 
   return (
     <div className="relative flex h-screen flex-col overflow-hidden bg-black font-mono text-[#5788FA]">
@@ -24,8 +18,6 @@ export default function Agent() {
         setIsMobileMenuOpen={setIsMobileMenuOpen}
         isMobileChatOpen={isMobileChatOpen}
         setIsMobileChatOpen={setIsMobileChatOpen}
-        setCurrentLanguage={handleLanguageChange}
-        currentLanguage={currentLanguage}
       />
 
       <div className="relative flex flex-grow overflow-hidden">
@@ -35,14 +27,15 @@ export default function Agent() {
             isMobileMenuOpen ? 'translate-x-0' : '-translate-x-full'
           } fixed z-20 flex h-full w-full flex-col overflow-y-auto bg-black transition-transform duration-300 lg:relative lg:z-0 lg:w-1/3 lg:translate-x-0 lg:border-[#5788FA]/50 lg:border-r `}
         >
-          <AgentProfile currentLanguage={currentLanguage} />
+          <AgentProfile />
           <AgentBalance />
           <AgentAssets />
+          <Footer />
         </div>
 
         <div className="flex w-full lg:w-2/3">
-          <Stream currentLanguage={currentLanguage} />
-          <Chat currentLanguage={currentLanguage} className="hidden" />
+          <Chat />
+          <Stream className="hidden" />
         </div>
 
         <div
@@ -51,13 +44,12 @@ export default function Agent() {
             isMobileChatOpen ? 'translate-y-0' : 'translate-x-full'
           } fixed top-0 z-8 flex h-full w-full flex-col overflow-y-auto bg-black pt-[100px] transition-transform duration-300 md:hidden`}
         >
-          <Chat
-            currentLanguage={currentLanguage}
-            className="flex w-full flex-col"
-          />
+          <Stream className="flex w-full flex-col" />
         </div>
       </div>
-      <Footer />
+      <div className="z-20 lg:hidden">
+        <Footer />
+      </div>
     </div>
   );
 }
diff --git a/app/components/AgentAssets.tsx b/app/components/AgentAssets.tsx
index 5cbf310..8c156dd 100644
--- a/app/components/AgentAssets.tsx
+++ b/app/components/AgentAssets.tsx
@@ -1,15 +1,17 @@
+import { NFTMintCard } from '@coinbase/onchainkit/nft';
+import { NFTCollectionTitle } from '@coinbase/onchainkit/nft/mint';
 import { type Token, TokenRow } from '@coinbase/onchainkit/token';
-import { useCallback, useEffect, useState } from 'react';
-// import useGetNFTs from "../hooks/useGetNFTs";
-import type { Address } from 'viem';
-import { useToken } from 'wagmi';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { type Address, erc721Abi,  } from 'viem';
+import { useContractRead, useToken } from 'wagmi';
+import useGetNFTs from '../hooks/useGetNFTs';
 import useGetTokens from '../hooks/useGetTokens';
 
-type AgentTokenProps = {
+type AgentAssetProps = {
   tokenAddress: Address;
 };
 
-function AgentToken({ tokenAddress }: AgentTokenProps) {
+function AgentToken({ tokenAddress }: AgentAssetProps) {
   const { data } = useToken({ address: tokenAddress, chainId: 84532 });
   const token: Token = {
     address: tokenAddress,
@@ -20,38 +22,63 @@ function AgentToken({ tokenAddress }: AgentTokenProps) {
     image: '',
   };
 
-  return <TokenRow token={token} className="max-w-56 rounded" />;
+  return <TokenRow token={token} className="max-w-56 rounded font-mono" />;
+}
+
+function AgentNFT({ tokenAddress }: AgentAssetProps) {
+  const { data: name } = useContractRead({
+    address: tokenAddress,
+    abi: erc721Abi,
+    functionName: 'name',
+    chainId: 84532,
+  });
+
+  const nftData = useMemo(() => {
+    return {
+      name,
+    };
+  }, [name]);
+
+  if (!name) {
+    return null;
+  }
+
+  return (
+    <NFTMintCard contractAddress={tokenAddress} useNFTData={() => nftData}>
+      <NFTCollectionTitle className="font-mono text-sm" />
+    </NFTMintCard>
+  );
 }
 export default function AgentAssets() {
   const [tab, setTab] = useState('tokens');
-  // const [nfts, setNFTs] = useState<string[]>([]);
+  const [nfts, setNFTs] = useState<Address[]>([]);
   const [tokens, setTokens] = useState<Address[]>([]);
 
   const { getTokens } = useGetTokens({ onSuccess: setTokens });
-  // const { getNFTs } = useGetNFTs({ onSuccess: setNFTs });
+  const { getNFTs } = useGetNFTs({ onSuccess: setNFTs });
 
   const handleTabChange = useCallback((tab: string) => {
     return () => setTab(tab);
   }, []);
 
   useEffect(() => {
-    // getNFTs();
+    getNFTs();
     getTokens();
-  }, [getTokens]);
+  }, [getNFTs, getTokens]);
 
   return (
     <div className="mr-2 mb-4 rounded-sm bg-black p-4">
       <div className="flex flex-col items-start gap-4">
         <div className="flex w-full grow gap-6 border-zinc-700 border-b">
-          {/* <button
+          <button
             type="button"
-            onClick={handleTabChange("nfts")}
+            onClick={handleTabChange('nfts')}
             className={`flex items-center justify-center py-1 ${
-              tab === "nfts" ? "border-b border-[#5788FA]" : ""
+              tab === 'nfts' ? 'border-[#5788FA] border-b' : ''
             }`}
           >
             NFTs
-          </button> */}
+          </button>
           <button
             type="button"
             onClick={handleTabChange('tokens')}
@@ -68,6 +95,14 @@ export default function AgentAssets() {
           tokens?.map((token) => (
             <AgentToken key={token} tokenAddress={token} />
           ))}
+
+        {tab === 'nfts' && nfts && (
+          <div className="grid-col-1 grid gap-4 sm:grid-cols-2">
+            {nfts?.map((nft) => (
+              <AgentNFT key={nft} tokenAddress={nft} />
+            ))}
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/app/components/AgentProfile.tsx b/app/components/AgentProfile.tsx
index 420008e..2112aee 100644
--- a/app/components/AgentProfile.tsx
+++ b/app/components/AgentProfile.tsx
@@ -1,12 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { AGENT_NAME, AGENT_WALLET_ADDRESS, notoSansThai } from '../constants';
-import type { Language } from '../types';
+import { AGENT_NAME, AGENT_WALLET_ADDRESS } from '../constants';
 
-type AgentProfileProps = {
-  currentLanguage: Language;
-};
-
-export default function AgentProfile({ currentLanguage }: AgentProfileProps) {
+export default function AgentProfile() {
   const [eyePosition, setEyePosition] = useState({ x: 50, y: 50 });
   const [showToast, setShowToast] = useState(false);
   const avatarRef = useRef<SVGSVGElement>(null);
@@ -98,16 +93,8 @@ export default function AgentProfile({ currentLanguage }: AgentProfileProps) {
           </div>
         </div>
 
-        {/* TODO: update description */}
-        <p
-          className={`text-[#5788FA] text-base ${
-            currentLanguage === 'th' ? notoSansThai.className : ''
-          }`}
-        >
-          Lorem Ipsum is simply dummy text of the printing and typesetting
-          industry. Lorem Ipsum has been the industrys standard dummy text ever
-          since the 1500s, when an unknown printer took a galley of type and
-          scrambled it to make a type specimen book.
+        <p className="text-[#5788FA] text-base">
+          {`I'm your onchain concierge`}
         </p>
       </div>
     </div>
diff --git a/app/components/Chat.tsx b/app/components/Chat.tsx
index 9fc34ba..fe22932 100644
--- a/app/components/Chat.tsx
+++ b/app/components/Chat.tsx
@@ -1,19 +1,17 @@
 import { cn } from '@coinbase/onchainkit/theme';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { notoSansThai } from '../constants';
 import useChat from '../hooks/useChat';
-import type { AgentMessage, Language, StreamEntry } from '../types';
+import type { AgentMessage, StreamEntry } from '../types';
 import { generateUUID, markdownToPlainText } from '../utils';
 import ChatInput from './ChatInput';
 import StreamItem from './StreamItem';
 
 type ChatProps = {
-  currentLanguage: Language;
   enableLiveStream?: boolean;
   className?: string;
 };
 
-export default function Chat({ className, currentLanguage }: ChatProps) {
+export default function Chat({ className }: ChatProps) {
   const [userInput, setUserInput] = useState('');
   const [streamEntries, setStreamEntries] = useState<StreamEntry[]>([]);
   const conversationId = useMemo(() => {
@@ -76,21 +74,19 @@ export default function Chat({ className, currentLanguage }: ChatProps) {
   }, [streamEntries]);
 
   return (
-    <div className={cn('flex h-full w-1/2 grow flex-col md:flex', className)}>
+    <div
+      className={cn(
+        'flex h-full w-full flex-col border-[#5788FA]/50 md:flex md:w-1/2 md:border-r',
+        className,
+      )}
+    >
       <div className="flex grow flex-col overflow-y-auto p-4 pb-20">
-        <p
-          className={`text-zinc-500 ${
-            currentLanguage === 'th' ? notoSansThai.className : ''
-          }`}
-        >
-          Ask me something...
-        </p>
+        <p className="text-zinc-500">Ask me something...</p>
         <div className="mt-4 space-y-2" role="log" aria-live="polite">
           {streamEntries.map((entry, index) => (
             <StreamItem
               key={`${entry.timestamp.toDateString()}-${index}`}
               entry={entry}
-              currentLanguage={currentLanguage}
             />
           ))}
         </div>
@@ -99,7 +95,6 @@ export default function Chat({ className, currentLanguage }: ChatProps) {
       </div>
 
       <ChatInput
-        currentLanguage={currentLanguage}
         userInput={userInput}
         handleKeyPress={handleKeyPress}
         handleSubmit={handleSubmit}
diff --git a/app/components/ChatInput.tsx b/app/components/ChatInput.tsx
index 942eedd..8546766 100644
--- a/app/components/ChatInput.tsx
+++ b/app/components/ChatInput.tsx
@@ -1,27 +1,17 @@
 import { type ChangeEvent, useCallback } from 'react';
-import { notoSansThai } from '../constants';
 import SendSvg from '../svg/SendSvg';
-import { translations } from '../translations';
-import type { Language } from '../types';
 
 type PremadeChatInputProps = {
   text: string;
-  currentLanguage: Language;
   setUserInput: (input: string) => void;
 };
 
-function PremadeChatInput({
-  text,
-  currentLanguage,
-  setUserInput,
-}: PremadeChatInputProps) {
+function PremadeChatInput({ text, setUserInput }: PremadeChatInputProps) {
   return (
     <button
       type="submit"
       onClick={() => setUserInput(text)}
-      className={`w-full whitespace-nowrap rounded-sm border border-[#5788FA]/50 px-2 py-1 text-start text-[#5788FA] transition-colors hover:bg-zinc-900 hover:text-[#3D7BFF] lg:w-auto ${
-        currentLanguage === 'th' ? notoSansThai.className : ''
-      }`}
+      className="w-full whitespace-nowrap rounded-sm border border-[#5788FA]/50 px-2 py-1 text-start text-[#5788FA] transition-colors hover:bg-zinc-900 hover:text-[#3D7BFF] lg:w-auto"
     >
       {text}
     </button>
@@ -33,12 +23,10 @@ export type ChatInputProps = {
   userInput: string;
   setUserInput: (input: string) => void;
   handleKeyPress: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-  currentLanguage: Language;
   disabled?: boolean;
 };
 
 export default function ChatInput({
-  currentLanguage,
   handleSubmit,
   userInput,
   setUserInput,
@@ -56,7 +44,7 @@ export default function ChatInput({
   return (
     <form
       onSubmit={handleSubmit}
-      className="mt-auto flex w-full flex-col border-[#5788FA]/50 border-t bg-black p-4 pb-10 md:mt-0 lg:pb-2"
+      className="mt-auto flex w-full flex-col border-[#5788FA]/50 border-t bg-black p-4 pb-2 md:mt-0"
     >
       <div className="flex flex-col gap-2">
         <div className="flex gap-2">
@@ -64,10 +52,8 @@ export default function ChatInput({
             value={userInput}
             onChange={handleInputChange}
             onKeyPress={handleKeyPress}
-            className={`h-24 w-full bg-black p-2 pr-10 text-gray-300 placeholder-[#5788FA] placeholder-opacity-50 lg:h-36 ${
-              currentLanguage === 'th' ? notoSansThai.className : ''
-            }`}
-            placeholder={translations[currentLanguage].chat.placeholder}
+            className="h-24 w-full bg-black p-2 pr-10 text-gray-300 placeholder-[#5788FA] placeholder-opacity-50 lg:h-36"
+            placeholder="How can I help?"
             rows={1}
           />
           <button
@@ -86,20 +72,18 @@ export default function ChatInput({
           <div className="flex grow flex-col flex-wrap gap-2 overflow-x-auto text-xs lg:flex-row lg:text-sm">
             <PremadeChatInput
               setUserInput={setUserInput}
-              currentLanguage={currentLanguage}
-              text="Create a new token with all the specifications"
+              text="What actions can you take?"
             />
             <PremadeChatInput
               setUserInput={setUserInput}
-              currentLanguage={currentLanguage}
-              text={translations[currentLanguage].chat.suggestions.swap}
+              text="Deploy an NFT"
             />
           </div>
           <button
             type="submit"
             disabled={!/[a-zA-Z]/.test(userInput) || disabled}
             className={`rounded-sm p-1.5 transition-colors max-xl:hidden ${
-              /[a-zA-Z]/.test(userInput) || disabled
+              /[a-zA-Z]/.test(userInput) && !disabled
                 ? 'bg-[#5788FA] text-zinc-950 hover:bg-[#3D7BFF]'
                 : 'cursor-not-allowed bg-[#5788FA] text-zinc-950 opacity-50'
             }`}
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 4e7cca5..7fa2996 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -1,6 +1,6 @@
 export default function Footer() {
   return (
-    <div className="fixed bottom-4 left-4 z-30 text-sm text-zinc-400">
+    <div className="z-30 mt-auto flex w-full bg-black p-4 text-sm text-xs text-zinc-400 sm:text-sm md:border-[#5788FA]/50 md:border-t">
       Powered by{' '}
       <a
         href="https://onchainkit.xyz/"
@@ -11,7 +11,6 @@ export default function Footer() {
         OnchainKit
       </a>
       <span className="mx-2">·</span>
-      {/* TODO: Replace with a link to the template repo */}
       <a
         href="https://github.com/coinbase/onchain-agent-demo"
         target="_blank"
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index ba9b895..f60b148 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -1,18 +1,14 @@
 import { useCallback, useEffect, useState } from 'react';
-import { AGENT_NAME, notoSansThai } from '../constants';
-import ChatSvg from '../svg/ChatSvg';
+import { AGENT_NAME } from '../constants';
+import StreamSvg from '../svg/StreamSvg';
 import WalletSvg from '../svg/WalletSvg';
-import { translations } from '../translations';
-import type { Language } from '../types';
-import LanguageSelector from './LanguageSelector';
+import { formatDateToBangkokTime } from '../utils';
 
 type NavbarProps = {
   setIsMobileMenuOpen: (isOpen: boolean) => void;
   isMobileMenuOpen: boolean;
   setIsMobileChatOpen: (isOpen: boolean) => void;
   isMobileChatOpen: boolean;
-  setCurrentLanguage: (language: Language) => void;
-  currentLanguage: Language;
 };
 
 export default function Navbar({
@@ -20,10 +16,13 @@ export default function Navbar({
   isMobileMenuOpen,
   isMobileChatOpen,
   setIsMobileChatOpen,
-  setCurrentLanguage,
-  currentLanguage,
 }: NavbarProps) {
   const [isLiveDotVisible, setIsLiveDotVisible] = useState(true);
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
 
   // enables glowing live on sepolia dot
   useEffect(() => {
@@ -58,15 +57,19 @@ export default function Navbar({
     setIsMobileMenuOpen,
   ]);
 
+  if (!isClient) {
+    return false;
+  }
+
   return (
-    <div className="z-10 flex flex-col items-center justify-between border-[#5788FA]/50 border-b">
+    <div className="z-10 flex flex-col items-center justify-between border-[#5788FA]/50 border-b bg-black">
       <div className="flex w-full items-center justify-between border-[#5788FA]/50 border-b p-2 md:hidden">
         <button type="button" onClick={handleMobileProfileClick}>
           <WalletSvg />
         </button>
         <h2 className="font-bold text-[#5788FA] text-xl">{AGENT_NAME}</h2>
         <button type="button" onClick={handleMobileChatClick}>
-          <ChatSvg />
+          <StreamSvg />
         </button>
       </div>
       <div className="flex w-full justify-between p-2">
@@ -86,18 +89,13 @@ export default function Navbar({
             }
         `}
           />
-          <span
-            className={`text-sm text-zinc-50 ${
-              currentLanguage === 'th' ? notoSansThai.className : ''
-            }`}
-          >
-            {translations[currentLanguage].header.liveOn}
+          <span className="text-xs text-zinc-50 sm:text-sm">
+            Live on Base Sepolia
           </span>
         </div>
-        <LanguageSelector
-          currentLanguage={currentLanguage}
-          onLanguageChange={setCurrentLanguage}
-        />
+        <div className="text-xs sm:text-sm" aria-live="polite">
+          {formatDateToBangkokTime(new Date())} ICT
+        </div>
       </div>
     </div>
   );
diff --git a/app/components/Stream.tsx b/app/components/Stream.tsx
index 0c5e9ce..1165be8 100644
--- a/app/components/Stream.tsx
+++ b/app/components/Stream.tsx
@@ -1,21 +1,17 @@
+import { cn } from '@coinbase/onchainkit/theme';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTransactionCount } from 'wagmi';
-import {
-  AGENT_WALLET_ADDRESS,
-  DEFAULT_PROMPT,
-  notoSansThai,
-} from '../constants';
+import { AGENT_WALLET_ADDRESS, DEFAULT_PROMPT } from '../constants';
 import useChat from '../hooks/useChat';
-import { translations } from '../translations';
-import type { AgentMessage, Language, StreamEntry } from '../types';
+import type { AgentMessage, StreamEntry } from '../types';
 import { generateUUID, markdownToPlainText } from '../utils';
 import StreamItem from './StreamItem';
 
 type StreamProps = {
-  currentLanguage: Language;
+  className?: string;
 };
 
-export default function Stream({ currentLanguage }: StreamProps) {
+export default function Stream({ className }: StreamProps) {
   const [streamEntries, setStreamEntries] = useState<StreamEntry[]>([]);
   const [isThinking, setIsThinking] = useState(true);
   const [loadingDots, setLoadingDots] = useState('');
@@ -56,12 +52,6 @@ export default function Stream({ currentLanguage }: StreamProps) {
     };
   }, [isLoading, postChat]);
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: Dependency is required
-  useEffect(() => {
-    // reset entries on language change
-    setStreamEntries([]);
-  }, [currentLanguage]);
-
   // biome-ignore lint/correctness/useExhaustiveDependencies: Dependency is required
   useEffect(() => {
     // scrolls to the bottom of the chat when messages change
@@ -82,35 +72,24 @@ export default function Stream({ currentLanguage }: StreamProps) {
   });
 
   return (
-    <div className="flex w-1/2 w-full flex-grow flex-col border-[#5788FA]/50 md:border-r">
+    <div className={cn('flex w-full flex-col md:flex md:w-1/2', className)}>
       <div className="flex items-center border-[#5788FA]/50 border-b p-2">
         Total transactions: {transactionCount}
       </div>
       <div className="max-w-full flex-grow overflow-y-auto p-4 pb-20">
-        <p
-          className={`text-zinc-500 ${
-            currentLanguage === 'th' ? notoSansThai.className : ''
-          }`}
-        >
-          {translations[currentLanguage].stream.realTime}
-        </p>
+        <p className="text-zinc-500">Streaming real-time...</p>
         <div className="mt-4 space-y-2" role="log" aria-live="polite">
           {streamEntries.map((entry, index) => (
             <StreamItem
               key={`${entry.timestamp.toDateString()}-${index}`}
               entry={entry}
-              currentLanguage={currentLanguage}
             />
           ))}
         </div>
         {isThinking && (
           <div className="mt-4 flex items-center text-[#5788FA] opacity-70">
-            <span
-              className={`max-w-full font-mono ${
-                currentLanguage === 'th' ? notoSansThai.className : ''
-              }`}
-            >
-              {translations[currentLanguage].stream.thinking}
+            <span className="max-w-full font-mono">
+              Agent is thinking
               {loadingDots}
             </span>
           </div>
diff --git a/app/components/StreamItem.tsx b/app/components/StreamItem.tsx
index 3685bd0..05ebbfc 100644
--- a/app/components/StreamItem.tsx
+++ b/app/components/StreamItem.tsx
@@ -1,38 +1,43 @@
-import { useMemo } from 'react';
-import { notoSansThai } from '../constants';
-import type { Language, StreamEntry } from '../types';
+import type { StreamEntry } from '../types';
 import TimeDisplay from './TimeDisplay';
 
 type StreamItemProps = {
   entry: StreamEntry;
-  currentLanguage: Language;
 };
 
-export default function StreamItem({
-  entry,
-  currentLanguage,
-}: StreamItemProps) {
-  const className = useMemo(() => {
-    let baseClass = 'flex items-center space-x-2 max-w-full';
+const formatContent = (content: string) => {
+  // Regular expression to detect URLs
+  const urlRegex = /(https?:\/\/[^\s]+)/g;
 
-    if (entry?.type !== 'user') {
-      baseClass += ' text-[#5788FA]';
-    } else {
-      baseClass += ' text-gray-300';
-    }
-
-    if (currentLanguage === 'th') {
-      baseClass += ` ${notoSansThai.className}`;
-    }
-
-    return baseClass;
-  }, [currentLanguage, entry?.type]);
+  // Replace URLs with clickable anchor tags
+  return content.split(urlRegex).map((part, index) =>
+    urlRegex.test(part) ? (
+      <a
+        key={`${index}-${part}`}
+        href={part}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="text-blue-500 underline"
+      >
+        {part}
+      </a>
+    ) : (
+      <span key={`${index}-${part}`}>{part}</span>
+    ),
+  );
+};
 
+export default function StreamItem({ entry }: StreamItemProps) {
   return (
     <div className="mb-2">
       <TimeDisplay timestamp={entry.timestamp} />
-      <div className={className}>
-        <span className="max-w-full text-wrap break-all"> {entry.content}</span>
+      <div
+        className={`flex max-w-full items-center space-x-2 ${entry?.type !== 'user' ? 'text-[#5788FA]' : 'text-gray-300'}`}
+      >
+        <span className="max-w-full text-wrap break-all">
+          {' '}
+          {formatContent(entry?.content)}
+        </span>
       </div>
     </div>
   );
diff --git a/app/constants.ts b/app/constants.ts
index 8ebad93..b3dc228 100644
--- a/app/constants.ts
+++ b/app/constants.ts
@@ -1,17 +1,6 @@
-import { Noto_Sans_Thai } from 'next/font/google';
-
-export const notoSansThai = Noto_Sans_Thai({
-  weight: ['400', '700'],
-  subsets: ['thai'],
-});
-
 export const AGENT_WALLET_ADDRESS =
   '0x3C9df7A3aa2565F6C891758638FDEeC36fd7D29a';
 
 export const AGENT_NAME = 'Based Agent';
 
-export const DEFAULT_PROMPT =
-  'Be creative and same something interesting about the blockchain and your abilities in one sentence';
-
-// export const DEFAULT_PROMPT =
-//   'Be creative and do something interesting on the blockchain. Choose an action or set of actions and execute it in a way that highlights your abilities.';
+export const DEFAULT_PROMPT = 'summarize the latest block data on base sepolia';
diff --git a/app/globals.css b/app/globals.css
index 13d40b8..6b408f9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -25,3 +25,14 @@ body {
     text-wrap: balance;
   }
 }
+
+@layer base {
+  :root .default-light,
+  .default-dark,
+  .base,
+  .cyberpunk,
+  .hacker {
+    --ock-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+      "Liberation Mono", "Courier New", monospace;
+  }
+}
diff --git a/app/hooks/useGetNFTs.ts b/app/hooks/useGetNFTs.ts
index 29b7fb0..c191978 100644
--- a/app/hooks/useGetNFTs.ts
+++ b/app/hooks/useGetNFTs.ts
@@ -1,15 +1,16 @@
 import { useCallback, useState } from 'react';
+import type { Address } from 'viem';
 import { API_URL } from '../config';
 
 type UseGetNFTsResponse = {
-  NFTs?: string[];
+  NFTs?: Address[];
   error?: Error;
   getNFTs: () => void;
   isLoading: boolean;
 };
 
 type UseGetNFTsProps = {
-  onSuccess: (nfts: string[]) => void;
+  onSuccess: (addresses: Address[]) => void;
 };
 
 export default function useGetNFTs({
diff --git a/app/svg/StreamSvg.tsx b/app/svg/StreamSvg.tsx
new file mode 100644
index 0000000..e6b3571
--- /dev/null
+++ b/app/svg/StreamSvg.tsx
@@ -0,0 +1,16 @@
+export default function StreamSvg() {
+  return (
+    <svg
+      width="1200pt"
+      height="1200pt"
+      version="1.1"
+      viewBox="0 0 1200 1200"
+      xmlns="http://www.w3.org/2000/svg"
+      className="h-6 w-6"
+      fill="currentColor"
+    >
+      <title>stream svg</title>
+      <path d="m802.78 409.22h-164.39v-108c30-10.781 50.391-32.391 50.391-57.609s-39.609-63.609-88.781-63.609c-49.219 0-88.781 28.781-88.781 63.609 0 34.781 20.391 46.781 50.391 57.609v108h-164.39c-84 0-152.39 68.391-152.39 152.39v202.78c0 140.39 114 254.39 254.39 254.39h202.78c140.39 0 254.39-114 254.39-254.39v-202.78c0-84-68.391-152.39-152.39-152.39zm-380.39 254.39v-50.391c0-27.609 22.781-50.391 50.391-50.391s50.391 22.781 50.391 50.391v50.391c0 27.609-22.781 50.391-50.391 50.391s-50.391-22.781-50.391-50.391zm304.82 202.78-102 25.219h-50.391l-102-25.219v-50.391h254.39zm50.391-202.78c0 27.609-22.781 50.391-50.391 50.391s-50.391-22.781-50.391-50.391v-50.391c0-27.609 22.781-50.391 50.391-50.391s50.391 22.781 50.391 50.391z" />
+    </svg>
+  );
+}
diff --git a/app/svg/WalletSvg.tsx b/app/svg/WalletSvg.tsx
index b5dab6a..a62496c 100644
--- a/app/svg/WalletSvg.tsx
+++ b/app/svg/WalletSvg.tsx
@@ -4,7 +4,7 @@ export default function WalletSvg() {
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
       fill="currentColor"
-      className="h-4 w-4"
+      className="h-5 w-5"
     >
       <title>wallet svg</title>
       <path d="M2.273 5.625A4.483 4.483 0 0 1 5.25 4.5h13.5c1.141 0 2.183.425 2.977 1.125A3 3 0 0 0 18.75 3H5.25a3 3 0 0 0-2.977 2.625ZM2.273 8.625A4.483 4.483 0 0 1 5.25 7.5h13.5c1.141 0 2.183.425 2.977 1.125A3 3 0 0 0 18.75 6H5.25a3 3 0 0 0-2.977 2.625ZM5.25 9a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h13.5a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H15a.75.75 0 0 0-.75.75 2.25 2.25 0 0 1-4.5 0A.75.75 0 0 0 9 9H5.25Z" />
diff --git a/app/utils.tsx b/app/utils.tsx
index 3710066..33ef938 100644
--- a/app/utils.tsx
+++ b/app/utils.tsx
@@ -16,3 +16,19 @@ export function markdownToPlainText(markdown: string) {
     .replace(/\n+/g, '\n') // Collapse multiple newlines
     .trim(); // Remove leading/trailing whitespace
 }
+
+export function formatDateToBangkokTime(date: Date) {
+  return date
+    .toLocaleString('en-US', {
+      timeZone: 'Asia/Bangkok',
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      hour12: false,
+      formatMatcher: 'basic',
+    })
+    .replace(/(\d+)\/(\d+)\/(\d+)/, '$3-$1-$2');
+}
diff --git a/bun.lockb b/bun.lockb
index 77c9e60..27dd9a8 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 4c1c81b..95f8778 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "ci:lint": "biome ci --formatter-enabled=false --organize-imports-enabled=false"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "latest",
+    "@coinbase/onchainkit": "0.35.5",
     "concurrently": "^8.0.1",
     "next": "14.2.15",
     "react": "^18",