From 795dd210ffbea18de181859c9c9b110ecbca702d Mon Sep 17 00:00:00 2001
From: kfujita0520 <wakyou0520@hotmail.com>
Date: Sun, 8 Feb 2026 16:30:03 +0900
Subject: [PATCH 1/4] refactor: update network references from "holesky" to
 "hoodi" across components

---
 demo/src/App.tsx                    | 4 ++--
 demo/src/components/MainContent.tsx | 2 +-
 demo/src/components/Sidebar.tsx     | 2 +-
 demo/src/components/ToggleGroup.tsx | 4 ++--
 src/elements/types.ts               | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/demo/src/App.tsx b/demo/src/App.tsx
index 7c9109a..2f7ce9e 100644
--- a/demo/src/App.tsx
+++ b/demo/src/App.tsx
@@ -14,8 +14,8 @@ function App() {
     id: "ethereum",
   });
   const [selectedNetwork, setSelectedNetwork] = React.useState<Network>({
-    name: "Mainnet",
-    id: "mainnet",
+    name: "Hoodi",
+    id: "hoodi",
   });
   const [theme, setTheme] = React.useState<"light" | "dark" | "system">(
     "system"
diff --git a/demo/src/components/MainContent.tsx b/demo/src/components/MainContent.tsx
index b002c74..6d532ea 100644
--- a/demo/src/components/MainContent.tsx
+++ b/demo/src/components/MainContent.tsx
@@ -135,7 +135,7 @@ export function MainContent({
                 <Staking
                   appId={import.meta.env.VITE_DAPP_TOKEN}
                   protocol={selectedProtocol.id as "solana"}
-                  network={selectedNetwork.id as "mainnet"}
+                  network={selectedNetwork.id as "mainnet" | "hoodi"}
                   wallet={
                     walletType === "custom"
                       ? customWalletConfigMap[
diff --git a/demo/src/components/Sidebar.tsx b/demo/src/components/Sidebar.tsx
index 75945e0..6ab908e 100644
--- a/demo/src/components/Sidebar.tsx
+++ b/demo/src/components/Sidebar.tsx
@@ -16,7 +16,7 @@ const protocols: Protocol[] = [
 
 const networksByProtocol: Record<Protocol["id"], Network[]> = {
   ethereum: [
-    { name: "Holesky", id: "holesky" },
+    { name: "Hoodi", id: "hoodi" },
     { name: "Mainnet", id: "mainnet", disabled: true },
   ],
   solana: [
diff --git a/demo/src/components/ToggleGroup.tsx b/demo/src/components/ToggleGroup.tsx
index b2cad36..67c66bf 100644
--- a/demo/src/components/ToggleGroup.tsx
+++ b/demo/src/components/ToggleGroup.tsx
@@ -29,7 +29,7 @@ const getIcon = (value: string) => {
       return <SolanaIcon className="w-5 h-5" />;
     case "mainnet":
       return <GlobeIcon className="w-4 h-4" />;
-    case "holesky":
+    case "hoodi":
     case "devnet":
     case "signet":
       return <TestTubeIcon className="w-4 h-4 -rotate-45" />;
@@ -46,7 +46,7 @@ const shouldShowIcon = (value: string) => {
     "babylon",
     "solana",
     "mainnet",
-    "holesky",
+    "hoodi",
     "devnet",
     "signet",
   ].includes(value);
diff --git a/src/elements/types.ts b/src/elements/types.ts
index e2e930e..a0e1698 100644
--- a/src/elements/types.ts
+++ b/src/elements/types.ts
@@ -6,7 +6,7 @@ enum Protocol {
 
 enum EthereumNetwork {
   mainnet = "mainnet",
-  holesky = "holesky",
+  hoodi = "hoodi",
 }
 
 enum BabylonNetwork {

From c50a2a1df3ba28d03bcc46b523fc39add41fa72b Mon Sep 17 00:00:00 2001
From: kfujita0520 <wakyou0520@hotmail.com>
Date: Mon, 23 Feb 2026 05:33:54 +0900
Subject: [PATCH 2/4] feat: add VITE_DAPP_TOKEN to ImportMetaEnv for
 environment configuration

---
 demo/src/vite-env.d.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/demo/src/vite-env.d.ts b/demo/src/vite-env.d.ts
index 11f02fe..7637fb8 100644
--- a/demo/src/vite-env.d.ts
+++ b/demo/src/vite-env.d.ts
@@ -1 +1,9 @@
 /// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_DAPP_TOKEN: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

From 9dfbb6deeee8c4bd839df5b97bb79278286a314e Mon Sep 17 00:00:00 2001
From: kfujita0520 <wakyou0520@hotmail.com>
Date: Mon, 23 Feb 2026 05:34:18 +0900
Subject: [PATCH 3/4] Create .env_example

---
 demo/.env_example | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 demo/.env_example

diff --git a/demo/.env_example b/demo/.env_example
new file mode 100644
index 0000000..1971638
--- /dev/null
+++ b/demo/.env_example
@@ -0,0 +1,2 @@
+# Figment dApp token (app ID). Exposed to the client as import.meta.env.VITE_DAPP_TOKEN.
+VITE_DAPP_TOKEN=d500a3f1bdc613c4ece8964f5c7b9f173393cf53b4eb4eadb520e80435c4ece3
\ No newline at end of file

From 1619c4c06676cf81fd6d9cba596557fc612bec60 Mon Sep 17 00:00:00 2001
From: kfujita0520 <wakyou0520@hotmail.com>
Date: Mon, 23 Feb 2026 05:52:50 +0900
Subject: [PATCH 4/4] Create README.md

---
 demo/README.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 demo/README.md

diff --git a/demo/README.md b/demo/README.md
new file mode 100644
index 0000000..34b8ae3
--- /dev/null
+++ b/demo/README.md
@@ -0,0 +1,48 @@
+# Figment Elements Demo
+
+A simple demo app for the [Figment Elements](https://docs.figment.io/docs/elements) staking widget. It lets you try Ethereum (Hoodi) and Solana (Devnet) staking in an embeddable iframe.
+
+## Getting started
+
+### 1. Install dependencies
+
+From the `demo` folder:
+
+```bash
+npm install
+```
+
+
+### 2. Set your Figment dApp token
+
+Copy the example env file and add your token:
+
+```bash
+cp .env_example .env
+```
+
+Edit `.env` and set your Figment dApp token (app ID):
+
+```
+VITE_DAPP_TOKEN=your-figment-app-id
+```
+
+
+### 3. Run the demo
+
+```bash
+npm run dev
+```
+
+Open the URL shown in the terminal (usually `http://localhost:5173`) in your browser.
+
+## What you can do
+
+- **Protocol:** Switch between ETH (Hoodi) and SOL (Devnet).
+- **Network:** Choose the network (e.g. Hoodi for Ethereum, Devnet for Solana).
+- **Theme:** Toggle light, dark, or system theme.
+- **Wallet:** Use the default wallet flow (WalletConnect for ETH, Solana Wallet Adapter for SOL) or a custom wallet.
+
+The staking UI is loaded in an iframe from Figment; your token in `VITE_DAPP_TOKEN` identifies your app to that service.
+
+