diff --git a/next.config.js b/next.config.js
index e3d2dd6a..4797fde3 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,3 +1,5 @@
+import { isServer } from "@tanstack/react-query";
+
 /**
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
  * for Docker builds.
@@ -29,6 +31,16 @@ const config = {
       asyncWebAssembly: true,
       layers: true,
     };
+    // For server builds, place the WASM files one level up
+    config.output.webassemblyModuleFilename = isServer
+      ? "../static/wasm/[modulehash].wasm"
+      : "static/wasm/[modulehash].wasm";
+
+    // Optional: add a rule to ensure WASM files are treated as assets
+    config.module.rules.push({
+      test: /\.wasm$/,
+      type: "asset/resource",
+    });
     return config;
   },
 };
diff --git a/package-lock.json b/package-lock.json
index ef092988..3461b398 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "hasInstallScript": true,
       "dependencies": {
         "@auth/prisma-adapter": "^1.6.0",
+        "@emurgo/cardano-serialization-lib-browser": "^14.1.1",
         "@hookform/resolvers": "^3.9.0",
         "@jinglescode/nostr-chat-plugin": "^0.0.11",
         "@meshsdk/core": "^1.9.0-beta.18",
@@ -43,6 +44,7 @@
         "@trpc/react-query": "^11.0.0-rc.446",
         "@trpc/server": "^11.0.0-rc.446",
         "@vercel/blob": "^0.23.4",
+        "blakejs": "^1.2.1",
         "busboy": "^1.6.0",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
@@ -714,6 +716,12 @@
         "node": ">=14.0"
       }
     },
+    "node_modules/@emurgo/cardano-serialization-lib-browser": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@emurgo/cardano-serialization-lib-browser/-/cardano-serialization-lib-browser-14.1.1.tgz",
+      "integrity": "sha512-/zGHQoXJCQw0yyEdoVQMDlSsyvaCap2lNVKEu+GTi1pwYopn6K3/SntrDFW5/gIMireDwY4+kZcPvXwIBZnMZA==",
+      "license": "MIT"
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.0",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.0.tgz",
diff --git a/package.json b/package.json
index ed1782e0..8ad45829 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "@auth/prisma-adapter": "^1.6.0",
+    "@emurgo/cardano-serialization-lib-browser": "^14.1.1",
     "@hookform/resolvers": "^3.9.0",
     "@jinglescode/nostr-chat-plugin": "^0.0.11",
     "@meshsdk/core": "^1.9.0-beta.18",
@@ -51,6 +52,7 @@
     "@trpc/react-query": "^11.0.0-rc.446",
     "@trpc/server": "^11.0.0-rc.446",
     "@vercel/blob": "^0.23.4",
+    "blakejs": "^1.2.1",
     "busboy": "^1.6.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
diff --git a/src/components/common/overall-layout/layout.tsx b/src/components/common/overall-layout/layout.tsx
index d4eb02c3..d7615246 100644
--- a/src/components/common/overall-layout/layout.tsx
+++ b/src/components/common/overall-layout/layout.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import Link from "next/link";
 import { api } from "@/utils/api";
 import ConnectWallet from "../cardano-objects/connect-wallet";
@@ -25,6 +25,7 @@ import { publicRoutes } from "@/data/public-routes";
 import Loading from "./loading";
 import DialogReport from "./dialog-report";
 import { useRouter } from "next/router";
+import { Menu as MenuIcon } from "lucide-react";
 
 export default function RootLayout({
   children,
@@ -36,6 +37,7 @@ export default function RootLayout({
   const router = useRouter();
   const { appWallet } = useAppWallet();
   const { generateNsec } = useNostrChat();
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
 
   const userAddress = useUserStore((state) => state.userAddress);
   const setUserAddress = useUserStore((state) => state.setUserAddress);
@@ -88,6 +90,16 @@ export default function RootLayout({
   return (
     <div className="grid h-screen w-full overflow-hidden md:grid-cols-[220px_1fr] lg:grid-cols-[280px_1fr]">
       {isLoading && <Loading />}
+      {mobileMenuOpen && (
+        <div className="fixed inset-0 z-30 flex">
+          <div className="w-64 bg-muted p-4">
+            <button className="mb-4" onClick={() => setMobileMenuOpen(false)}>Close</button>
+            <MenuWallets />
+            {router.pathname.includes("/wallets/[wallet]") && <MenuWallet />}
+          </div>
+          <div className="flex-1 bg-black opacity-50" onClick={() => setMobileMenuOpen(false)}></div>
+        </div>
+      )}
 
       {/* Sidebar for larger screens */}
       <aside className="hidden border-r bg-muted/40 md:block">
