diff --git a/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx b/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx
index 00935d5a348..07dc4ed28a5 100644
--- a/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx
+++ b/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx
@@ -1,7 +1,8 @@
"use client";
+import { Button } from "@/components/ui/button";
import { ArrowUpRightIcon } from "lucide-react";
-import { Button } from "../../../../@/components/ui/button";
+import { examplePrompts } from "../data/examplePrompts";
import { NebulaIcon } from "../icons/NebulaIcon";
import { ChatBar } from "./ChatBar";
@@ -35,44 +36,15 @@ export function EmptyStateChatPageContent(props: {
/>
- {
- props.sendMessage(
- "What is the contract address of USDC on ethereum?",
- );
- }}
- />
-
- {
- props.sendMessage("What are last 5 blocks on polygon?");
- }}
- />
-
- {
- props.sendMessage("What is thirdweb SDK?");
- }}
- />
- {
- props.sendMessage(
- "How to add connect wallet button on React app?",
- );
- }}
- />
- {
- props.sendMessage(
- "Show transaction details of 0xff9624116c352c8b090203fbbb563baf32d2b1944f9ac281ff2de6b7d948030e on ethereum",
- );
- }}
- />
+ {examplePrompts.map((prompt) => {
+ return (
+ props.sendMessage(prompt.message)}
+ />
+ );
+ })}
diff --git a/apps/dashboard/src/app/nebula-app/(app)/data/examplePrompts.ts b/apps/dashboard/src/app/nebula-app/(app)/data/examplePrompts.ts
new file mode 100644
index 00000000000..e3f6640f9af
--- /dev/null
+++ b/apps/dashboard/src/app/nebula-app/(app)/data/examplePrompts.ts
@@ -0,0 +1,32 @@
+type ExamplePrompt = {
+ title: string;
+ message: string;
+};
+
+// Note:
+// Keep the title as short as possible so 2 of them can fit in a single row on desktop viewport
+// title is only used for displaying the example - the `message` is sent to server when user clicks on the example - it can be as long and descriptive as needed
+
+export const examplePrompts: ExamplePrompt[] = [
+ {
+ title: "Deploy an ERC-20 Token",
+ message:
+ "Deploy an ERC-20 Token with name 'Hello World', description 'Hello world token deployed by Nebula', and symbol 'HELLO'",
+ },
+ {
+ title: "USDC contract address on Ethereum",
+ message: "What is the USDC contract address on Ethereum?",
+ },
+ {
+ title: "Analyze WETH smart contract",
+ message: "Analyze 0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2 on ethereum",
+ },
+ {
+ title: "Transfer 0.001 ETH to thirdweb.eth",
+ message: "Transfer 0.001 ETH to thirdweb.eth",
+ },
+ {
+ title: "Using session keys in Unity",
+ message: "How to use session key in Unity?",
+ },
+];