@@ -110,6 +122,9 @@ export default function RootLayout({
       <div className="flex h-screen flex-col">
         <header className="pointer-events-auto relative z-10 border-b bg-muted/40 px-4 lg:px-6">
           <div className="flex h-14 items-center gap-4 lg:h-[60px]">
+            <button className="md:hidden" onClick={() => setMobileMenuOpen(true)}>
+              <MenuIcon className="h-6 w-6" />
+            </button>
             {/* Wallet selection + breadcrumb row */}
             {isLoggedIn && (
               <div className="border-t border-border">
diff --git a/src/components/common/overall-layout/wallet-data-loader.tsx b/src/components/common/overall-layout/wallet-data-loader.tsx
index 3d9118e6..5a86bf7a 100644
--- a/src/components/common/overall-layout/wallet-data-loader.tsx
+++ b/src/components/common/overall-layout/wallet-data-loader.tsx
@@ -45,6 +45,7 @@ export default function WalletDataLoader() {
   }
 
   async function getTransactionsOnChain() {
+
     try {
       if (appWallet) {
         const maxPage = 4;
@@ -152,6 +153,7 @@ export default function WalletDataLoader() {
     if (appWallet && prevWalletIdRef.current !== appWallet.id) {
       refreshWallet();
       prevWalletIdRef.current = appWallet.id;
+
     }
   }, [appWallet]);
 
diff --git a/src/components/pages/homepage/index.tsx b/src/components/pages/homepage/index.tsx
index c1442094..1f365e2f 100644
--- a/src/components/pages/homepage/index.tsx
+++ b/src/components/pages/homepage/index.tsx
@@ -4,14 +4,13 @@ import Link from "next/link";
 import useUser from "@/hooks/useUser";
 import { useRouter } from "next/router";
 import { api } from "@/utils/api";
-import CardUI from "@/components/common/card-content";
-import RowLabelInfo from "@/components/common/row-label-info";
 import Globe from "./globe";
+import PageNewWalletInvite from "./wallets/invite";
 
 export function PageHomepage() {
   const { user } = useUser();
   const router = useRouter();
-  const pathIsNewWallet = router.pathname == "/wallets/invite/[id]";
+  const pathIsNewWallet = router.pathname === "/wallets/invite/[id]";
   const newWalletId = pathIsNewWallet ? (router.query.id as string) : undefined;
 
   const { data: newWallet } = api.wallet.getNewWallet.useQuery(
@@ -22,45 +21,41 @@ export function PageHomepage() {
   );
 
   return (
-    <div className="h-screen w-full lg:grid lg:grid-cols-3">
-      <div className="flex items-center justify-center py-12">
-        <div className="mx-auto grid max-w-[500px] gap-6">
-          <div className="grid gap-2 text-center">
+    <div className="relative min-h-screen">
+      {/* Background Globe */}
+      <div className="absolute inset-0 -z-10 flex items-center justify-center">
+        <Globe />
+      </div>
+
+      {newWallet ? (
+        /* Render the invite page if a new wallet is found */
+        <PageNewWalletInvite />
+      ) : (
+        /* Otherwise show the homepage */
+        <div className="container mx-auto px-4 py-8 relative z-10 flex flex-col items-center justify-center">
+          <div className="mx-auto grid max-w-[500px] gap-6 text-center">
             <h1 className="text-3xl font-bold">Multisig Platform</h1>
             <p className="text-balance text-muted-foreground">
-              Secure your treasury and participant in governance, as a team with
-              multi-signature
+              Secure your treasury and participate in governance as a team with multi-signature
             </p>
-            {newWallet && (
-              <CardUI
-                title={`Invited as signer`}
-                description={`You have been invited to join this wallet as a signer, connect your wallet to accept the invitation`}
-                cardClassName="text-left mt-4"
-              >
-                <RowLabelInfo label="Name" value={newWallet.name} />
-                <RowLabelInfo label="About" value={newWallet.description} />
-              </CardUI>
-            )}
-          </div>
-          <div className="flex items-center justify-center">
-            {user ? (
-              <div className="flex gap-2">
-                <Button size="sm" asChild>
-                  <Link href="/wallets/new-wallet">New Wallet</Link>
-                </Button>
-                <Button size="sm" asChild>
-                  <Link href="/wallets">Your Wallets</Link>
-                </Button>
-              </div>
-            ) : (
-              <ConnectWallet />
-            )}
+
+            <div>
+              {user ? (
+                <div className="flex gap-2 justify-center">
+                  <Button size="sm" asChild>
+                    <Link href="/wallets/new-wallet">New Wallet</Link>
+                  </Button>
+                  <Button size="sm" asChild>
+                    <Link href="/wallets">Your Wallets</Link>
+                  </Button>
+                </div>
+              ) : (
+                <ConnectWallet />
+              )}
+            </div>
           </div>
         </div>
-      </div>
-      <div className="col-span-2">
-        <Globe />
-      </div>
+      )}
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/pages/homepage/wallets/invite/cip146/146Import.tsx b/src/components/pages/homepage/wallets/invite/cip146/146Import.tsx
new file mode 100644
index 00000000..cbce3a53
--- /dev/null
+++ b/src/components/pages/homepage/wallets/invite/cip146/146Import.tsx
@@ -0,0 +1,132 @@
+import React, { useRef, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+//import { Bip32PublicKey, Address } from "@emurgo/cardano-serialization-lib-browser";
+import { bech32 } from "bech32"; // used only for debugging the payload
+
+interface ImportProps {
+  onImport: (accountKeyHex: string) => void;
+}
+
+const ImportComponent: React.FC<ImportProps> = ({ onImport }) => {
+  //const fileInputRef = useRef<HTMLInputElement>(null);
+  const [directInput, setDirectInput] = useState("");
+  const [errorMessage, setErrorMessage] = useState("");
+
+  // const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+  //   const file = e.target.files?.[0];
+  //   if (!file) return;
+  //   const fileReader = new FileReader();
+  //   fileReader.onload = (event) => {
+  //     try {
+  //       const importedData = JSON.parse(event.target?.result as string);
+  //       // Check for our simple export format: directly exported account key.
+  //       if (importedData.acct_shared_xsk) {
+  //         onImport(importedData.acct_shared_xsk);
+  //         return;
+  //       }
+  //       // Check for our multisig export format.
+  //       if (
+  //         importedData.wallet &&
+  //         importedData.wallet.multiSig &&
+  //         Array.isArray(importedData.wallet.multiSig) &&
+  //         importedData.wallet.multiSig.length > 0
+  //       ) {
+  //         const ms = importedData.wallet.multiSig[0];
+  //         if (ms.priv) {
+  //           onImport(ms.priv);
+  //           return;
+  //         } else if (ms.pub) {
+  //           onImport(ms.pub);
+  //           return;
+  //         }
+  //       }
+  //         setErrorMessage("Invalid file. Account key not found.");
+  //     } catch (error) {
+  //       console.error(error);
+  //       setErrorMessage("Failed to import account key.");
+  //     }
+  //   };
+  //   fileReader.readAsText(file);
+  // };
+
+  // const handleFileImport = () => {
+  //   fileInputRef.current?.click();
+  // };
+
+  // const handleDirectImport = () => {
+  //   if (!directInput.trim()) {
+  //     setErrorMessage("Please enter an account key.");
+  //     return;
+  //   }
+  //   setErrorMessage("");
+  //   // Simply pass the direct input to the callback.
+  //   onImport(directInput.trim());
+  // };
+
+  const importFromBech32 = () => {
+    if (!directInput.trim()) {
+      setErrorMessage("Please enter a Bech32 address.");
+      return;
+    }
+
+    const input = directInput.trim();
+    try {
+      // Only support extended account keys with prefix 'acct_shared_xvk'
+      if (!input.startsWith("acct_shared_xvk")) {
+        throw new Error("Unsupported Bech32 format. Expected extended account key with prefix acct_shared_xvk.");
+      }
+
+      // Manually decode the Bech32 string using the bech32 library
+      const decoded = bech32.decode(input, 200);
+      const dataBytes = new Uint8Array(bech32.fromWords(decoded.words));
+      const bytesToHex = (bytes: Uint8Array): string =>
+        bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, "0"), "");
+      const pubKeyHex = bytesToHex(dataBytes);
+      // Validate the decoded key by parsing it with from_hex
+      //const bip32Pub = Bip32PublicKey.from_hex(pubKeyHex);
+ 
+      onImport(pubKeyHex);
+      setErrorMessage("");
+    } catch (error) {
+      console.error("Bech32 decoding error:", error);
+      setErrorMessage("Invalid Bech32 address: " );
+    }
+  };
+
+  return (
+    <div>
+      {/* <div className="flex gap-2">
+        <Button onClick={handleFileImport} variant="outline">
+          Import Account Key (File)
+        </Button>
+        <input
+          type="file"
+          accept=".json"
+          ref={fileInputRef}
+          onChange={handleFileChange}
+          style={{ display: "none" }}
+        />
+      </div> */}
+      <div className="flex flex-col gap-1 mt-2">
+        <Label htmlFor="directKey">Paste account key (Bech32):</Label>
+        <Input
+          id="directKey"
+          type="text"
+          placeholder="Enter acct_shared_xvk"
+          value={directInput}
+          onChange={(e) => setDirectInput(e.target.value)}
+        />
+        {errorMessage && <p className="text-red-500">{errorMessage}</p>}
+        <div className="flex gap-2">
+          <Button onClick={importFromBech32} variant="outline">
+            Import
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ImportComponent;
\ No newline at end of file
diff --git a/src/components/pages/homepage/wallets/invite/cip146/146MultiSigSelector.tsx b/src/components/pages/homepage/wallets/invite/cip146/146MultiSigSelector.tsx
new file mode 100644
index 00000000..5b3d0251
--- /dev/null
+++ b/src/components/pages/homepage/wallets/invite/cip146/146MultiSigSelector.tsx
@@ -0,0 +1,171 @@
+import React, { useState } from "react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { derivationPathToString, getPubKeyHash, KeyObject } from "../../../../../../lib/helper/cip146/146sdk";
+
+interface MultiSigSelectorProps {
+  wallet: { keyObjects: KeyObject[] };
+  onSelectChildKeys: (keys: KeyObject[]) => void;
+}
+
+const ChildKeyGroupSelector: React.FC<{
+  groups: Record<number, KeyObject[]>;
+  onSelectChildKeys: (keys: KeyObject[]) => void;
+}> = ({ groups, onSelectChildKeys }) => {
+  const groupKeys = Object.keys(groups)
+    .map(Number)
+    .sort((a, b) => a - b);
+  //const [selectedGroup, setSelectedGroup] = useState<string>("all");
+  const [selectedGroup, setSelectedGroup] = useState<number | null>(null);
+
+  return (
+    <div className="ml-4">
+      {groupKeys.map((groupKey) => {
+        const isSelected = selectedGroup === groupKey;
+        return (
+          <div
+            key={groupKey}
+            className={`mb-2 rounded border p-2 ${
+              isSelected ? "border-2 border-blue-500" : ""
+            }`}
+          >
+            <div className="mb-1 flex items-center justify-between">
+              <span className="text-sm font-semibold">
+                Multisig Index: {groupKey}
+              </span>
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={() => {
+                  setSelectedGroup(groupKey);
+                  onSelectChildKeys(groups[groupKey]!);
+                }}
+                disabled={groups[groupKey]!.some(childKey => childKey.used)}
+                className="px-3 py-1 text-sm font-medium"
+              >
+                Select Group
+              </Button>
+            </div>
+            <Table>
+              <TableBody>
+                {groups[groupKey]!.map((childKey, idx) => (
+                  <TableRow key={idx}>
+                    <TableCell className="whitespace-nowrap text-sm">
+                      {derivationPathToString(childKey.derivationPath)}
+                    </TableCell>
+                    <TableCell className="text-center">
+                      <span
+                        className={`inline-block h-2 w-2 rounded-full ${
+                          childKey.used ? "bg-red-500" : "bg-green-500"
+                        }`}
+                      />
+                    </TableCell>
+                    <TableCell className="break-all text-sm">
+                      {childKey.publicKey
+                        ? getPubKeyHash(childKey.publicKey)
+                        : "N/A"}
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        );
+      })}
+    </div>
+  );}
+
+const MultiSigSelector: React.FC<MultiSigSelectorProps> = ({
+  wallet,
+  onSelectChildKeys,
+}) => {
+  // Separate parent (account) keys and child keys.
+  const accountKeys = wallet.keyObjects.filter(
+    (ko) => ko.derivationPath.role === undefined,
+  );
+  const childKeys = wallet.keyObjects.filter(
+    (ko) => ko.derivationPath.role !== undefined,
+  );
+
+  return (
+    <Table>
+      <TableHeader>
+        <TableRow>
+          <TableHead className="text-sm">Path</TableHead>
+          <TableHead className="text-sm">Used</TableHead>
+          <TableHead className="text-sm">Public Key Hash</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {accountKeys.map((accountKey) => {
+          const { purpose, coinType, accountIndex } = accountKey.derivationPath;
+          const parentPathStr = `m/${purpose}'/${coinType}'/${accountIndex}'`;
+          // Find child keys whose parent's part matches.
+          const children = childKeys.filter((child) => {
+            const childParentStr = `m/${child.derivationPath.purpose}'/${child.derivationPath.coinType}'/${child.derivationPath.accountIndex}'`;
+            return childParentStr === parentPathStr;
+          });
+          // Group child keys by their level 4 index.
+          const grouped = children.reduce(
+            (acc: Record<number, KeyObject[]>, child) => {
+              const keyIndex = child.derivationPath.index;
+              if (keyIndex === undefined) return acc;
+              if (!acc[keyIndex]) {
+                acc[keyIndex] = [];
+              }
+              acc[keyIndex].push(child);
+              return acc;
+            },
+            {},
+          );
+
+          return (
+            <React.Fragment key={parentPathStr}>
+              {/* Parent Account Key Row */}
+              <TableRow>
+                <TableCell className="whitespace-nowrap text-sm font-bold">
+                  {derivationPathToString(accountKey.derivationPath)}
+                </TableCell>
+                <TableCell className="text-center">
+                  <span
+                    className={`inline-block h-2 w-2 rounded-full ${
+                      accountKey.used ? "bg-red-500" : "bg-green-500"
+                    }`}
+                  />
+                </TableCell>
+                <TableCell className="break-all text-sm font-bold">
+                  {accountKey.publicKey
+                    ? getPubKeyHash(accountKey.publicKey)
+                    : "N/A"}
+                </TableCell>
+              </TableRow>
+              {/* If there are child keys, render a nested row with the ChildKeyGroupSelector */}
+              {children.length > 0 && (
+                <TableRow>
+                  <TableCell colSpan={3}>
+                    <ChildKeyGroupSelector
+                      groups={grouped}
+                      onSelectChildKeys={(childKeys) => {
+                        // Emit an array containing the parent account key and the selected child keys
+                        onSelectChildKeys([accountKey, ...childKeys]);
+                      }}
+                    />
+                  </TableCell>
+                </TableRow>
+              )}
+            </React.Fragment>
+          );
+        })}
+      </TableBody>
+    </Table>
+  );
+};
+
+export default MultiSigSelector;
diff --git a/src/components/pages/homepage/wallets/invite/cip146/146Wallet.tsx b/src/components/pages/homepage/wallets/invite/cip146/146Wallet.tsx
new file mode 100644
index 00000000..2bad664a
--- /dev/null
+++ b/src/components/pages/homepage/wallets/invite/cip146/146Wallet.tsx
@@ -0,0 +1,178 @@
+import React, { useState, useEffect } from "react";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import MultiSigSelector from "./146MultiSigSelector";
+import { WalletConstructor, MetadataItem, getPubKeyHash, parseDerivationPath, pubKeyToAddr } from "@/lib/helper/cip146/146sdk";
+
+interface WalletComponentProps {
+  onSelectChildKeys: (childKeys: any[]) => void;
+}
+
+const WalletComponent: React.FC<WalletComponentProps> = ({
+  onSelectChildKeys = () => { /* noop */ },
+}) => {
+  const [wallet, setWallet] = useState<WalletConstructor | null>(null);
+  const [mnemonicInput, setMnemonicInput] = useState<string>("");
+  const [acctXvkInput, setAcctXvkInput] = useState<string>("");
+  const [lookupResults, setLookupResults] = useState<{
+    [publicKey: string]: MetadataItem[];
+  }>({});
+  const [lookupNetworkInfo, setLookupNetworkInfo] = useState<string>("");
+  // Dummy state to force re-render
+  const [reRenderCounter, setReRenderCounter] = useState<number>(0);
+
+  const importOrGenerateWallet = () => {
+    try {
+      let walletInstance: WalletConstructor;
+      if (acctXvkInput.trim()) {
+        walletInstance = new WalletConstructor(acctXvkInput.trim());
+      } else if (mnemonicInput.trim()) {
+        walletInstance = new WalletConstructor(mnemonicInput.trim());
+      } else {
+        walletInstance = new WalletConstructor();
+      }
+      // Derive an initial multisig group.
+      walletInstance.deriveNextMultisig();
+      setWallet(walletInstance);
+      setReRenderCounter((c) => c + 1);
+    } catch (error) {
+      console.error("Failed to import or generate wallet:", error);
+    }
+  };
+
+  // Button handler: derive the next multisig group and force re-render.
+  const deriveNextMultisigHandler = () => {
+    if (!wallet) return;
+    try {
+      const newKeys = wallet.deriveNextMultisig();
+      setReRenderCounter((c) => c + 1);
+    } catch (error) {
+      console.error("Error deriving next multisig keys:", error);
+    }
+  };
+
+  // Perform multisig lookup after wallet is set or updated.
+  useEffect(() => {
+    if (wallet) {
+      wallet
+        .lookupMultisigKeys()
+        .then((metadataItems: MetadataItem[]) => {
+          const updatedResults: { [publicKey: string]: MetadataItem[] } = {};
+          wallet.keyObjects.forEach((keyObj) => {
+            if (keyObj.publicKey) {
+              const dp = keyObj.derivationPath;
+              if (
+                dp.purpose === 1854 &&
+                typeof dp.role === "number" &&
+                typeof dp.index === "number"
+              ) {
+                const pubHash = getPubKeyHash(keyObj.publicKey).toLowerCase();
+                const itemsForKey = metadataItems.filter((item) => {
+                  const participants = item.json_metadata?.participants || {};
+                  return Object.keys(participants).some(
+                    (hash) => hash.toLowerCase() === pubHash,
+                  );
+                });
+                updatedResults[keyObj.publicKey] = itemsForKey;
+              }
+            }
+          });
+          setLookupResults(updatedResults);
+          const networksFound = new Set(
+            metadataItems.map((item) => (item.network ? "Mainnet" : "Testnet")),
+          );
+          if (networksFound.size === 0) {
+            setLookupNetworkInfo("No metadata found on any network.");
+          } else {
+            setLookupNetworkInfo(
+              "Lookup found metadata on: " +
+                Array.from(networksFound).join(", "),
+            );
+          }
+        })
+        .catch((err) => {
+          console.error("Lookup error:", err);
+        });
+    }
+  }, [wallet, reRenderCounter]);
+
+  return (
+    <div className="">
+      <Card className="mx-auto max-w-xl rounded-lg border border-slate-200 shadow">
+        <CardHeader className="rounded-t-lg border-b border-slate-200 px-4 py-3">
+          <CardTitle className="text-lg font-semibold">
+            Wallet (146-SDK‑Based)
+          </CardTitle>
+        </CardHeader>
+        <CardContent className="p-4">
+          {wallet ? (
+            <div className="space-y-6">
+              <div className="rounded-md border border-slate-200 p-4">
+                <Label className="mb-1 text-sm font-semibold">Mnemonic</Label>
+                <p className="break-all text-sm">{wallet.mnemonic || "N/A"}</p>
+              </div>
+              <div className="flex flex-col gap-4">
+                {/* MultiSigSelector: emits selected child keys upward */}
+                <MultiSigSelector wallet={wallet} onSelectChildKeys={onSelectChildKeys} />
+                {/* Button to derive the next multisig group */}
+                <Button
+                  onClick={deriveNextMultisigHandler}
+                  variant="outline"
+                  className="w-full px-4 py-2 text-sm font-medium"
+                >
+                  Derive Next Multisig
+                </Button>
+              </div>
+              <div className="pt-4">
+                <Label className="text-sm font-semibold">
+                  Lookup Network Info:
+                </Label>
+                <p className="text-sm text-slate-700">{lookupNetworkInfo}</p>
+              </div>
+            </div>
+          ) : (
+            <div className="space-y-6">
+              <div className="space-y-2">
+                <Label htmlFor="mnemonic" className="text-sm font-semibold">
+                  Mnemonic (optional)
+                </Label>
+                <Input
+                  id="mnemonic"
+                  type="text"
+                  className="text-sm"
+                  placeholder="Enter mnemonic phrase"
+                  value={mnemonicInput}
+                  onChange={(e) => setMnemonicInput(e.target.value)}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label htmlFor="acctXvk" className="text-sm font-semibold">
+                  acct_shared_xvk (optional)
+                </Label>
+                <Input
+                  id="acctXvk"
+                  type="text"
+                  className="text-sm"
+                  placeholder="Enter acct_shared_xvk"
+                  value={acctXvkInput}
+                  onChange={(e) => setAcctXvkInput(e.target.value)}
+                />
+              </div>
+              <Button
+                onClick={importOrGenerateWallet}
+                variant="outline"
+                className="w-full px-4 py-2 text-sm font-medium"
+              >
+                Import / New Wallet
+              </Button>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default WalletComponent;
diff --git a/src/components/pages/homepage/wallets/invite/cip146/146lookup.ts b/src/components/pages/homepage/wallets/invite/cip146/146lookup.ts
new file mode 100644
index 00000000..284de5dc
--- /dev/null
+++ b/src/components/pages/homepage/wallets/invite/cip146/146lookup.ts
@@ -0,0 +1,56 @@
+import { getProvider } from "@/components/common/cardano-objects/get-provider";
+
+export interface MetadataItem {
+  tx_hash: string;
+  json_metadata: {
+    name: string;
+    types: number[];
+    participants: {
+      [pubKeyHash: string]: {
+        name: string;
+      };
+    };
+  };
+}
+
+/**
+ * Looks up wallet metadata using the given network id and an array of public key hashes.
+ * It fetches metadata labeled with 1854 and returns only the items that have valid participants
+ * and at least one participant matching one of the provided pubKeyHashes.
+ */
+export async function lookupWallet(
+  network: number,
+  pubKeyHashes: string[]
+): Promise<MetadataItem[]> {
+    const provider = getProvider(network);
+  try {
+    console.log("lookupWallet: Looking up metadata for pubKeyHashes:", pubKeyHashes);
+    const response = await provider.get('/metadata/txs/labels/1854');
+    console.log("lookupWallet: Raw response:", response);
+
+    if (!Array.isArray(response)) {
+      throw new Error("Invalid response format from provider");
+    }
+
+    // Filter valid items: only consider items that have non-empty participants in json_metadata
+    const validItems = response.filter((item: any) => {
+      const participants = item.json_metadata?.participants;
+      return participants && Object.keys(participants).length > 0;
+    });
+    console.log("lookupWallet: Valid items:", validItems);
+
+    // Match items if any participant's key matches one of the provided pubKeyHashes
+    const matchedItems = validItems.filter((item: any) => {
+      const participants = item.json_metadata.participants;
+      return Object.keys(participants).some((hash: string) => pubKeyHashes.includes(hash.toLowerCase()));
+    });
+    console.log("lookupWallet: Matched items:", matchedItems);
+
+    return matchedItems;
+  } catch (error) {
+    console.error("lookupWallet error:", error);
+    return [];
+  }
+}
+
+
diff --git a/src/components/pages/homepage/wallets/invite/index.tsx b/src/components/pages/homepage/wallets/invite/index.tsx
index a7042a30..26e8d888 100644
--- a/src/components/pages/homepage/wallets/invite/index.tsx
+++ b/src/components/pages/homepage/wallets/invite/index.tsx
@@ -9,20 +9,27 @@ import {
 } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { api } from "@/utils/api";
 import { useUserStore } from "@/lib/zustand/user";
 import { useRouter } from "next/router";
 import { useToast } from "@/hooks/use-toast";
+import WalletComponent from "./cip146/146Wallet";
+import { getPubKeyHash, KeyObject, pubKeyToAddr } from "../../../../../lib/helper/cip146/146sdk";
+import useUser from "@/hooks/useUser";
 
 export default function PageNewWalletInvite() {
   const router = useRouter();
   const [loading, setLoading] = useState<boolean>(false);
   const [signersDescription, setSignerDescription] = useState<string>("");
+  const [signersName, setSignerName] = useState<string>("");
+  const [selectedKeys, setSelectedKeys] = useState<KeyObject[]>([]);
+  const [parentAddress, setParentAddress] = useState<string>("");
   const userAddress = useUserStore((state) => state.userAddress);
+  const { user } = useUser();
   const { toast } = useToast();
 
-  const pathIsNewWallet = router.pathname == "/wallets/invite/[id]";
+  const pathIsNewWallet = router.pathname === "/wallets/invite/[id]";
   const newWalletId = pathIsNewWallet ? (router.query.id as string) : undefined;
 
   const { data: newWallet } = api.wallet.getNewWallet.useQuery(
@@ -50,15 +57,15 @@ export default function PageNewWalletInvite() {
     });
 
   async function addSigner() {
-    if (newWallet === undefined || newWallet === null)
-      throw new Error("Wallet invite is undefined");
-    if (userAddress === undefined) throw new Error("User address is undefined");
+    if (!newWallet) throw new Error("Wallet invite is undefined");
+    // Use the user's address if available, otherwise the computed parent address
+    const addressToStore = user ? userAddress : parentAddress;
+    if (!addressToStore) throw new Error("Address is undefined");
 
     setLoading(true);
-
     updateNewWalletSigners({
       walletId: newWalletId!,
-      signersAddresses: [...newWallet.signersAddresses, userAddress],
+      signersAddresses: [...newWallet.signersAddresses, addressToStore],
       signersDescriptions: [
         ...newWallet.signersDescriptions,
         signersDescription,
@@ -66,60 +73,91 @@ export default function PageNewWalletInvite() {
     });
   }
 
+  useEffect(() => {
+    if (selectedKeys.length > 0) {
+      // Build a combined description from the wallet name and the selected keys (excluding the admin key at index 0)
+      let combined = `name:${signersName};\n`;
+      const keysToInclude = selectedKeys.slice(1, 4);
+      keysToInclude.forEach((key) => {
+        const pubKeyHash = key.publicKey ? getPubKeyHash(key.publicKey) : "N/A";
+        const keyRole =
+          key.derivationPath.role !== undefined ? key.derivationPath.role : "";
+        combined += `key${keyRole}:${pubKeyHash};\n`;
+      });
+      // Update the first entry in the signersDescriptions list
+      setSignerDescription(combined);
+    }
+  }, [signersName, selectedKeys]);
+
+  useEffect(() => {
+    if (!user && selectedKeys.length > 0) {
+      // Assume the first key is the parent key
+      const parentAddr = pubKeyToAddr(
+        selectedKeys[1]!,
+        selectedKeys[2]!,
+        false,
+      ); // false for Testnet, adjust as needed
+      setParentAddress(parentAddr);
+    }
+  }, [user, selectedKeys]);
+
   return (
-    <>
+    <div className="container mx-auto px-4 py-4">
       <PageHeader
         pageTitle={`Invited as Signer${newWallet ? ` for: ${newWallet.name}` : ""}`}
-      ></PageHeader>
+      />
       {newWallet && (
-        <div className="grid grid-cols-2 gap-4">
-          <Card>
+        <div className="flex flex-col gap-4 md:flex-row md:items-start md:gap-8">
+          {/* Left side: Invitation details */}
+          <Card className="w-full md:w-1/2">
             <CardHeader>
               <CardTitle>You are invited as Signer</CardTitle>
               <CardDescription>
-                You are invited to be a signer of this multi-siganture wallet. Please confirm
-                your address and add your name for this wallet.
+                You are invited to be a signer of this multi-signature wallet.
+                Please confirm your address and add your name.
               </CardDescription>
             </CardHeader>
             <CardContent>
-              <div className="grid gap-6">
-                <div className="grid gap-3">
+              <div className="space-y-6">
+                <div className="space-y-2">
                   <Label htmlFor="address">Your address</Label>
                   <Input
                     id="address"
                     type="text"
-                    className="w-full"
-                    value={userAddress}
+                    value={user ? userAddress : parentAddress}
                     disabled
                   />
                 </div>
-                <div className="grid gap-3">
+                <div className="space-y-2">
                   <Label htmlFor="description">Your Name</Label>
                   <Input
                     id="description"
                     type="text"
-                    className="w-full"
-                    placeholder="your name or a description about this signer"
-                    value={signersDescription}
-                    onChange={(e) => setSignerDescription(e.target.value)}
+                    placeholder="e.g., Alice, Bob, etc."
+                    value={signersName}
+                    onChange={(e) => setSignerName(e.target.value)}
                   />
                 </div>
               </div>
+              <p>{signersDescription}</p>
+              <div className="space-y-2">
+                <Button
+                  onClick={addSigner}
+                  disabled={loading || !signersDescription}
+                  className="w-full md:w-auto"
+                >
+                  {loading ? "Adding..." : "Add me as signer"}
+                </Button>
+              </div>
             </CardContent>
           </Card>
-
-          <div></div>
-
-          <div className="flex gap-4">
-            <Button
-              onClick={addSigner}
-              disabled={loading || !signersDescription}
-            >
-              {loading ? "Adding..." : "Add me as signer"}
-            </Button>
-          </div>
+          <WalletComponent
+            onSelectChildKeys={(childKeys) => {
+              setSelectedKeys(childKeys);
+            }}
+          />
         </div>
       )}
-    </>
+    </div>
   );
 }
diff --git a/src/components/pages/homepage/wallets/new-wallet/index.tsx b/src/components/pages/homepage/wallets/new-wallet/index.tsx
index 6abd4d51..0c4a4c26 100644
--- a/src/components/pages/homepage/wallets/new-wallet/index.tsx
+++ b/src/components/pages/homepage/wallets/new-wallet/index.tsx
@@ -9,49 +9,56 @@ import {
 } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
 import { Textarea } from "@/components/ui/textarea";
-import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
-import {
-  NativeScript,
-  resolvePaymentKeyHash,
-  serializeNativeScript,
-} from "@meshsdk/core";
-import { PlusCircle } from "lucide-react";
-import { useEffect, useState } from "react";
+import { resolvePaymentKeyHash } from "@meshsdk/core";
+import { useEffect, useState, useMemo } from "react";
 import { api } from "@/utils/api";
 import { useUserStore } from "@/lib/zustand/user";
 import { useRouter } from "next/router";
 import { useToast } from "@/hooks/use-toast";
 import useUser from "@/hooks/useUser";
+import Signers from "./signers";
+import ScriptSettings from "./scriptSettings";
+import WalletComponent from "../invite/cip146/146Wallet";
+import {
+  getPubKeyHash,
+  KeyObject,
+  pubKeyToAddr,
+} from "@/lib/helper/cip146/146sdk";
 import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
+  MultisigWallet,
+  MultisigKey,
+} from "@/lib/helper/cip146/multisigScriptSdk";
+import { useSiteStore } from "@/lib/zustand/site";
+import RegistrationButton from "./registrationButton";
 
 export default function PageNewWallet() {
   const router = useRouter();
   const [signersAddresses, setSignerAddresses] = useState<string[]>([]);
   const [signersDescriptions, setSignerDescriptions] = useState<string[]>([]);
   const [numRequiredSigners, setNumRequiredSigners] = useState<number>(1);
+  const [selectedKeys, setSelectedKeys] = useState<KeyObject[]>([]);
   const [name, setName] = useState<string>("");
   const [description, setDescription] = useState<string>("");
   const [loading, setLoading] = useState<boolean>(false);
   const userAddress = useUserStore((state) => state.userAddress);
   const { user } = useUser();
   const { toast } = useToast();
-  const [nativeScriptType, setNativeScriptType] = useState<
-    "all" | "any" | "atLeast"
-  >("atLeast");
-  const [stakeKey, setStakeKey] = useState<string>("");
+  const network = useSiteStore((state) => state.network);
+  const [MSWallet, setMSWallet] = useState<MultisigWallet | undefined>(
+    undefined,
+  );
   const pathIsWalletInvite = router.pathname == "/wallets/new-wallet/[id]";
   const walletInviteId = pathIsWalletInvite
     ? (router.query.id as string)
     : undefined;
+  const [parsedSignersDescriptions, setParsedSignersDescriptions] = useState<
+    Array<{
+      original: string;
+      parsed: Record<string, string> | null;
+      isNew: boolean;
+    }>
+  >([]);
 
   const { mutate: deleteWalletInvite } = api.wallet.deleteNewWallet.useMutation(
     {
@@ -123,67 +130,117 @@ export default function PageNewWallet() {
     },
   );
 
-  // to add the user address as the first signer
-  useEffect(() => {
-    if (userAddress === undefined) return;
-    setSignerAddresses([userAddress]);
-    setSignerDescriptions([""]);
-  }, [userAddress]);
-
   useEffect(() => {
     if (pathIsWalletInvite && walletInvite) {
       setName(walletInvite.name);
       setDescription(walletInvite.description ?? "");
       setSignerAddresses(walletInvite.signersAddresses);
       setSignerDescriptions(walletInvite.signersDescriptions);
+
+      const parsedSD = walletInvite.signersDescriptions.map((desc: string) => {
+        const trimmed = desc.trim();
+        // Check that the description starts with "name:" and contains the required keys
+        if (
+          trimmed.startsWith("name:") &&
+          trimmed.includes("key0:") &&
+          trimmed.includes("key2:") &&
+          trimmed.includes("key3:")
+        ) {
+          const parts = trimmed.split(";").filter(Boolean);
+          const parsedObj: Record<string, string> = {};
+          parts.forEach((part) => {
+            const [k, ...rest] = part.split(":");
+            if (k && rest) {
+              parsedObj[k.trim()] = rest.join(":").trim();
+            }
+          });
+          return { original: trimmed, parsed: parsedObj, isNew: true };
+        }
+        return { original: trimmed, parsed: null, isNew: false };
+      });
+      setParsedSignersDescriptions(parsedSD);
     }
   }, [pathIsWalletInvite, walletInvite]);
 
-  function addSigner() {
-    setSignerAddresses([...signersAddresses, ""]);
-    setSignerDescriptions([...signersDescriptions, ""]);
-  }
-
-  function createNativeScript() {
-    setLoading(true);
+  // Update the useEffect that updates the combined description from selectedKeys
+  useEffect(() => {
+    if (selectedKeys.length > 0) {
+      // Build a combined description using keys from indices 0, 2, and 3.
+      // This ensures the admin key (index 0) and two additional keys (indices 2 and 3) are included.
+      let combined = `name:${name};\n`;
+      const indicesToInclude = [0, 2, 3];
+      indicesToInclude.forEach((i) => {
+        const key = selectedKeys[i];
+        if (key) {
+          const pubKeyHash = key.publicKey
+            ? getPubKeyHash(key.publicKey)
+            : "N/A";
+          // Use a fixed role label based on the index (for clarity)
+          let role = "";
+          if (i === 0) role = "key0";
+          else if (i === 2) role = "key2";
+          else if (i === 3) role = "key3";
+          else
+            role =
+              key.derivationPath.role !== undefined
+                ? `key${key.derivationPath.role}`
+                : "key?";
+          combined += `${role}:${pubKeyHash};\n`;
+        }
+      });
 
-    const keyHashes = [];
-    for (let i = 0; i < signersAddresses.length; i++) {
-      const addr = signersAddresses[i] as string;
-      const walletKeyHash = resolvePaymentKeyHash(addr);
-      keyHashes.push(walletKeyHash);
-    }
+      // Update the first entry in the signersDescriptions list
+      setSignerDescriptions((prev) => {
+        const newArr = [...prev];
+        newArr[0] = combined;
+        return newArr;
+      });
 
-    const nativeScript: {
-      type: "all" | "any" | "atLeast";
-      scripts: { type: string; keyHash: string }[];
-      required?: number;
-    } = {
-      type: nativeScriptType,
-      scripts: keyHashes.map((keyHash) => ({
-        type: "sig",
-        keyHash,
-      })),
-    };
+      // Also update the parsed signers for the first entry using robust splitting and trimming.
+      const parts = combined.split(";\n").filter(Boolean);
+      const parsedObj: Record<string, string> = {};
+      parts.forEach((part) => {
+        const [k, ...rest] = part.split(":");
+        if (k && rest) {
+          parsedObj[k.trim()] = rest.join(":").trim();
+        }
+      });
+      setParsedSignersDescriptions((prev) => {
+        const newParsed = [...prev];
+        newParsed[0] = { original: combined, parsed: parsedObj, isNew: true };
+        return newParsed;
+      });
 
-    if (nativeScriptType == "atLeast") {
-      nativeScript.required = numRequiredSigners;
+      // Update the first entry in the signersAddresses list if applicable
+      if (selectedKeys.length >= 3) {
+        const parentAddr = pubKeyToAddr(
+          selectedKeys[0]!,
+          selectedKeys[2]!,
+          false,
+        );
+        setSignerAddresses((prev) => {
+          const newArr = [...prev];
+          newArr[0] = parentAddr;
+          return newArr;
+        });
+      } else if (user) {
+        setSignerAddresses((prev) => {
+          const newArr = [...prev];
+          newArr[0] = userAddress || "";
+          return newArr;
+        });
+      }
     }
+  }, [selectedKeys, name, user, userAddress]);
 
-    const { scriptCbor } = serializeNativeScript(nativeScript as NativeScript);
+  const scriptSettingsEnabled = useMemo(() => {
+    const keys = keysHelper();
+    return keys.some((k) => k.role === 0 && k.keyHash !== "");
+  }, [signersAddresses, parsedSignersDescriptions]);
 
-    if (scriptCbor === undefined) throw new Error("scriptCbor is undefined");
-
-    createWallet({
-      name: name,
-      description: description,
-      signersAddresses: signersAddresses,
-      signersDescriptions: signersDescriptions,
-      numRequiredSigners: numRequiredSigners,
-      scriptCbor: scriptCbor,
-      stakeCredentialHash: stakeKey.length > 0 ? stakeKey : undefined,
-      type: nativeScriptType,
-    });
+  function addSigner() {
+    setSignerAddresses([...signersAddresses, ""]);
+    setSignerDescriptions([...signersDescriptions, ""]);
   }
 
   function checkValidAddress(address: string) {
@@ -216,8 +273,145 @@ export default function PageNewWallet() {
         name: name,
         description: description,
         signersAddresses: signersAddresses,
-        signersDescriptions: signersDescriptions,
+        signersDescriptions: getFinalSignersDescriptions(),
+      });
+    }
+  }
+
+  function getFinalSignersDescriptions() {
+    return signersAddresses.map((_, index) => {
+      const parsedObj = parsedSignersDescriptions[index];
+      if (parsedObj && parsedObj.isNew && parsedObj.parsed) {
+        const entries = Object.entries(parsedObj.parsed).map(([key, value]) => {
+          if (key === "name") {
+            return `name:${value}`;
+          }
+          return `${key}:${value}`;
+        });
+        return entries.join(";") + ";";
+      }
+      // Fallback: ensure a string is always returned
+      return signersDescriptions[index] ?? "";
+    });
+  }
+
+  function keysHelper(): MultisigKey[] {
+    try {
+      let keys: MultisigKey[] = [];
+      if (parsedSignersDescriptions && parsedSignersDescriptions.length > 0) {
+        parsedSignersDescriptions.forEach((desc) => {
+          if (desc.parsed) {
+            // For each property in the parsed object (except "name"), create a key object.
+            Object.keys(desc.parsed).forEach((k) => {
+              if (k !== "name") {
+                const role = parseInt(k.replace("key", ""), 10);
+                if (desc.parsed![k]) {
+                  keys.push({
+                    keyHash: desc.parsed![k],
+                    role: role,
+                    name: desc.parsed!.name || "",
+                  });
+                }
+              }
+            });
+          }
+        });
+      }
+      // If no role 0 keys were found, fallback to signersAddresses if available.
+      if (keys.filter((key) => key.role === 0).length === 0) {
+        if (signersAddresses.length === 0) {
+          console.warn("No addresses provided to generate fallback keys.");
+          return [];
+        }
+        keys = signersAddresses.map((address) => ({
+          keyHash: resolvePaymentKeyHash(address) || "",
+          role: 0,
+          name: "payment",
+        }));
+      }
+      // Filter out any keys with an empty keyHash
+      return keys.filter((k) => k.keyHash !== "");
+    } catch (error) {
+      console.error("Error in keysHelper:", error);
+      return [];
+    }
+  }
+
+  const scriptPreview = useMemo(() => {
+    // If no addresses are provided, skip script generation.
+    if (signersAddresses.length === 0) {
+      console.warn("No addresses provided. Script preview generation skipped.");
+      return null;
+    }
+    try {
+      const keys: MultisigKey[] = keysHelper();
+      const hasRole0 = keys.some((k) => k.role === 0 && k.keyHash !== "");
+      if (!hasRole0) {
+        console.warn("No valid role 0 key found. Skipping script generation.");
+        return null; // Skip generating the preview
+      }
+      const wallet = new MultisigWallet(
+        name,
+        keys,
+        description,
+        numRequiredSigners,
+        network,
+      );
+      setMSWallet(wallet);
+      const nativeScript = wallet.buildScript(0);
+      const jsonMetadata = wallet.getJsonMetadata();
+      const stakeCredentialHash = wallet.getStakeCredentialHash();
+      const { address: scriptAddress, scriptCbor } = wallet.getScript();
+      if (!scriptCbor) throw new Error("scriptCbor is undefined");
+      return {
+        nativeScript,
+        scriptCbor,
+        scriptAddress,
+        jsonMetadata,
+        stakeCredentialHash,
+      };
+    } catch (error) {
+      console.error("Error generating script preview:", error);
+      return null;
+    }
+  }, [
+    signersAddresses,
+    parsedSignersDescriptions,
+    numRequiredSigners,
+    network,
+    name,
+  ]);
+
+  async function createNativeScript() {
+    if (!MSWallet) {
+      console.error("No multisig wallet built.");
+      toast({
+        title: "Error",
+        description:
+          "No valid multisig configuration found. Please check your addresses and descriptions.",
+        duration: 5000,
+      });
+      return;
+    }
+    setLoading(true);
+    try {
+      const { scriptCbor } = MSWallet.getScript();
+      const stakeKey = MSWallet.getStakeCredentialHash();
+      if (!scriptCbor) throw new Error("scriptCbor is undefined");
+      console.log("[Native Script] Serialized script CBOR:", scriptCbor);
+      createWallet({
+        name: name,
+        description: description,
+        signersAddresses: signersAddresses,
+        signersDescriptions: getFinalSignersDescriptions(),
+        numRequiredSigners: numRequiredSigners,
+        scriptCbor: scriptCbor,
+        stakeCredentialHash: stakeKey.length > 0 ? stakeKey : undefined,
+        type: "atLeast",
       });
+    } catch (error) {
+      console.error("Error creating native script:", error);
+      setLoading(false);
     }
   }
 
@@ -226,345 +420,120 @@ export default function PageNewWallet() {
       <PageHeader
         pageTitle={`New Wallet${pathIsWalletInvite && walletInvite ? `: ${walletInvite.name}` : ""}`}
       ></PageHeader>
-      {user && (
-        <div className="grid grid-cols-2 gap-4">
-          <Card>
-            <CardHeader>
-              <CardTitle>Wallet Info</CardTitle>
-              <CardDescription>
-                Some information to help you remember what is this wallet use
-                for
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="grid gap-6">
-                <div className="grid gap-3">
-                  <Label htmlFor="name">Name</Label>
-                  <Input
-                    id="name"
-                    type="text"
-                    className="w-full"
-                    placeholder="Fund12 Project X"
-                    value={name}
-                    onChange={(e) => {
-                      if (e.target.value.length <= 64) setName(e.target.value);
-                    }}
-                  />
-                  {name.length >= 64 && (
-                    <p className="text-red-500">
-                      Name should be less than 64 characters
-                    </p>
-                  )}
-                </div>
-                <div className="grid gap-3">
-                  <Label htmlFor="description">Description</Label>
-                  <Textarea
-                    id="description"
-                    className="min-h-32"
-                    placeholder="For managing Fund12 Project X catalyst fund / dRep for team X / Company X main spending wallet"
-                    value={description}
-                    onChange={(e) => {
-                      if (e.target.value.length <= 256)
-                        setDescription(e.target.value);
-                    }}
-                  />
-                  {description.length >= 256 && (
-                    <p className="text-red-500">
-                      Description should be less than 256 characters
-                    </p>
-                  )}
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-
-          <div></div>
 
-          <Card>
-            <CardHeader>
-              <CardTitle>Signers</CardTitle>
-              <CardDescription className="whitespace-pre-line">
-                {`Add the addresses of the signers who will be required to approve transactions in this wallet. The first address is your address which is automatically added. 
-                The number of required signers is the number of signers required to approve a transaction to make it valid. You can:
-                • add more signers by clicking the "Add Signers" button. 
-                • remove a signer by clicking the "Remove" button next to the signer's address.
-                • save this wallet and create a link to invite signers with the "Invite Signers" button.`}
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="grid gap-6">
-                <div>
-                  {pathIsWalletInvite ? (
-                    <Button
-                      variant="ghost"
-                      onClick={() => {
-                        navigator.clipboard.writeText(
-                          `https://multisig.meshjs.dev/wallets/invite/${walletInviteId}`,
-                        );
-                        toast({
-                          title: "Copied invite link",
-                          description: "Invite link copied to clipboard",
-                          duration: 5000,
-                        });
-                      }}
-                      className="m-0 h-auto max-w-full justify-start truncate p-0"
-                    >
-                      Invite signers:
-                      https://multisig.meshjs.dev/wallets/invite/
-                      {walletInviteId}
-                    </Button>
-                  ) : (
-                    <Button
-                      onClick={() => handleCreateNewWallet()}
-                      disabled={loading}
-                    >
-                      Invite Signers
-                    </Button>
-                  )}
-                </div>
-
-                <div className="grid gap-3">
-                  <Table>
-                    <TableBody>
-                      {signersAddresses.map((signer, index) => (
-                        <TableRow key={index}>
-                          <TableCell>
-                            <div className="grid gap-4 py-4">
-                              <div className="grid grid-cols-4 items-center gap-4">
-                                <Label className="text-right">Address</Label>
-                                <Input
-                                  type="string"
-                                  placeholder="addr1..."
-                                  className={`col-span-3 ${
-                                    signersAddresses[index] != "" &&
-                                    !checkValidAddress(
-                                      signersAddresses[index]!,
-                                    ) &&
-                                    "text-red-500"
-                                  }`}
-                                  value={signer}
-                                  onChange={(e) => {
-                                    const newSigners = [...signersAddresses];
-                                    newSigners[index] = e.target.value;
-                                    setSignerAddresses(newSigners);
-                                  }}
-                                  disabled={index === 0}
-                                />
-                              </div>
-                              <div className="grid grid-cols-4 items-center gap-4">
-                                <Label className="text-right">
-                                  Description
-                                </Label>
-                                <Input
-                                  className="col-span-3"
-                                  value={signersDescriptions[index]}
-                                  onChange={(e) => {
-                                    const newSigners = [...signersDescriptions];
-                                    newSigners[index] = e.target.value;
-                                    setSignerDescriptions(newSigners);
-                                  }}
-                                  placeholder="optional name or description of this signer"
-                                />
-                              </div>
-
-                              {signersAddresses.filter(
-                                (signer) => signer === signersAddresses[index],
-                              ).length > 1 && (
-                                <p className="text-red-500">
-                                  This address is duplicated with another signer
-                                </p>
-                              )}
-                              {!checkValidAddress(signersAddresses[index]!) &&
-                                signersAddresses[index] != "" && (
-                                  <p className="text-red-500">
-                                    This address is is invalid
-                                  </p>
-                                )}
-                            </div>
-                          </TableCell>
-                          <TableCell>
-                            {index > 0 && (
-                              <Button
-                                size="sm"
-                                variant="ghost"
-                                className="gap-1"
-                                onClick={() => {
-                                  const newSigners = [...signersAddresses];
-                                  newSigners.splice(index, 1);
-                                  setSignerAddresses(newSigners);
+      <div className="grid grid-cols-2 gap-4">
+        <Card>
+          <CardHeader>
+            <CardTitle>Wallet Info</CardTitle>
+            <CardDescription>
+              Some information to help you remember what is this wallet use for
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="grid gap-6">
+              <div className="grid gap-3">
+                <Label htmlFor="name">Name</Label>
+                <Input
+                  id="name"
+                  type="text"
+                  className="w-full"
+                  placeholder="Fund12 Project X"
+                  value={name}
+                  onChange={(e) => {
+                    if (e.target.value.length <= 64) setName(e.target.value);
+                  }}
+                />
+                {name.length >= 64 && (
+                  <p className="text-red-500">
+                    Name should be less than 64 characters
+                  </p>
+                )}
+              </div>
+              <div className="grid gap-3">
+                <Label htmlFor="description">Description</Label>
+                <Textarea
+                  id="description"
+                  className="min-h-32"
+                  placeholder="For managing Fund12 Project X catalyst fund / dRep for team X / Company X main spending wallet"
+                  value={description}
+                  onChange={(e) => {
+                    if (e.target.value.length <= 256)
+                      setDescription(e.target.value);
+                  }}
+                />
+                {description.length >= 256 && (
+                  <p className="text-red-500">
+                    Description should be less than 256 characters
+                  </p>
+                )}
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+        <div />
 
-                                  const newSignersDesc = [
-                                    ...signersDescriptions,
-                                  ];
-                                  newSignersDesc.splice(index, 1);
-                                  setSignerDescriptions(newSignersDesc);
-                                }}
-                                disabled={index === 0}
-                              >
-                                Remove
-                              </Button>
-                            )}
-                          </TableCell>
-                        </TableRow>
-                      ))}
+        <WalletComponent
+          onSelectChildKeys={(childKeys) => {
+            setSelectedKeys(childKeys);
+          }}
+        />
 
-                      <TableRow>
-                        <TableCell>
-                          <Button
-                            size="sm"
-                            variant="ghost"
-                            className="gap-1"
-                            onClick={() => addSigner()}
-                          >
-                            <PlusCircle className="h-3.5 w-3.5" />
-                            Add Signers
-                          </Button>
-                        </TableCell>
-                      </TableRow>
-                    </TableBody>
-                  </Table>
-                </div>
-                <div className="grid gap-3">
-                  <Label htmlFor="description">Required signers</Label>
+        <div></div>
 
-                  {nativeScriptType == "atLeast" ? (
-                    <>
-                      <p className="text-sm text-zinc-500 dark:text-zinc-400">
-                        Select the number of signers required to approve a
-                        transaction to make it valid in this wallet.
-                      </p>
-                      <ToggleGroup
-                        type="single"
-                        variant="outline"
-                        value={numRequiredSigners.toString()}
-                        disabled={nativeScriptType != "atLeast"}
-                      >
-                        {signersAddresses.length > 0 &&
-                          Array.from(
-                            { length: signersAddresses.length },
-                            (_, i) => i + 1,
-                          ).map((num) => (
-                            <ToggleGroupItem
-                              key={num}
-                              value={num.toString()}
-                              onClick={() => {
-                                if (numRequiredSigners == num) {
-                                  setNumRequiredSigners(0);
-                                } else {
-                                  setNumRequiredSigners(num);
-                                }
-                              }}
-                            >
-                              {num}
-                            </ToggleGroupItem>
-                          ))}
-                      </ToggleGroup>
-                      <p>
-                        You have selected:{" "}
-                        {`You have ${signersAddresses.filter((addr) => addr.length > 0).length} signer(s) and at least ${numRequiredSigners} of signer(s) are required to approve transactions in this wallet.`}
-                      </p>
-                    </>
-                  ) : (
-                    <p>
-                      <b>
-                        {nativeScriptType == "all"
-                          ? "All signers are "
-                          : "Any one signer is "}
-                      </b>
-                      required to approve transactions in this wallet.
-                    </p>
-                  )}
-                </div>
-              </div>
-            </CardContent>
-          </Card>
+        <Signers
+          pathIsWalletInvite={pathIsWalletInvite}
+          walletInviteId={walletInviteId}
+          loading={loading}
+          signersAddresses={signersAddresses}
+          setSignerAddresses={setSignerAddresses}
+          signersDescriptions={signersDescriptions}
+          setSignerDescriptions={setSignerDescriptions}
+          parsedSignersDescriptions={parsedSignersDescriptions}
+          setParsedSignersDescriptions={setParsedSignersDescriptions}
+          checkValidAddress={checkValidAddress}
+          addSigner={addSigner}
+          handleCreateNewWallet={handleCreateNewWallet}
+          toast={toast}
+        />
 
-          <div></div>
+        <div></div>
 
-          <Card>
-            <CardHeader>
-              <CardTitle>Advance Options</CardTitle>
-              <CardDescription>
-                Customize your wallet with advance options, only if you know
-                what you are doing
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="grid gap-6">
-                <div className="grid gap-3">
-                  <Label htmlFor="stakeKey">Stake Credential Hash</Label>
-                  <Input
-                    id="name"
-                    type="text"
-                    className="w-full"
-                    value={stakeKey}
-                    onChange={(e) => setStakeKey(e.target.value)}
-                  />
-                </div>
-                <div className="grid gap-3">
-                  <Label htmlFor="type">Native Script Type</Label>
-                  <Select
-                    value={nativeScriptType}
-                    onValueChange={(value) =>
-                      setNativeScriptType(value as "all" | "any" | "atLeast")
-                    }
-                    defaultValue={"atLeast"}
-                  >
-                    <SelectTrigger>
-                      <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectGroup>
-                        <SelectItem value="atLeast">
-                          At Least - the number of participants required to sign
-                          a transaction to make it valid
-                        </SelectItem>
-                        <SelectItem value="all">
-                          All - every participants need to sign to make a
-                          transaction valid
-                        </SelectItem>
-                        <SelectItem value="any">
-                          Any - any participants can sign to make a transaction
-                          valid
-                        </SelectItem>
-                      </SelectGroup>
-                    </SelectContent>
-                  </Select>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
+        <ScriptSettings
+          numRequiredSigners={numRequiredSigners}
+          setNumRequiredSigners={setNumRequiredSigners}
+          signersAddresses={signersAddresses}
+          scriptPreview={scriptPreview}
+          enabled={scriptSettingsEnabled}
+        />
 
-          <div></div>
+        <div></div>
 
-          <div className="flex gap-4">
-            <Button
-              onClick={createNativeScript}
-              disabled={
-                signersAddresses.length == 0 ||
-                signersAddresses.some((signer) => !checkValidAddress(signer)) ||
-                (nativeScriptType == "atLeast" && numRequiredSigners == 0) ||
-                name.length == 0 ||
-                loading
-              }
-            >
-              {loading ? "Creating Wallet..." : "Create Wallet"}
+        <div className="flex gap-4">
+          <Button
+            onClick={createNativeScript}
+            disabled={
+              signersAddresses.length == 0 ||
+              signersAddresses.some((signer) => !checkValidAddress(signer)) ||
+              name.length == 0 ||
+              loading
+            }
+          >
+            {loading ? "Creating Wallet..." : "Create Wallet"}
+          </Button>
+          {pathIsWalletInvite ? (
+            <Button onClick={() => handleSaveWallet()} disabled={loading}>
+              {loading ? "Saving Wallet..." : "Save Wallet for Later"}
+            </Button>
+          ) : (
+            <Button onClick={() => handleCreateNewWallet()} disabled={loading}>
+              Save Wallet and Invite Signers
             </Button>
-            {pathIsWalletInvite ? (
-              <Button onClick={() => handleSaveWallet()} disabled={loading}>
-                {loading ? "Saving Wallet..." : "Save Wallet for Later"}
-              </Button>
-            ) : (
-              <Button
-                onClick={() => handleCreateNewWallet()}
-                disabled={loading}
-              >
-                Save Wallet and Invite Signers
-              </Button>
-            )}
-          </div>
+          )}
         </div>
-      )}
+        {MSWallet &&<div className="mt-4">
+          <RegistrationButton MSWallet={MSWallet} />
+        </div>}
+      </div>
     </>
   );
 }
diff --git a/src/components/pages/homepage/wallets/new-wallet/registrationButton.tsx b/src/components/pages/homepage/wallets/new-wallet/registrationButton.tsx
new file mode 100644
index 00000000..d360c189
--- /dev/null
+++ b/src/components/pages/homepage/wallets/new-wallet/registrationButton.tsx
@@ -0,0 +1,105 @@
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { useWallet } from "@meshsdk/react";
+import { useToast } from "@/hooks/use-toast";
+import { useSiteStore } from "@/lib/zustand/site";
+import { useUserStore } from "@/lib/zustand/user";
+import { getProvider } from "@/components/common/cardano-objects/get-provider";
+import { getTxBuilder } from "@/components/common/cardano-objects/get-tx-builder";
+import { MultisigWallet } from "@/lib/helper/cip146/multisigScriptSdk";
+
+export default function RegistrationButton({
+  MSWallet,
+}: {
+  MSWallet: MultisigWallet;
+}) {
+  const { wallet, connected } = useWallet();
+  const { toast } = useToast();
+  const network = useSiteStore((state) => state.network);
+  const userAddress = useUserStore((state) => state.userAddress);
+  const [loading, setLoading] = useState(false);
+
+  async function handleRegisterNewWallet() {
+    if (!connected || !wallet) {
+      toast({
+        title: "Wallet not connected",
+        description: "Please connect your wallet.",
+        variant: "destructive",
+      });
+      return;
+    }
+    if (!userAddress) {
+      toast({
+        title: "No user address",
+        description: "User address not found.",
+        variant: "destructive",
+      });
+      return;
+    }
+    setLoading(true);
+    try {
+      const blockchainProvider = getProvider(network);
+      const utxos = await blockchainProvider.fetchAddressUTxOs(userAddress);
+      if (!utxos || utxos.length === 0) {
+        throw new Error("No UTxOs found for the user address.");
+      }
+      // For simplicity, use all available UTxOs
+      const selectedUtxos = utxos;
+      const minLovelace = 1000000; // 1 ADA
+
+      const txBuilder = getTxBuilder(network);
+      // Add inputs from selected UTxOs
+      for (const utxo of selectedUtxos) {
+        txBuilder.txIn(
+          utxo.input.txHash,
+          utxo.input.outputIndex,
+          utxo.output.amount,
+          utxo.output.address,
+        );
+      }
+      // Add an output sending minimal lovelace to the user's address
+      txBuilder.txOut(userAddress, [
+        { unit: "lovelace", quantity: minLovelace.toString() },
+      ]);
+
+      // Add auxiliary data with the registration metadata using MSWallet
+      if (!MSWallet) {
+        throw new Error("MSWallet not available for metadata generation.");
+      }
+      txBuilder.metadataValue(1854, MSWallet.getJsonMetadata());
+
+      // Loop over desired roles and build a mapping of role to native script CBOR
+      const roles = [0, 2, 3, 4, 5];
+      roles.forEach((role) => {
+        const script = MSWallet.buildScript(role);
+        if (script) txBuilder.metadataValue(role, script);
+      });
+
+      const unsignedTx = await txBuilder.changeAddress(userAddress).complete();
+      const signedTx = await wallet.signTx(unsignedTx);
+      const txHash = await wallet.submitTx(signedTx);
+
+      toast({
+        title: "Registration Transaction Sent",
+        description: txHash || "Transaction submitted successfully.",
+        duration: 10000,
+      });
+    } catch (error: any) {
+      console.error("Registration error:", error);
+      toast({
+        title: "Registration Error",
+        description: error.message || "An error occurred during registration.",
+        duration: 10000,
+        variant: "destructive",
+      });
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <Button onClick={handleRegisterNewWallet} disabled={loading}>
+      {loading ? "Sending Registration..." : "Send Registration"}
+    </Button>
+  );
+}
diff --git a/src/components/pages/homepage/wallets/new-wallet/scriptSettings.tsx b/src/components/pages/homepage/wallets/new-wallet/scriptSettings.tsx
new file mode 100644
index 00000000..b23893fa
--- /dev/null
+++ b/src/components/pages/homepage/wallets/new-wallet/scriptSettings.tsx
@@ -0,0 +1,112 @@
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
+import RowLabelInfo from "@/components/common/row-label-info";
+import Code from "@/components/common/code";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { Label } from "@/components/ui/label";
+
+interface ScriptPreview {
+  nativeScript: any;
+  scriptCbor: string;
+  scriptAddress: string;
+  jsonMetadata: any;
+  stakeCredentialHash: string;
+}
+
+interface ScriptSettingsProps {
+  numRequiredSigners: number;
+  setNumRequiredSigners: (value: number) => void;
+  signersAddresses: string[];
+  scriptPreview: ScriptPreview | null;
+  enabled: boolean;
+}
+
+export default function ScriptSettings({
+  scriptPreview,
+  numRequiredSigners,
+  signersAddresses,
+  setNumRequiredSigners,
+  enabled
+}: ScriptSettingsProps) {
+  if (!enabled) {
+    return 
+  }
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Script Settings</CardTitle>
+        <CardDescription>
+          Customize your wallet with advanced options, only if you know what you
+          are doing
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Label htmlFor="description">Required signers</Label>
+
+        <p className="text-sm text-zinc-500 dark:text-zinc-400">
+          Select the number of signers required to approve a transaction to make
+          it valid in this wallet.
+        </p>
+        <ToggleGroup
+          type="single"
+          variant="outline"
+          value={numRequiredSigners.toString()}
+        >
+          {signersAddresses.length > 0 &&
+            Array.from(
+              { length: signersAddresses.length },
+              (_, i) => i + 1,
+            ).map((num) => (
+              <ToggleGroupItem
+                key={num}
+                value={num.toString()}
+                onClick={() => {
+                  if (numRequiredSigners == num) {
+                    setNumRequiredSigners(0);
+                  } else {
+                    setNumRequiredSigners(num);
+                  }
+                }}
+              >
+                {num}
+              </ToggleGroupItem>
+            ))}
+        </ToggleGroup>
+        {/* (Other UI elements remain unchanged) */}
+        {scriptPreview ? (
+          <>
+            <RowLabelInfo
+              label="Native Script"
+              value={
+                <Code>
+                  {JSON.stringify(scriptPreview.nativeScript, null, 2)}
+                </Code>
+              }
+            />
+            <RowLabelInfo
+              label="Script CBOR"
+              value={<Code>{scriptPreview.scriptCbor}</Code>}
+            />
+            <RowLabelInfo
+              label="Script Address"
+              value={<Code>{scriptPreview?.scriptAddress || "N/A"}</Code>}
+            />
+            <RowLabelInfo
+              label="Stake Credential Hash"
+              value={<Code>{scriptPreview?.stakeCredentialHash || "N/A"}</Code>}
+            />
+          </>
+        ) : (
+          <p className="text-red-500">
+            Unable to generate script preview. Check addresses and settings.
+          </p>
+        )}
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/src/components/pages/homepage/wallets/new-wallet/signers.tsx b/src/components/pages/homepage/wallets/new-wallet/signers.tsx
new file mode 100644
index 00000000..0c5ca793
--- /dev/null
+++ b/src/components/pages/homepage/wallets/new-wallet/signers.tsx
@@ -0,0 +1,179 @@
+import React from "react";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
+import { Table, TableBody, TableRow, TableCell } from '@/components/ui/table';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Button } from '@/components/ui/button';
+import { PlusCircle } from 'lucide-react';
+
+interface SignersProps {
+  pathIsWalletInvite: boolean;
+  walletInviteId?: string;
+  loading: boolean;
+  signersAddresses: string[];
+  setSignerAddresses: React.Dispatch<React.SetStateAction<string[]>>;
+  signersDescriptions: string[];
+  setSignerDescriptions: React.Dispatch<React.SetStateAction<string[]>>;
+  parsedSignersDescriptions: Array<{ original: string; parsed: Record<string, string> | null; isNew: boolean }>;
+  setParsedSignersDescriptions: React.Dispatch<React.SetStateAction<Array<{ original: string; parsed: Record<string, string> | null; isNew: boolean }>>>;
+  checkValidAddress: (address: string) => boolean;
+  addSigner: () => void;
+  handleCreateNewWallet: () => void;
+  toast: (options: { title: string; description: string; duration?: number }) => void;
+}
+
+export default function Signers({
+  pathIsWalletInvite,
+  walletInviteId,
+  loading,
+  signersAddresses,
+  setSignerAddresses,
+  signersDescriptions,
+  setSignerDescriptions,
+  parsedSignersDescriptions,
+  setParsedSignersDescriptions,
+  checkValidAddress,
+  addSigner,
+  handleCreateNewWallet,
+  toast
+}: SignersProps) {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Signers</CardTitle>
+        <CardDescription className="whitespace-pre-line">
+          {`Add the addresses of the signers who will be required to approve transactions in this wallet. The first address is your address which is automatically added. 
+                The number of required signers is the number of signers required to approve a transaction to make it valid. You can:
+                • add more signers by clicking the "Add Signers" button. 
+                • remove a signer by clicking the "Remove" button next to the signer's address.
+                • save this wallet and create a link to invite signers with the "Invite Signers" button.`}
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <div className="grid gap-6">
+          <div>
+            {pathIsWalletInvite ? (
+              <Button
+                variant="ghost"
+                onClick={() => {
+                  navigator.clipboard.writeText(`https://multisig.meshjs.dev/wallets/invite/${walletInviteId}`);
+                  toast({
+                    title: "Copied invite link",
+                    description: "Invite link copied to clipboard",
+                    duration: 5000
+                  });
+                }}
+                className="m-0 h-auto max-w-full justify-start truncate p-0"
+              >
+                Invite signers: https://multisig.meshjs.dev/wallets/invite/{walletInviteId}
+              </Button>
+            ) : (
+              <Button onClick={handleCreateNewWallet} disabled={loading}>
+                Invite Signers
+              </Button>
+            )}
+          </div>
+
+          <div className="grid gap-3">
+            <Table>
+              <TableBody>
+                {signersAddresses.map((signer, index) => (
+                  <TableRow key={index}>
+                    <TableCell>
+                      <div className="grid gap-4 py-4">
+                        <div className="grid grid-cols-4 items-center gap-4">
+                          <Label className="text-right">Address</Label>
+                          <Input
+                            type="string"
+                            placeholder="addr1..."
+                            className={`col-span-3 ${signer !== '' && !checkValidAddress(signer) && 'text-red-500'}`}
+                            value={signer}
+                            onChange={(e) => {
+                              const newSigners = [...signersAddresses];
+                              newSigners[index] = e.target.value;
+                              setSignerAddresses(newSigners);
+                            }}
+                          />
+                        </div>
+                        <div className="grid grid-cols-4 items-center gap-4">
+                          <Label className="text-right">Description</Label>
+                          <Input
+                            className="col-span-3"
+                            value={
+                              parsedSignersDescriptions[index]?.isNew
+                                ? parsedSignersDescriptions[index].parsed?.name || ''
+                                : signersDescriptions[index]
+                            }
+                            onChange={(e) => {
+                              if (parsedSignersDescriptions[index]?.isNew) {
+                                const newParsed = [...parsedSignersDescriptions];
+                                if (newParsed[index]!.parsed) {
+                                  newParsed[index]!.parsed = { ...newParsed[index]!.parsed, name: e.target.value };
+                                }
+                                setParsedSignersDescriptions(newParsed);
+                              } else {
+                                const newSignersDesc = [...signersDescriptions];
+                                newSignersDesc[index] = e.target.value;
+                                setSignerDescriptions(newSignersDesc);
+                              }
+                            }}
+                            placeholder="optional name or description of this signer"
+                          />
+                        </div>
+                        {signersAddresses.filter((addr) => addr === signer).length > 1 && (
+                          <p className="text-red-500">
+                            This address is duplicated with another signer
+                          </p>
+                        )}
+                        {!checkValidAddress(signer) && signer !== '' && (
+                          <p className="text-red-500">
+                            This address is invalid
+                          </p>
+                        )}
+                      </div>
+                    </TableCell>
+                    <TableCell>
+                      {index > 0 && (
+                        <Button
+                          size="sm"
+                          variant="ghost"
+                          className="gap-1"
+                          onClick={() => {
+                            const newSigners = [...signersAddresses];
+                            newSigners.splice(index, 1);
+                            setSignerAddresses(newSigners);
+
+                            const newSignersDesc = [...signersDescriptions];
+                            newSignersDesc.splice(index, 1);
+                            setSignerDescriptions(newSignersDesc);
+                          }}
+                          disabled={index === 0}
+                        >
+                          Remove
+                        </Button>
+                      )}
+                    </TableCell>
+                  </TableRow>
+                ))}
+
+                <TableRow>
+                  <TableCell>
+                    <Button
+                      size="sm"
+                      variant="ghost"
+                      className="gap-1"
+                      onClick={addSigner}
+                    >
+                      <PlusCircle className="h-3.5 w-3.5" />
+                      Add Signers
+                    </Button>
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/src/components/pages/wallet/new-transaction/index.tsx b/src/components/pages/wallet/new-transaction/index.tsx
index 209520c4..f5455cbd 100644
--- a/src/components/pages/wallet/new-transaction/index.tsx
+++ b/src/components/pages/wallet/new-transaction/index.tsx
@@ -408,12 +408,10 @@ function RecipientRow({
 }) {
   const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout | null>(null);
   const [adaHandle, setAdaHandle] = useState<string>("");
-
   const walletAssets = useWalletsStore((state) => state.walletAssets);
   const walletAssetMetadata = useWalletsStore(
     (state) => state.walletAssetMetadata,
   );
-
   const handleAddressChange = async (value: string) => {
     const newAddresses = [...recipientAddresses];
     newAddresses[index] = value;
@@ -438,7 +436,6 @@ function RecipientRow({
       setAdaHandle("");
     }
   };
-
   const appWalletAssets = useMemo(() => {
     return walletAssets.map((asset) => {
       return {
@@ -465,7 +462,6 @@ function RecipientRow({
       </>
     );
   }, [appWalletAssets]);
-
   return (
     <TableRow>
       <TableCell>
diff --git a/src/hooks/common.ts b/src/hooks/common.ts
index 78e60549..81b65b0b 100644
--- a/src/hooks/common.ts
+++ b/src/hooks/common.ts
@@ -7,8 +7,9 @@ import {
   resolveScriptHashDRepId,
   serializeNativeScript,
 } from "@meshsdk/core";
-import { getDRepIds } from "@meshsdk/core-csl"; 
-//import { getDRepIds } from "@meshsdk/core-cst"; caused a built error
+//import { getDRepIds } from "@meshsdk/core-csl"; 
+import { getDRepIds } from "@meshsdk/core-cst";
+
 
 export function buildWallet(wallet: DbWallet, network: number) {
   const nativeScript = {
diff --git a/src/lib/helper/cip146/146sdk.ts b/src/lib/helper/cip146/146sdk.ts
new file mode 100644
index 00000000..4a2e9886
--- /dev/null
+++ b/src/lib/helper/cip146/146sdk.ts
@@ -0,0 +1,705 @@
+import {
+  Bip32PrivateKey,
+  Bip32PublicKey,
+  Credential,
+  BaseAddress,
+} from "@emurgo/cardano-serialization-lib-browser";
+import * as bip39 from "bip39";
+import { bech32 } from "bech32";
+
+import { getProvider } from "@/components/common/cardano-objects/get-provider";
+
+/**
+ * A flexible Wallet type that can optionally hold a mnemonic and a collection of key objects,
+ * keyed by their derivation path string.
+ */
+export interface IWallet {
+  mnemonic?: string;
+  rootKey?: string;
+  keyObjects: KeyObject[];
+}
+
+/**
+ * Represents a key object, containing its derivation path and associated key pair.
+ */
+export interface KeyObject {
+  derivationPath: DerivationPath;
+  publicKey?: string;
+  privateKey?: string;
+  used?: boolean;
+}
+
+/**
+ * Interface representing the components of a derivation path.
+ * Example: For Cardano CIP-1852, with purpose=1852, coinType=1815, accountIndex=0,
+ * and optionally role and index (e.g. role=0, index=0), the resulting path string is "m/1852'/1815'/0'/0/0".
+ * If role and index are omitted, the path will be formatted as "m/1852'/1815'/0'".
+ */
+export interface DerivationPath {
+  purpose: number;
+  coinType: number;
+  accountIndex: number;
+  role?: number;
+  index?: number;
+}
+
+export class WalletConstructor implements IWallet {
+  mnemonic?: string;
+  rootKey?: string;
+  keyObjects: KeyObject[];
+
+  /**
+   * Creates a new wallet.
+   * - No arguments: Generates a new wallet with a new mnemonic and root key.
+   * - String argument: Auto-detects if it is a mnemonic, root key, or acct_shared_xvk.
+   * - KeyObject argument: Initializes the wallet with the given KeyObject.
+   * @param arg1 Optional mnemonic, root key, acct_shared_xvk, or KeyObject.
+   */
+  constructor(arg1?: string | KeyObject) {
+    this.keyObjects = [];
+
+    if (!arg1) {
+      // No arguments provided; generate a new wallet with mnemonic and root key.
+      const newMnemonic = bip39.generateMnemonic(256);
+      this.mnemonic = newMnemonic;
+      this.rootKey = mnemonicToRootKey(newMnemonic);
+    } else if (typeof arg1 === "string") {
+      // Determine if the string is a mnemonic, root key, or acct_shared_xvk.
+      const trimmedArg = arg1.trim();
+
+      if (bip39.validateMnemonic(trimmedArg)) {
+        // Treat the argument as a mnemonic.
+        this.mnemonic = trimmedArg;
+        this.rootKey = mnemonicToRootKey(trimmedArg);
+      } else if (trimmedArg.startsWith("acct_shared_xvk")) {
+        // Treat the argument as an acct_shared_xvk.
+        const keyObj = createKeyObjectFromBech32(trimmedArg, {
+          purpose: 1854,
+          coinType: 1815,
+          accountIndex: 0,
+        });
+        this.keyObjects.push(keyObj);
+      } else {
+        // Otherwise, assume it's a root key.
+        this.rootKey = trimmedArg;
+      }
+    } else if (typeof arg1 === "object" && "derivationPath" in arg1) {
+      // Treat the argument as a KeyObject and add it to keyObjects.
+      this.keyObjects.push(arg1);
+    }
+  }
+
+  /**
+   * Combined derive function that accepts either a Wallet or a KeyObject and an array of target derivation paths.
+   *
+   * - If a Wallet is provided, its mnemonic or rootKey is used to derive new KeyObjects for each target path and added
+   *   to the wallet’s keyObjects collection.
+   * - If a KeyObject is provided, additional key objects are derived from that object (using private derivation if possible,
+   *   or public derivation if the private key is absent) and a new Wallet containing both the original and derived key objects is returned.
+   *
+   * @param input - A Wallet or a KeyObject.
+   * @param targetPaths - An array of target derivation paths.
+   * @returns A Wallet object containing all derived key objects.
+   */
+  public deriveKeys(targetPaths: DerivationPath[]): void {
+    // Ensure the wallet has at least one of mnemonic, rootKey, or key objects.
+    if (
+      !(
+        this.mnemonic ||
+        this.rootKey ||
+        (this.keyObjects && this.keyObjects.length > 0)
+      )
+    ) {
+      throw new Error(
+        "Wallet must have either mnemonic, rootKey, or key objects for derivation",
+      );
+    }
+
+    // If a mnemonic is present but no rootKey, generate the rootKey.
+    if (!this.rootKey && this.mnemonic) {
+      this.rootKey = mnemonicToRootKey(this.mnemonic);
+    }
+
+    // If we have a rootKey, derive using it.
+    if (this.rootKey) {
+      // For each target path, only add a new key if one with the same derivation path doesn't exist.
+      for (const path of targetPaths) {
+        const pathStr = derivationPathToString(path);
+        if (
+          !this.keyObjects.find(
+            (k) => derivationPathToString(k.derivationPath) === pathStr,
+          )
+        ) {
+          const newKeyObj = deriveKeyObjectFromRoot(this.rootKey, path);
+          this.keyObjects.push(newKeyObj);
+        }
+      }
+    } else if (this.keyObjects && this.keyObjects.length > 0) {
+      // Fallback: use the first keyObject as the parent for derivation.
+      const parentKeyObj = this.keyObjects[0];
+      const parentPath = parentKeyObj!.derivationPath;
+      for (const path of targetPaths) {
+        // Avoid re-deriving the parent itself.
+        if (
+          derivationPathToString(path) !== derivationPathToString(parentPath)
+        ) {
+          let newKeyObj: KeyObject;
+          if (parentKeyObj!.privateKey) {
+            const parentKey = Bip32PrivateKey.from_hex(parentKeyObj!.privateKey);
+            newKeyObj = deriveKeyObjectFromParent(parentKey, parentPath, path);
+          } else if (parentKeyObj!.publicKey) {
+            const parentPub = Bip32PublicKey.from_hex(parentKeyObj!.publicKey);
+            newKeyObj = deriveKeyObjectFromParentPublic(
+              parentPub,
+              parentPath,
+              path,
+            );
+          } else {
+            throw new Error("KeyObject must contain at least a publicKey");
+          }
+          this.keyObjects.push(newKeyObj);
+        }
+      }
+    } else {
+      throw new Error("Wallet has no available keys for derivation.");
+    }
+  }
+
+  /**
+   * Adds an acct_shared_xvk to this wallet by creating a KeyObject from the provided Bech32 string.
+   * @param bech32String - The acct_shared_xvk as a Bech32 encoded string.
+   */
+  public addAcctSharedXVK(bech32String: string): void {
+    const targetPath = { purpose: 1854, coinType: 1815, accountIndex: 0 };
+    const keyObj = createKeyObjectFromBech32(bech32String, targetPath);
+    this.keyObjects!.push(keyObj);
+  }
+  
+  public deriveNextMultisig(): KeyObject[] {
+    // Step 1: Ensure the parent multisig key "m/1854'/1815'/0'" exists.
+    const parentPath = parseDerivationPath("m/1854'/1815'/0'");
+    let parentKey = this.findKeyObjectByPath(parentPath);
+    if (!parentKey) {
+      // Derive the parent key if not present.
+      this.deriveKeys([parentPath]);
+      parentKey = this.findKeyObjectByPath(parentPath);
+      if (!parentKey) {
+        throw new Error("Failed to derive parent multisig key.");
+      }
+    }
+  
+    // Step 2: Find existing child keys under the parent that have role 0.
+    // We assume the parent's base is the first three segments.
+    const parentStr = derivationPathToString(parentPath); // e.g., "m/1854'/1815'/0'"
+    const multisigChildKeys = this.keyObjects.filter((ko) => {
+      const dp = ko.derivationPath;
+      const baseStr = `m/${dp.purpose}'/${dp.coinType}'/${dp.accountIndex}'`;
+      return baseStr === parentStr && dp.role === 0 && typeof dp.index === "number";
+    });
+  
+    // Determine the maximum index among these keys (default to -1 if none exist).
+    const maxIndex = multisigChildKeys.reduce((max, ko) => {
+      return Math.max(max, ko.derivationPath.index as number);
+    }, -1);
+    const newIndex = maxIndex + 1;
+  
+    // Step 3: Derive the next triplet of keys for roles 0, 2, and 3 with the new index.
+    const newTargetPaths = [
+      parseDerivationPath(`m/1854'/1815'/0'/0/${newIndex}`),
+      parseDerivationPath(`m/1854'/1815'/0'/2/${newIndex}`),
+      parseDerivationPath(`m/1854'/1815'/0'/3/${newIndex}`),
+    ];
+    this.deriveKeys(newTargetPaths);
+  
+    // Return the newly derived keys (filter key objects with index equal to newIndex).
+    return this.keyObjects.filter((ko) => ko.derivationPath.index === newIndex);
+  }
+
+  /**
+   * Finds a KeyObject in this wallet by its derivation path.
+   * @param targetPath - The derivation path to search for.
+   * @returns The matching KeyObject if found, otherwise undefined.
+   */
+  public findKeyObjectByPath(
+    targetPath: DerivationPath,
+  ): KeyObject | undefined {
+    return this.keyObjects?.find(
+      (ko) =>
+        derivationPathToString(ko.derivationPath) ===
+        derivationPathToString(targetPath),
+    );
+  }
+  /**
+   * Instance method: Looks up multisig metadata for this wallet's key objects.
+   * It filters keys using filterBy (for purpose 1854) and ensures each key has a complete derivation path
+   * (i.e. both role and index defined with exactly 6 parts). It then performs a lookup using the provided
+   * network (or both networks if undefined) and sets the `used` property on each matching key object.
+   *
+   * @param network - Optional network id; if undefined, both networks are queried.
+   * @returns A promise that resolves to an array of MetadataItem objects.
+   */
+  public lookupMultisigKeys(network?: number): Promise<MetadataItem[]> {
+    if (!this.keyObjects) return Promise.resolve([]);
+
+    // Filter key objects that have purpose 1854 using filterBy.
+    const multisigKeys = this.filterBy([{ level: 0, targetValue: 1854 }])
+      // Further ensure keys have defined role and index, and the derivation path is complete.
+      .filter((ko) => {
+        const dpString = derivationPathToString(ko.derivationPath);
+        const parts = dpString.split("/");
+        return (
+          typeof ko.derivationPath.role === "number" &&
+          typeof ko.derivationPath.index === "number" &&
+          parts.length === 6
+        );
+      });
+
+    // Get the public key hashes (in lowercase) for these multisig keys.
+    const pubKeyHashes = multisigKeys
+      .map((ko) =>
+        ko.publicKey ? getPubKeyHash(ko.publicKey).toLowerCase() : "",
+      )
+      .filter((hash) => hash !== "");
+
+    // Perform lookup: if network is defined, use it; otherwise, query both networks.
+    const lookupPromise =
+      network !== undefined
+        ? lookupWallet(network, pubKeyHashes)
+        : Promise.all([
+            lookupWallet(0, pubKeyHashes),
+            lookupWallet(1, pubKeyHashes),
+          ]).then((results) => results.flat());
+
+    // After lookup, mark each multisig key object as used if any metadata item matches.
+    return lookupPromise.then((metadataItems: MetadataItem[]) => {
+      multisigKeys.forEach((ko) => {
+        if (ko.publicKey) {
+          const keyHash = getPubKeyHash(ko.publicKey).toLowerCase();
+          const isUsed = metadataItems.some((item: MetadataItem) => {
+            const participants = item.json_metadata?.participants || {};
+            return Object.keys(participants).some(
+              (hash) => hash.toLowerCase() === keyHash,
+            );
+          });
+          ko.used = isUsed;
+        }
+      });
+      return metadataItems;
+    });
+  }
+
+  /**
+   * Returns the key objects with the specified account index.
+   * By default, keys that are at the parent level (i.e. without child derivation)
+   * are included. If `parent` is false, only keys with child derivations (with defined role and index)
+   * are returned.
+   * @param index - The account index to filter by.
+   * @param parent - Whether to include parent keys (default: true).
+   * @returns An array of KeyObject instances matching the account index.
+   */
+  public getByAcctIndex(index: number, parent: boolean = true): KeyObject[] {
+    if (!this.keyObjects) return [];
+    return this.keyObjects.filter((ko) => {
+      const { accountIndex, role, index: childIndex } = ko.derivationPath;
+      if (accountIndex !== index) return false;
+      // If parent is false, only include keys that have child-level derivation (role and index defined)
+      if (!parent) {
+        return typeof role === "number" && typeof childIndex === "number";
+      }
+      return true;
+    });
+  }
+
+  /**
+   * Returns the key objects for multisig usage.
+   * It filters for keys that have an account index of 0 (level 2)
+   * and a child index (level 4) equal to the provided index.
+   * @param index - The target index for level 4.
+   * @returns An array of KeyObject instances matching the multisig index.
+   */
+  public getByMultisigIndex(index: number): KeyObject[] {
+    if (!this.keyObjects) return [];
+    return this.keyObjects.filter((ko) => {
+      const dp = ko.derivationPath;
+      // Check that accountIndex (level 2) is zero and index (level 4) matches the given value.
+      return (
+        dp.accountIndex === 0 &&
+        typeof dp.index === "number" &&
+        dp.index === index
+      );
+    });
+  }
+
+  /**
+   * Helper function that filters key objects by a specified list of derivation path filters.
+   * Each filter is an object with `level` and `targetValue`. For each key object,
+   * the derivation path must match all specified filters.
+   *
+   * Levels:
+   * - 0: purpose
+   * - 1: coinType
+   * - 2: accountIndex
+   * - 3: role
+   * - 4: index
+   *
+   * @param filters - An array of objects each containing `level` and `targetValue`.
+   * @returns An array of KeyObject instances that match all filters.
+   */
+  public filterBy(
+    filters: Array<{ level: number; targetValue: number }>,
+  ): KeyObject[] {
+    if (!this.keyObjects) return [];
+    return this.keyObjects.filter((ko) => {
+      const { derivationPath } = ko;
+      return filters.every(({ level, targetValue }) => {
+        switch (level) {
+          case 0:
+            return derivationPath.purpose === targetValue;
+          case 1:
+            return derivationPath.coinType === targetValue;
+          case 2:
+            return derivationPath.accountIndex === targetValue;
+          case 3:
+            return (
+              typeof derivationPath.role === "number" &&
+              derivationPath.role === targetValue
+            );
+          case 4:
+            return (
+              typeof derivationPath.index === "number" &&
+              derivationPath.index === targetValue
+            );
+          default:
+            throw new Error("Invalid level: must be between 0 and 4.");
+        }
+      });
+    });
+  }
+}
+
+/**
+ * Helper: Converts a mnemonic phrase to a root key hex string.
+ * @param mnemonic - A valid mnemonic phrase.
+ * @returns The root key in hex format.
+ */
+export function mnemonicToRootKey(mnemonic: string): string {
+  const entropyHex = bip39.mnemonicToEntropy(mnemonic.trim());
+  const entropy = hexToUint8Array(entropyHex);
+  const rootKey = Bip32PrivateKey.from_bip39_entropy(entropy, new Uint8Array());
+  return rootKey.to_hex();
+}
+
+/**
+ * Helper: Converts a hexadecimal string to a Uint8Array.
+ * @param hex A valid hex string.
+ * @returns The Uint8Array representation of the hex string.
+ */
+function hexToUint8Array(hex: string): Uint8Array {
+  if (hex.length % 2 !== 0) {
+    throw new Error("Invalid hex string");
+  }
+  const arr = new Uint8Array(hex.length / 2);
+  for (let i = 0; i < hex.length; i += 2) {
+    arr[i / 2] = parseInt(hex.substr(i, 2), 16);
+  }
+  return arr;
+}
+
+/**
+ * Helper: Derives a KeyObject from a root key hex and a derivation path.
+ * Uses hardened derivation for purpose, coinType, and accountIndex,
+ * and non-hardened derivation for role and index if provided.
+ * @param rootKeyHex - The root key in hex format.
+ * @param path - The target derivation path.
+ * @returns A KeyObject with the derived key pair.
+ */
+export function deriveKeyObjectFromRoot(
+  rootKeyHex: string,
+  path: DerivationPath,
+): KeyObject {
+  const rootKey = Bip32PrivateKey.from_hex(rootKeyHex);
+  let derived = rootKey;
+  // Derive hardened segments: purpose, coinType, accountIndex.
+  derived = derived.derive(path.purpose | 0x80000000);
+  derived = derived.derive(path.coinType | 0x80000000);
+  derived = derived.derive(path.accountIndex | 0x80000000);
+  // If role and index are provided, derive them non-hardened.
+  if (path.role !== undefined && path.index !== undefined) {
+    derived = derived.derive(path.role).derive(path.index);
+  }
+  return {
+    derivationPath: path,
+    publicKey: derived.to_public().to_hex(),
+    privateKey: derived.to_hex(),
+  };
+}
+
+/**
+ * Helper: Derives a KeyObject from a parent Bip32PrivateKey and an additional target derivation path.
+ * Assumes that the parent's derivation path is a prefix of the target path.
+ * @param parentKey - The parent's Bip32PrivateKey.
+ * @param parentPath - The derivation path of the parent key.
+ * @param targetPath - The target derivation path which should extend the parent's path.
+ * @returns A KeyObject representing the derived key.
+ */
+function deriveKeyObjectFromParent(
+  parentKey: Bip32PrivateKey,
+  parentPath: DerivationPath,
+  targetPath: DerivationPath,
+): KeyObject {
+  // Ensure the parent's path is a prefix of the target path.
+  const parentStr = derivationPathToString(parentPath);
+  const targetStr = derivationPathToString(targetPath);
+  if (!targetStr.startsWith(parentStr)) {
+    throw new Error(
+      "Target derivation path is not a deeper extension of the parent.",
+    );
+  }
+  // Derive additional steps from the parent's key.
+  let derived = parentKey;
+  // If parent's role is undefined and target provides one, derive that step.
+  if (parentPath.role === undefined && targetPath.role !== undefined) {
+    derived = derived.derive(targetPath.role);
+  }
+  // Similarly for index.
+  if (parentPath.index === undefined && targetPath.index !== undefined) {
+    derived = derived.derive(targetPath.index);
+  }
+  return {
+    derivationPath: targetPath,
+    publicKey: derived.to_public().to_hex(),
+    privateKey: derived.to_hex(),
+  };
+}
+
+/**
+ * Helper: Derives a KeyObject from a parent Bip32PublicKey and an additional target derivation path.
+ * This is used when the parent KeyObject does not contain a private key.
+ * Public derivation can only derive non-hardened children.
+ * @param parentPub - The parent's Bip32PublicKey.
+ * @param parentPath - The derivation path of the parent key.
+ * @param targetPath - The target derivation path which should extend the parent's path.
+ * @returns A KeyObject representing the derived key with only a public key.
+ */
+function deriveKeyObjectFromParentPublic(
+  parentPub: Bip32PublicKey,
+  parentPath: DerivationPath,
+  targetPath: DerivationPath,
+): KeyObject {
+  const parentStr = derivationPathToString(parentPath);
+  const targetStr = derivationPathToString(targetPath);
+  if (!targetStr.startsWith(parentStr)) {
+    throw new Error(
+      "Target derivation path is not a deeper extension of the parent.",
+    );
+  }
+  let derived = parentPub;
+  if (parentPath.role === undefined && targetPath.role !== undefined) {
+    derived = derived.derive(targetPath.role);
+  }
+  if (parentPath.index === undefined && targetPath.index !== undefined) {
+    derived = derived.derive(targetPath.index);
+  }
+  return {
+    derivationPath: targetPath,
+    publicKey: derived.to_hex(),
+    privateKey: undefined,
+  };
+}
+
+/**
+ * Formats a DerivationPath object into a derivation path string.
+ * If both role and index are provided, they are appended; otherwise only the base path is returned.
+ * @param path - The derivation path components.
+ * @returns A derivation path string.
+ */
+export function derivationPathToString(path: DerivationPath): string {
+  let base = `m/${path.purpose}'/${path.coinType}'/${path.accountIndex}'`;
+  if (path.role !== undefined && path.index !== undefined) {
+    base += `/${path.role}/${path.index}`;
+  }
+  return base;
+}
+
+/**
+ * Parses a derivation path string into a DerivationPath object.
+ * Expected formats:
+ * - "m/1852'/1815'/0'" or
+ * - "m/1852'/1815'/0'/0/0"
+ * @param pathStr - The derivation path string.
+ * @returns A DerivationPath object.
+ */
+export function parseDerivationPath(
+  pathStr: string | undefined,
+): DerivationPath {
+  if (!pathStr) {
+    throw new Error("Derivation path string is undefined");
+  }
+  if (!pathStr.startsWith("m/")) {
+    throw new Error("Invalid derivation path: must start with 'm/'");
+  }
+  const parts = pathStr.substring(2).split("/");
+  if (parts.length !== 3 && parts.length !== 5) {
+    throw new Error(
+      "Invalid derivation path: expected 3 or 5 components after 'm/'",
+    );
+  }
+
+  const parsePart = (part: string): number => {
+    if (part.endsWith("'")) {
+      part = part.slice(0, -1);
+    }
+    const num = parseInt(part, 10);
+    if (isNaN(num)) {
+      throw new Error(`Invalid number in derivation path: ${part}`);
+    }
+    return num;
+  };
+
+  const purpose = parsePart(parts[0]!);
+  const coinType = parsePart(parts[1]!);
+  const accountIndex = parsePart(parts[2]!);
+
+  if (parts.length === 3) {
+    return { purpose, coinType, accountIndex };
+  }
+
+  const role = parseInt(parts[3]!, 10);
+  const index = parseInt(parts[4]!, 10);
+  if (isNaN(role) || isNaN(index)) {
+    throw new Error("Invalid role or index in derivation path.");
+  }
+  return { purpose, coinType, accountIndex, role, index };
+}
+
+/**
+ * Constructs a KeyObject from a provided Bech32 encoded extended account public key.
+ * If the provided string starts with 'acct_shared_xvk', it is decoded using the bech32 library.
+ * @param bech32String - The Bech32 encoded public key string.
+ * @param derivationPath - The derivation path associated with this key.
+ * @returns A new KeyObject instance with the decoded public key and no private key.
+ */
+export function createKeyObjectFromBech32(
+  bech32String: string,
+  derivationPath?: DerivationPath,
+): KeyObject {
+  if (!bech32String.startsWith("acct_shared_xvk")) {
+    throw new Error(
+      "Provided key is not a valid acct_shared_xvk bech32 string.",
+    );
+  }
+  derivationPath = parseDerivationPath("m/1854'/1815'/0'");
+  // Decode the bech32 string
+  const decoded = bech32.decode(bech32String, 200);
+  const dataBytes = new Uint8Array(bech32.fromWords(decoded.words));
+
+  // Convert the bytes to a hexadecimal string
+  const bytesToHex = (bytes: Uint8Array): string =>
+    bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, "0"), "");
+  const pubKeyHex = bytesToHex(dataBytes);
+
+  return {
+    derivationPath,
+    publicKey: pubKeyHex,
+    privateKey: undefined,
+  };
+}
+
+/**
+ * Returns the public key hash for a given extended verification key string.
+ * @param key - The extended verification key as a hexadecimal string.
+ * @returns The public key hash as a hexadecimal string.
+ */
+export function getPubKeyHash(key: string): string {
+  try {
+    const bip32Pub = Bip32PublicKey.from_hex(key);
+    return bip32Pub.to_raw_key().hash().to_hex();
+  } catch (error) {
+    console.error("Error generating pub key hash", error);
+    return "";
+  }
+}
+
+/**
+ * Generates a bech32 Cardano address from the given KeyObject's public key.
+ * @param key - The KeyObject containing the public key.
+ * @param network - A boolean flag where false corresponds to Testnet (0) and true corresponds to Mainnet (1).
+ * @returns The bech32-encoded Cardano address, or "N/A" if the public key is missing.
+ */
+
+export function pubKeyToAddr(
+  paymentKey: KeyObject,
+  stakeKey: KeyObject, // new parameter for stake key
+  network: boolean
+): string {
+  if (!paymentKey.publicKey || !stakeKey.publicKey) return "N/A";
+  const networkId = network ? 1 : 0;
+  const bip32Payment = Bip32PublicKey.from_hex(paymentKey.publicKey);
+  const paymentHash = bip32Payment.to_raw_key().hash();
+  const bip32Stake = Bip32PublicKey.from_hex(stakeKey.publicKey);
+  const stakeHash = bip32Stake.to_raw_key().hash();
+  const paymentCred = Credential.from_keyhash(paymentHash);
+  const stakeCred = Credential.from_keyhash(stakeHash);
+  const baseAddr = BaseAddress.new(networkId, paymentCred, stakeCred);
+  return baseAddr.to_address().to_bech32();
+}
+
+/**
+ * Interface representing a metadata item returned from a lookup.
+ */
+export interface MetadataItem {
+  tx_hash: string;
+  json_metadata: {
+    name: string;
+    types: number[];
+    participants: {
+      [pubKeyHash: string]: {
+        name: string;
+      };
+    };
+  };
+  network: boolean;
+}
+
+/**
+ * Looks up wallet metadata using the given network id and an array of public key hashes.
+ * It fetches metadata labeled with 1854 and returns only the items that have valid participants
+ * and at least one participant matching one of the provided pubKeyHashes.
+ *
+ * @param network - The network id.
+ * @param pubKeyHashes - An array of public key hashes.
+ * @returns A promise that resolves to an array of MetadataItem objects.
+ */
+export async function lookupWallet(
+  network: number,
+  pubKeyHashes: string[],
+): Promise<MetadataItem[]> {
+  const provider = getProvider(network);
+  try {
+    const response = await provider.get("/metadata/txs/labels/1854");
+    if (!Array.isArray(response)) {
+      throw new Error("Invalid response format from provider");
+    }
+
+    // Filter valid items: only consider items that have non-empty participants in json_metadata
+    const validItems = response.filter((item: any) => {
+      const participants = item.json_metadata?.participants;
+      return participants && Object.keys(participants).length > 0;
+    });
+    // Match items if any participant's key matches one of the provided pubKeyHashes
+    const matchedItems = validItems.filter((item: any) => {
+      const participants = item.json_metadata.participants;
+      return Object.keys(participants).some((hash: string) =>
+        pubKeyHashes.includes(hash.toLowerCase()),
+      );
+    });
+    // Add the network field: false for Testnet (0), true for Mainnet (1)
+    return matchedItems.map((item: any) => ({
+      ...item,
+      network: network === 1,
+    }));
+  } catch (error) {
+    console.error("lookupWallet error:", error);
+    return [];
+  }
+}
diff --git a/src/lib/helper/cip146/multisigScriptSdk.ts b/src/lib/helper/cip146/multisigScriptSdk.ts
new file mode 100644
index 00000000..be906492
--- /dev/null
+++ b/src/lib/helper/cip146/multisigScriptSdk.ts
@@ -0,0 +1,166 @@
+import {
+  NativeScript,
+  resolveNativeScriptHash,
+  resolveScriptHashDRepId,
+  serializeNativeScript,
+} from "@meshsdk/core";
+import { getDRepIds } from "@meshsdk/core-cst";
+
+/**
+ * Minimal MultisigKey type.
+ */
+export interface MultisigKey {
+  keyHash: string;
+  role: number;
+  name: string;
+}
+
+/**
+ * Builds a multisig script from an array of keys and a required number of signers.
+ *
+ * This minimal implementation sorts the keys lexicographically per CIP‑1854,
+ * and constructs an "atLeast" script from individual "sig" scripts.
+ *
+ * @param keys - Array of multisig keys.
+ * @param requiredSigners - Number of signers required.
+ * @returns The multisig NativeScript.
+ */
+export function buildMultisigScript(
+  keys: MultisigKey[],
+  requiredSigners: number,
+): NativeScript {
+  // Sort keys lexicographically by keyHash.
+  const sortedKeys = [...keys].sort((a, b) =>
+    a.keyHash.localeCompare(b.keyHash),
+  );
+  // Build individual sig scripts.
+  const sigScripts = sortedKeys.map((key): { type: "sig"; keyHash: string } => ({
+    type: "sig",
+    keyHash: key.keyHash,
+  }));
+  // Create an "atLeast" multisig script.
+  const script: NativeScript = {
+    type: "atLeast",
+    required: requiredSigners,
+    scripts: sigScripts,
+  };
+  return script;
+}
+
+/**
+ * Returns the address of a given multisig script for the specified network.
+ *
+ * @param script - The NativeScript.
+ * @param network - Network identifier (e.g., 1 for mainnet, 0 for testnet).
+ * @param stakeCredentialHash - (Optional) stake credential hash.
+ * @returns The script address.
+ */
+export function getScript(
+  script: NativeScript,
+  network: number,
+  stakeCredentialHash?: string,
+): {
+  address: string;
+  scriptCbor: string | undefined;
+} {
+  return serializeNativeScript(script, stakeCredentialHash, network);
+}
+
+/**
+ * Minimal MultisigWallet class.
+ */
+export class MultisigWallet {
+  name: string;
+  description: string;
+  keys: MultisigKey[];
+  required: number;
+  network: number;
+
+  constructor(
+    name: string,
+    keys: MultisigKey[],
+    description?: string,
+    required?: number,
+    network?: number,
+  ) {
+    this.name = name;
+    // Filter out any keys that are not valid
+    const filteredKeys = keys.filter(
+      (k) => k.keyHash && k.keyHash !== "undefined" && !isNaN(k.role),
+    );
+    // Sort the keys lexicographically per CIP‑1854
+    this.keys = [...filteredKeys].sort((a, b) =>
+      a.keyHash.localeCompare(b.keyHash),
+    );
+    this.description = description ? description : "";
+    this.required = required ? required : 1;
+    this.network = network ? network : 1;
+  }
+
+  /**
+   * Builds the multisig script for keys with the specified role.
+   *
+   * @param role - The role of the keys to include in the script. (0 - payment, 2 - staking, 3 - dRep, 4,5) TD enum
+   * @returns The multisig NativeScript.
+   */
+  buildScript(role: number): NativeScript | undefined {
+    // Filter keys by the given role
+    const filteredKeys = this.keys.filter((key) => key.role === role);
+    if (filteredKeys.length === 0) {
+      return undefined;
+    }
+    // Build the script using only the keys of the specified role
+    return buildMultisigScript(filteredKeys, this.required);
+  }
+
+  getScript(): {
+    address: string;
+    scriptCbor: string | undefined;
+  } {
+    return getScript(
+      this.buildScript(0)!,
+      this.network,
+      this.getStakeCredentialHash(),
+    );
+  }
+
+  /**
+   * Returns the stake credential hash for the wallet by collecting all keys with role 2.
+   * It builds a multisig script from these staking keys, then computes the hash of the script.
+   *
+   * @returns The stake credential hash as a string.
+   */
+  getStakeCredentialHash(): string {
+    // Builds script with stake key hashes
+    const stakeScript = this.buildScript(2);
+    // Compute the stake credential hash by hashing the native script
+    // using the resolveNativeScriptHash function from @meshsdk/core.
+    const stakeCredentialHash = resolveNativeScriptHash(stakeScript!);
+    return stakeCredentialHash;
+  }
+
+  /**
+   * Generates JSON metadata for the wallet.
+   *
+   * @returns An object with JSON metadata.
+   */
+  getJsonMetadata(): object {
+    // Collect unique types (roles) from the wallet keys.
+    const types = Array.from(new Set(this.keys.map((key) => key.role)));
+    // Build participants mapping using keyHash and the key's name.
+    const participants = this.keys.reduce(
+      (acc, key) => {
+        acc[key.keyHash] = { name: key.name || "" };
+        return acc;
+      },
+      {} as Record<string, { name: string }>,
+    );
+
+    return {
+      name: this.name,
+      description: this.description,
+      participants: participants,
+      types: types,
+    };
+  }
+}
diff --git a/src/lib/helper/getPubKeyHash.ts b/src/lib/helper/getPubKeyHash.ts
new file mode 100644
index 00000000..12772286
--- /dev/null
+++ b/src/lib/helper/getPubKeyHash.ts
@@ -0,0 +1,11 @@
+import { Bip32PublicKey } from "@emurgo/cardano-serialization-lib-browser";
+
+export const getPubKeyHash = (xvk: string): string => {
+  try {
+    const bip32Pub = Bip32PublicKey.from_hex(xvk);
+    return bip32Pub.to_raw_key().hash().to_hex();
+  } catch (error) {
+    console.error("Error generating pub key hash", error);
+    return "";
+  }
+};
\ No newline at end of file