diff --git a/packages/adena-extension/src/common/utils/gas-utils.ts b/packages/adena-extension/src/common/utils/gas-utils.ts
new file mode 100644
index 000000000..c976c3403
--- /dev/null
+++ b/packages/adena-extension/src/common/utils/gas-utils.ts
@@ -0,0 +1,22 @@
+import BigNumber from 'bignumber.js';
+import { GasToken } from '@common/constants/token.constant';
+
+export const convertRawGasAmountToDisplayAmount = (rawAmount: string | number): string => {
+  try {
+    if (!rawAmount) {
+      return '0';
+    }
+
+    return BigNumber(rawAmount)
+      .shiftedBy(-GasToken.decimals)
+      .toFixed(GasToken.decimals)
+      .replace(/(\.\d*?)0+$/, '$1')
+      .replace(/\.$/, '');
+  } catch (e) {
+    console.warn('[convertRawGasAmountToDisplayAmount] Failed to convert:', {
+      rawAmount,
+      error: e,
+    });
+    return '0';
+  }
+};
diff --git a/packages/adena-extension/src/common/utils/signer-utils.ts b/packages/adena-extension/src/common/utils/signer-utils.ts
new file mode 100644
index 000000000..f8bfa318f
--- /dev/null
+++ b/packages/adena-extension/src/common/utils/signer-utils.ts
@@ -0,0 +1,48 @@
+import { Signature } from '@adena-wallet/sdk';
+import { publicKeyToAddress } from 'adena-module';
+
+/**
+ * Extract the signer addresses from the Signature array.
+ * @param signatures - Signature array
+ * @returns
+ */
+export const extractSignerAddresses = async (signatures: Signature[]): Promise<string[]> => {
+  if (!signatures || signatures.length === 0) {
+    return [];
+  }
+
+  try {
+    const addresses = await Promise.all(
+      signatures.map(async (signature) => {
+        if (!signature?.pubKey?.value) {
+          return '';
+        }
+
+        try {
+          const fullBytes = Uint8Array.from(atob(signature.pubKey.value), (c) => c.charCodeAt(0));
+          const pubKeyBytes = fullBytes.slice(2);
+          const address = await publicKeyToAddress(pubKeyBytes);
+          return address;
+        } catch (e) {
+          console.error('Failed to extract address from signature:', e);
+          return '';
+        }
+      }),
+    );
+
+    return addresses.filter((addr) => addr !== '');
+  } catch (e) {
+    console.error('Failed to extract signer addresses:', e);
+    return [];
+  }
+};
+
+/**
+ * Converts a Signature array into a serializable key string.
+ * A helper function for use as a queryKey in React Query.
+ * @param signatures - Signature array
+ * @returns
+ */
+export const serializeSignaturesKey = (signatures?: Signature[]): string => {
+  return signatures?.map((sig) => sig.pubKey?.value).join(',') || '';
+};
diff --git a/packages/adena-extension/src/common/validation/index.ts b/packages/adena-extension/src/common/validation/index.ts
index 90223b309..894892eee 100644
--- a/packages/adena-extension/src/common/validation/index.ts
+++ b/packages/adena-extension/src/common/validation/index.ts
@@ -3,3 +3,6 @@ export * from './validation-message';
 export * from './validation-password';
 export * from './validation-token';
 export * from './validation-wallet';
+export * from './validation-signature';
+export * from './validation-signed-document';
+export * from './validation-create-multisig-document';
diff --git a/packages/adena-extension/src/common/validation/validation-create-multisig-document.ts b/packages/adena-extension/src/common/validation/validation-create-multisig-document.ts
new file mode 100644
index 000000000..c43bb0cdb
--- /dev/null
+++ b/packages/adena-extension/src/common/validation/validation-create-multisig-document.ts
@@ -0,0 +1,55 @@
+import { MultisigConfig } from '@inject/types';
+import { validateInvalidAddress } from './validation-address-book';
+
+/**
+ * Validates multisig config object and its required fields
+ */
+export const validateMultisigConfigExists = (
+  multisigConfig: MultisigConfig | undefined,
+): boolean => {
+  if (!multisigConfig) {
+    return false;
+  }
+
+  return (
+    'signers' in multisigConfig &&
+    'threshold' in multisigConfig &&
+    multisigConfig.signers !== undefined &&
+    multisigConfig.threshold !== undefined
+  );
+};
+
+/**
+ * Validates signers array format and minimum count
+ */
+export const validateMultisigSigners = (signers: any): boolean => {
+  return Array.isArray(signers) && signers.length >= 2;
+};
+
+/**
+ * Validates all signer addresses
+ */
+export const validateMultisigSignerAddresses = (signers: string[]): boolean => {
+  try {
+    for (const signer of signers) {
+      validateInvalidAddress(signer);
+    }
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
+
+/**
+ * Validates threshold value
+ */
+export const validateMultisigThreshold = (threshold: any, signersCount: number): boolean => {
+  return typeof threshold === 'number' && threshold >= 1 && threshold <= signersCount;
+};
+
+/**
+ * Validates chain_id field
+ */
+export const validateChainId = (chain_id: any): boolean => {
+  return typeof chain_id === 'string' && chain_id.length > 0;
+};
diff --git a/packages/adena-extension/src/common/validation/validation-signature.ts b/packages/adena-extension/src/common/validation/validation-signature.ts
new file mode 100644
index 000000000..1989b93fd
--- /dev/null
+++ b/packages/adena-extension/src/common/validation/validation-signature.ts
@@ -0,0 +1,37 @@
+/**
+ * Validates a single signature object structure.
+ * Verifies the existence and format of pubKey (typeUrl, value) and signature fields.
+ *
+ * @param signature - The signature object to validate
+ * @returns true if signature structure is valid, false otherwise
+ */
+export const validateSignature = (signature: any): boolean => {
+  if (!signature || typeof signature !== 'object') {
+    return false;
+  }
+
+  if (
+    !signature.pubKey ||
+    typeof signature.pubKey.typeUrl !== 'string' ||
+    typeof signature.pubKey.value !== 'string'
+  ) {
+    return false;
+  }
+
+  if (typeof signature.signature !== 'string') {
+    return false;
+  }
+
+  return true;
+};
+
+/**
+ * Validates an array of signature objects.
+ * Checks that all signatures in the array have valid structure.
+ *
+ * @param signatures - Array of signature objects to validate
+ * @returns true if all signatures are valid, false if any signature is invalid
+ */
+export const validateSignatures = (signatures: any[]): boolean => {
+  return signatures.every((signature) => validateSignature(signature));
+};
diff --git a/packages/adena-extension/src/common/validation/validation-signed-document.ts b/packages/adena-extension/src/common/validation/validation-signed-document.ts
new file mode 100644
index 000000000..9f5f19202
--- /dev/null
+++ b/packages/adena-extension/src/common/validation/validation-signed-document.ts
@@ -0,0 +1,44 @@
+/**
+ * Validates basic fields of a signed document.
+ * Verifies that chain_id, account_number, sequence, and memo are all strings.
+ *
+ * @param signedDocument - The signed document object to validate
+ * @returns true if all basic fields are valid strings, false otherwise
+ */
+export const validateSignedDocumentFields = (signedDocument: any): boolean => {
+  return (
+    typeof signedDocument.chain_id === 'string' &&
+    typeof signedDocument.account_number === 'string' &&
+    typeof signedDocument.sequence === 'string' &&
+    typeof signedDocument.memo === 'string'
+  );
+};
+
+/**
+ * Validates the fee structure of a signed document.
+ * Verifies that fee object exists, gas is a non-empty string, and amount is a non-empty array.
+ *
+ * @param fee - The fee object to validate
+ * @returns true if fee structure is valid, false otherwise
+ */
+
+export const validateSignedDocumentFee = (fee: any): boolean => {
+  return (
+    fee &&
+    typeof fee.gas === 'string' &&
+    Array.isArray(fee.amount) &&
+    fee.gas.length > 0 &&
+    fee.amount.length > 0
+  );
+};
+
+/**
+ * Validates the messages array of a signed document.
+ * Verifies that msgs is an array and contains at least one message.
+ *
+ * @param msgs - The messages array to validate
+ * @returns true if messages array is valid and not empty, false otherwise
+ */
+export const validateSignedDocumentMessages = (msgs: any): boolean => {
+  return Array.isArray(msgs) && msgs.length > 0;
+};
diff --git a/packages/adena-extension/src/common/validation/validation-transaction.ts b/packages/adena-extension/src/common/validation/validation-transaction.ts
index 382e116bf..279703103 100644
--- a/packages/adena-extension/src/common/validation/validation-transaction.ts
+++ b/packages/adena-extension/src/common/validation/validation-transaction.ts
@@ -37,14 +37,16 @@ export const validateInjectionDataWithAddress = (
 
 export const validateInjectionTransactionType = (requestData: InjectionMessage): any => {
   const messageTypes = ['/bank.MsgSend', '/vm.m_call', '/vm.m_addpkg', '/vm.m_run'];
-  return requestData.data?.messages.every((message: any) => messageTypes.includes(message?.type));
+
+  const msgs = requestData.data?.messages || requestData.data?.msgs || [];
+  return msgs.every((message: any) => messageTypes.includes(message?.type));
 };
 
 export const validateInjectionTransactionMessageWithAddress = (
   requestData: InjectionMessage,
   address: string,
 ): boolean => {
-  const messages = requestData.data?.messages;
+  const messages = requestData.data?.messages || requestData.data?.msgs || [];
   for (const message of messages) {
     let messageAddress = '';
     switch (message?.type) {
diff --git a/packages/adena-extension/src/components/molecules/approve-signed-document/approve-signed-document.stories.tsx b/packages/adena-extension/src/components/molecules/approve-signed-document/approve-signed-document.stories.tsx
new file mode 100644
index 000000000..2d255a902
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/approve-signed-document/approve-signed-document.stories.tsx
@@ -0,0 +1,33 @@
+import { ApproveSignedDocument, type ApproveSignedDocumentProps } from '.';
+import { Meta, StoryObj } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'components/approve/ApproveTransaction',
+  component: ApproveSignedDocument,
+} as Meta<typeof ApproveSignedDocument>;
+
+export const Default: StoryObj<ApproveSignedDocumentProps> = {
+  args: {
+    domain: '',
+    loading: true,
+    logo: '',
+    title: 'Sign Transaction',
+    contracts: [
+      {
+        type: '/vm.m_call',
+        function: 'GetBoardIDFromName',
+        value: '',
+      },
+    ],
+    networkFee: {
+      amount: '0.0048',
+      denom: 'GNOT',
+    },
+    transactionData: '',
+    opened: false,
+    onToggleTransactionData: action('openTransactionData'),
+    onClickConfirm: action('confirm'),
+    onClickCancel: action('cancel'),
+  },
+};
diff --git a/packages/adena-extension/src/components/molecules/approve-signed-document/approve-signed-document.styles.ts b/packages/adena-extension/src/components/molecules/approve-signed-document/approve-signed-document.styles.ts
new file mode 100644
index 000000000..0afc8c044
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/approve-signed-document/approve-signed-document.styles.ts
@@ -0,0 +1,192 @@
+import styled from 'styled-components';
+
+import mixins from '@styles/mixins';
+import { fonts, getTheme } from '@styles/theme';
+
+export const ApproveSignedDocumentSignerWrapper = styled.div`
+  ${mixins.flex({ justify: 'flex-start' })};
+  padding: 24px 20px;
+`;
+
+export const ApproveSignedDocumentWrapper = styled.div<{ isErrorNetworkFee: boolean }>`
+  ${mixins.flex({ justify: 'flex-start' })};
+  width: 100%;
+  padding: 0 20px;
+  padding-bottom: 96px;
+  align-self: center;
+
+  .row {
+    ${mixins.flex({ direction: 'row' })};
+    position: relative;
+    padding: 10px 18px;
+    justify-content: space-between;
+    border-bottom: 2px solid ${getTheme('neutral', '_8')};
+    ${fonts.body1Reg};
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    .key {
+      display: inline-flex;
+      width: fit-content;
+      flex-shrink: 0;
+      color: ${getTheme('neutral', 'a')};
+    }
+
+    .value {
+      display: block;
+      max-width: 204px;
+      text-align: right;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
+  .main-title {
+    text-overflow: ellipsis;
+    margin-top: 24px;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 100%;
+    text-align: center;
+  }
+
+  .logo-wrapper {
+    margin: 24px auto;
+    width: 100%;
+    height: auto;
+    text-align: center;
+
+    img {
+      width: 80px;
+      height: 80px;
+    }
+  }
+
+  .domain-wrapper {
+    ${mixins.flex({ direction: 'row', align: 'center', justify: 'center' })};
+    width: 100%;
+    min-height: 41px;
+    border-radius: 24px;
+    padding: 10px 18px;
+    margin: 24px auto 12px auto;
+    gap: 7px;
+    background-color: ${getTheme('neutral', '_9')};
+    ${fonts.body2Reg};
+
+    .logo {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+    }
+  }
+
+  .info-table {
+    width: 100%;
+    height: auto;
+    border-radius: 18px;
+    margin-bottom: 8px;
+    background-color: ${getTheme('neutral', '_9')};
+  }
+
+  .memo-wrapper {
+    width: 100%;
+    min-height: 48px;
+    border-radius: 30px;
+    padding: 10px 18px;
+    margin-bottom: 8px;
+    background-color: ${getTheme('neutral', '_9')};
+    border: 1px solid ${getTheme('neutral', '_8')};
+    gap: 10px;
+    ${fonts.body2Reg};
+
+    span.value {
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      height: auto;
+      word-break: break-all;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    input.value {
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      height: auto;
+
+      &::placeholder {
+        color: ${getTheme('neutral', 'a')};
+      }
+    }
+
+    &.editable {
+      border: 1px solid ${getTheme('neutral', '_7')};
+    }
+  }
+
+  .fee-amount-wrapper {
+    ${mixins.flex({ justify: 'flex-start' })};
+    width: 100%;
+    gap: 8px;
+    margin-bottom: 8px;
+  }
+
+  .error-message {
+    position: relative;
+    width: 100%;
+    padding: 0 16px;
+    ${fonts.captionReg};
+    color: ${getTheme('red', '_5')};
+    white-space: pre-line;
+  }
+
+  .transaction-data-wrapper {
+    width: 100%;
+    ${fonts.body2Reg};
+    ${mixins.flex()};
+
+    .visible-button {
+      color: ${getTheme('neutral', 'a')};
+      height: fit-content;
+      margin-bottom: 5px;
+
+      img {
+        margin-left: 3px;
+      }
+    }
+    .textarea-wrapper {
+      width: 100%;
+      height: 200px;
+      border-radius: 24px;
+      background-color: ${getTheme('neutral', '_9')};
+      border: 1px solid ${getTheme('neutral', '_7')};
+      padding: 12px 16px;
+    }
+    .raw-info-textarea {
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+      ${fonts.body2Reg};
+      resize: none;
+    }
+    .raw-info-textarea::-webkit-scrollbar {
+      width: 2px;
+      padding: 1px 1px 1px 0px;
+      margin-right: 10px;
+    }
+
+    .raw-info-textarea::-webkit-scrollbar-thumb {
+      background-color: darkgrey;
+    }
+
+    .raw-info-textarea::-webkit-resizer {
+      display: none !important;
+    }
+
+    margin-bottom: 20px;
+  }
+`;
diff --git a/packages/adena-extension/src/components/molecules/approve-signed-document/index.tsx b/packages/adena-extension/src/components/molecules/approve-signed-document/index.tsx
new file mode 100644
index 000000000..bcf578833
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/approve-signed-document/index.tsx
@@ -0,0 +1,259 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { Button, Text } from '@components/atoms';
+import { BottomFixedLoadingButtonGroup } from '@components/molecules';
+
+import IconArraowDown from '@assets/arrowS-down-gray.svg';
+import IconArraowUp from '@assets/arrowS-up-gray.svg';
+import UnknownLogo from '@assets/common-unknown-logo.svg';
+import { GnoArgumentInfo } from '@inject/message/methods/gno-connect';
+import { ContractMessage } from '@inject/types';
+import { NetworkFee as NetworkFeeType } from '@types';
+import { ApproveTransactionLoading } from '../approve-transaction-loading';
+import ApproveTransactionMessageBox from '../approve-transaction-message-box/approve-transaction-message-box';
+import DocumentSigner from '../document-signer/document-signer';
+import NetworkFee from '../network-fee/network-fee';
+import {
+  ApproveSignedDocumentSignerWrapper,
+  ApproveSignedDocumentWrapper,
+} from './approve-signed-document.styles';
+import { Signature } from '@adena-wallet/sdk';
+import DocumentSignerListScreen from '@components/pages/document-signer-list-screen/document-signer-list-screen';
+import { useSignerAddresses } from '@hooks/wallet/use-signer-addresses';
+
+export interface ApproveSignedDocumentProps {
+  loading: boolean;
+  title: string;
+  logo: string;
+  domain: string;
+  contracts: {
+    type: string;
+    function: string;
+    value: string;
+  }[];
+  signatures: Signature[];
+  hasSignatures: boolean;
+  memo: string;
+  hasMemo: boolean;
+  currentBalance?: number;
+  isErrorNetworkFee?: boolean;
+  isNetworkFeeLoading: boolean;
+  networkFee: NetworkFeeType | null;
+  transactionData: string;
+  opened: boolean;
+  argumentInfos?: GnoArgumentInfo[];
+  processing: boolean;
+  done: boolean;
+  transactionMessages: ContractMessage[];
+  maxDepositAmount?: number;
+  changeTransactionMessages: (messages: ContractMessage[]) => void;
+  changeMemo: (memo: string) => void;
+  openScannerLink: (path: string, parameters?: { [key in string]: string }) => void;
+  onToggleTransactionData: (opened: boolean) => void;
+  onResponse: () => void;
+  onTimeout: () => void;
+  onClickConfirm: () => void;
+  onClickCancel: () => void;
+}
+
+export const ApproveSignedDocument: React.FC<ApproveSignedDocumentProps> = ({
+  loading,
+  title,
+  logo,
+  domain,
+  signatures,
+  hasSignatures,
+  transactionMessages,
+  memo,
+  hasMemo,
+  networkFee,
+  isErrorNetworkFee,
+  isNetworkFeeLoading,
+  transactionData,
+  opened,
+  processing,
+  done,
+  argumentInfos,
+  changeTransactionMessages,
+  changeMemo,
+  onToggleTransactionData,
+  onResponse,
+  onClickConfirm,
+  onClickCancel,
+  openScannerLink,
+}) => {
+  const [openedSigners, setOpenedSigners] = useState(false);
+
+  const { signerAddresses } = useSignerAddresses(signatures);
+
+  const disabledApprove = useMemo(() => {
+    if (isNetworkFeeLoading) {
+      return true;
+    }
+
+    if (isErrorNetworkFee) {
+      return true;
+    }
+
+    return Number(networkFee?.amount || 0) <= 0;
+  }, [isErrorNetworkFee, isNetworkFeeLoading, networkFee]);
+
+  const networkFeeErrorMessage = useMemo(() => {
+    if (isErrorNetworkFee) {
+      return 'Insufficient network fee';
+    }
+
+    return '';
+  }, [isErrorNetworkFee]);
+
+  const onChangeMemo = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (hasMemo) {
+        return;
+      }
+
+      const value = e.target.value;
+      changeMemo(value);
+    },
+    [hasMemo, changeMemo],
+  );
+
+  const onClickConfirmButton = useCallback(() => {
+    if (disabledApprove) {
+      return;
+    }
+
+    onClickConfirm();
+  }, [onClickConfirm, disabledApprove]);
+
+  const onClickSignersSetting = useCallback(() => {
+    setOpenedSigners(true);
+  }, []);
+
+  const onClickSignersBack = useCallback(() => {
+    setOpenedSigners(false);
+  }, []);
+
+  useEffect(() => {
+    if (done) {
+      onResponse();
+    }
+  }, [done, onResponse]);
+
+  if (loading) {
+    return <ApproveTransactionLoading rightButtonText='Approve' />;
+  }
+
+  if (openedSigners) {
+    return (
+      <ApproveSignedDocumentSignerWrapper>
+        <DocumentSignerListScreen
+          signerAddresses={signerAddresses}
+          onClickBack={onClickSignersBack}
+        />
+      </ApproveSignedDocumentSignerWrapper>
+    );
+  }
+
+  return (
+    <ApproveSignedDocumentWrapper isErrorNetworkFee={isErrorNetworkFee || false}>
+      <Text className='main-title' type='header4'>
+        {title}
+      </Text>
+
+      <div className='domain-wrapper'>
+        <img className='logo' src={logo || UnknownLogo} alt='logo img' />
+        <span>{domain}</span>
+      </div>
+
+      <ApproveTransactionMessageBox
+        messages={transactionMessages}
+        argumentInfos={argumentInfos}
+        changeMessages={changeTransactionMessages}
+        openScannerLink={openScannerLink}
+      />
+
+      <div className={hasMemo ? 'memo-wrapper row' : 'memo-wrapper editable row'}>
+        <span className='key'>Memo:</span>
+        {hasMemo ? (
+          <span className={'value'}>{memo}</span>
+        ) : (
+          <input
+            type='text'
+            className={'value'}
+            value={memo}
+            onChange={onChangeMemo}
+            autoComplete='off'
+            placeholder='(Optional)'
+          />
+        )}
+      </div>
+
+      {hasSignatures && (
+        <div className='fee-amount-wrapper'>
+          <DocumentSigner
+            signerCount={signerAddresses.length}
+            onClickSetting={onClickSignersSetting}
+          />
+        </div>
+      )}
+
+      <div className='fee-amount-wrapper'>
+        <NetworkFee
+          value={networkFee?.amount || ''}
+          denom={networkFee?.denom || ''}
+          isError={isErrorNetworkFee}
+          isLoading={isNetworkFeeLoading}
+          errorMessage={networkFeeErrorMessage}
+        />
+      </div>
+
+      <div className='transaction-data-wrapper'>
+        <Button
+          hierarchy='custom'
+          bgColor='transparent'
+          className='visible-button'
+          onClick={(): void => onToggleTransactionData(!opened)}
+        >
+          {opened ? (
+            <>
+              <>Hide Transaction Data</>
+              <img src={IconArraowUp} />
+            </>
+          ) : (
+            <>
+              <>View Transaction Data</>
+              <img src={IconArraowDown} />
+            </>
+          )}
+        </Button>
+
+        {opened && (
+          <div className='textarea-wrapper'>
+            <textarea
+              className='raw-info-textarea'
+              value={transactionData}
+              readOnly
+              draggable={false}
+            />
+          </div>
+        )}
+      </div>
+
+      <BottomFixedLoadingButtonGroup
+        filled
+        leftButton={{
+          text: 'Cancel',
+          onClick: onClickCancel,
+        }}
+        rightButton={{
+          primary: true,
+          disabled: disabledApprove,
+          text: 'Approve',
+          loading: processing,
+          onClick: onClickConfirmButton,
+        }}
+      />
+    </ApproveSignedDocumentWrapper>
+  );
+};
diff --git a/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list-item.tsx b/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list-item.tsx
new file mode 100644
index 000000000..3a656ecbe
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list-item.tsx
@@ -0,0 +1,90 @@
+import { useMemo } from 'react';
+
+import theme from '@styles/theme';
+import { formatAddress } from '@common/utils/client-utils';
+
+import { DocumentSignerListItemWrapper } from './document-signer-list.styles';
+import { CopyIconButton } from '@components/atoms';
+import SuccessIcon from '@assets/success.svg';
+import IconShare from '@assets/icon-share';
+
+interface StatusStyle {
+  color: string;
+  className: string;
+  statusText: string;
+  showBadge: boolean;
+}
+
+function getStatusStyle(status: 'SIGNED' | 'PENDING'): StatusStyle {
+  switch (status) {
+    case 'SIGNED':
+      return {
+        color: theme.green._5,
+        className: 'signed',
+        statusText: 'Signed',
+        showBadge: true,
+      };
+    case 'PENDING':
+      return {
+        color: theme.neutral.a,
+        className: 'pending',
+        statusText: 'Pending',
+        showBadge: false,
+      };
+    default:
+      return {
+        color: theme.neutral.a,
+        className: 'pending',
+        statusText: 'Pending',
+        showBadge: false,
+      };
+  }
+}
+
+export interface DocumentSignerListItemProps {
+  signerAddress: string;
+  order: number;
+  status: 'SIGNED' | 'PENDING';
+  onClickAddress: (address: string) => void;
+}
+
+const DocumentSignerListItem = ({
+  signerAddress,
+  order,
+  status,
+  onClickAddress,
+}: DocumentSignerListItemProps) => {
+  const displaySignerAddress = useMemo(() => {
+    return formatAddress(signerAddress, 8);
+  }, [signerAddress]);
+
+  const statusStyle = useMemo(() => getStatusStyle(status), [status]);
+
+  return (
+    <DocumentSignerListItemWrapper borderColor={statusStyle.color}>
+      <div className='logo-wrapper'>
+        <div className='logo'>{order}</div>
+        {statusStyle.showBadge && <img className='badge' src={SuccessIcon} alt={'success badge'} />}
+      </div>
+
+      <div className='title-wrapper'>
+        <span className='title'>
+          <span className='info'>Signer {order}</span>
+          <button className='link-button' onClick={() => onClickAddress(signerAddress)}>
+            <IconShare />
+          </button>
+        </span>
+        <span className='description'>
+          <span>{displaySignerAddress}</span>
+          <CopyIconButton className='copy-button' copyText={signerAddress || ''} size={14} />
+        </span>
+      </div>
+
+      <div className={`value-wrapper ${statusStyle.className}`}>
+        <span className='value'>{statusStyle.statusText}</span>
+      </div>
+    </DocumentSignerListItemWrapper>
+  );
+};
+
+export default DocumentSignerListItem;
diff --git a/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list.styles.ts b/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list.styles.ts
new file mode 100644
index 000000000..d915410e1
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list.styles.ts
@@ -0,0 +1,117 @@
+import mixins from '@styles/mixins';
+import { fonts, getTheme } from '@styles/theme';
+import styled from 'styled-components';
+
+export const DocumentSignerListWrapper = styled.div`
+  ${mixins.flex({ align: 'normal', justify: 'normal' })};
+  gap: 12px;
+  width: 100%;
+  height: auto;
+`;
+
+export const DocumentSignerListItemWrapper = styled.div<{ borderColor: string }>`
+  ${mixins.flex({ direction: 'row', justify: 'flex-start' })};
+  padding: 10px 14px;
+  width: 100%;
+  height: auto;
+  background: ${getTheme('neutral', '_9')};
+  border: 1px solid ${({ borderColor }): string => borderColor};
+  border-radius: 18px;
+  transition: 0.2s;
+
+  .logo-wrapper {
+    position: relative;
+    display: flex;
+    flex-shrink: 0;
+    width: 34px;
+    height: 34px;
+
+    .logo {
+      ${mixins.flex({ direction: 'row', justify: 'center', align: 'center' })};
+      ${fonts.body1Reg};
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      background-color: ${({ theme }) => theme.neutral._5};
+    }
+
+    .badge {
+      position: absolute;
+      width: 12px;
+      height: 12px;
+      right: 0;
+      bottom: 0;
+    }
+  }
+
+  .title-wrapper {
+    ${mixins.flex({ align: 'flex-start' })};
+    width: 100%;
+    margin: 0 12px;
+
+    .title {
+      ${mixins.flex({ direction: 'row', justify: 'center', align: 'center' })};
+      ${fonts.body3Bold};
+      /* display: inline-flex;
+      align-items: center; */
+      gap: 5px;
+      line-height: 18px;
+
+      &.extend {
+        ${fonts.body2Bold};
+      }
+
+      .info {
+        max-width: 110px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+
+      .link-button {
+        display: flex;
+        cursor: pointer;
+
+        svg {
+          path {
+            fill: ${getTheme('neutral', 'a')};
+            transition: 0.2s;
+          }
+        }
+
+        &:hover {
+          svg {
+            path {
+              fill: ${getTheme('neutral', '_1')};
+            }
+          }
+        }
+      }
+    }
+
+    .description {
+      ${mixins.flex({ direction: 'row', justify: 'center', align: 'center' })};
+      ${fonts.body3Reg};
+      gap: 5px;
+      color: ${getTheme('neutral', 'a')};
+      line-height: 18px;
+    }
+  }
+
+  .value-wrapper {
+    ${mixins.flex({ align: 'flex-end' })};
+    flex-wrap: wrap;
+    width: fit-content;
+    max-width: 150px;
+    flex-shrink: 0;
+    word-break: break-all;
+
+    &.signed .value {
+      color: ${getTheme('green', '_5')};
+    }
+
+    &.pending .value {
+      color: ${getTheme('neutral', 'a')};
+    }
+  }
+`;
diff --git a/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list.tsx b/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list.tsx
new file mode 100644
index 000000000..773ff6330
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/document-signer-list/document-signer-list.tsx
@@ -0,0 +1,43 @@
+import { useNetwork } from '@hooks/use-network';
+
+import { DocumentSignerListWrapper } from './document-signer-list.styles';
+import DocumentSignerListItem from './document-signer-list-item';
+import { useCallback } from 'react';
+import { SCANNER_URL } from '@common/constants/resource.constant';
+import { makeQueryString } from '@common/utils/string-utils';
+import useLink from '@hooks/use-link';
+
+interface DocumentSignerListProps {
+  signerAddresses: string[];
+}
+
+const DocumentSignerList = ({ signerAddresses }: DocumentSignerListProps) => {
+  const { openLink } = useLink();
+  const { currentNetwork, scannerParameters } = useNetwork();
+
+  const handleLinkClick = useCallback((address: string) => {
+    const scannerUrl = currentNetwork.linkUrl || SCANNER_URL;
+    const openLinkUrl = scannerParameters
+      ? `${scannerUrl}/account/${address}?${makeQueryString(scannerParameters)}`
+      : `${scannerUrl}/account/${address}`;
+    openLink(openLinkUrl);
+  }, []);
+
+  return (
+    <DocumentSignerListWrapper>
+      {signerAddresses.map((signerAddress, i) => {
+        return (
+          <DocumentSignerListItem
+            key={`${i}:${signerAddress}`}
+            signerAddress={signerAddress}
+            order={i + 1}
+            status={'SIGNED'}
+            onClickAddress={handleLinkClick}
+          />
+        );
+      })}
+    </DocumentSignerListWrapper>
+  );
+};
+
+export default DocumentSignerList;
diff --git a/packages/adena-extension/src/components/molecules/document-signer/document-signer.styles.ts b/packages/adena-extension/src/components/molecules/document-signer/document-signer.styles.ts
new file mode 100644
index 000000000..ce2e015e1
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/document-signer/document-signer.styles.ts
@@ -0,0 +1,41 @@
+import { styled } from 'styled-components';
+import mixins from '@styles/mixins';
+import { getTheme } from '@styles/theme';
+import { fonts } from '@styles/theme';
+
+export const DocumentSignersContainer = styled.div`
+  ${mixins.flex({ direction: 'column', justify: 'flex-start' })};
+  width: 100%;
+`;
+
+export const DocumentSignersWrapper = styled.div`
+  ${mixins.flex({ direction: 'row', justify: 'space-between' })};
+  width: 100%;
+  padding: 14px 16px;
+  background-color: ${getTheme('neutral', '_9')};
+  border: 1px solid ${getTheme('neutral', '_7')};
+  border-radius: 30px;
+
+  & .key {
+    ${mixins.flex({ direction: 'row' })};
+    flex-shrink: 0;
+    color: ${getTheme('neutral', 'a')};
+    ${fonts.body2Reg};
+  }
+
+  & .document-signers-amount-wrapper {
+    ${mixins.flex({ direction: 'row', justify: 'flex-end' })};
+    width: 100%;
+    gap: 3px;
+
+    & .setting-button {
+      ${mixins.flex({ direction: 'row' })};
+      width: 16px;
+      height: 16px;
+    }
+
+    .value {
+      ${fonts.body2Reg}
+    }
+  }
+`;
diff --git a/packages/adena-extension/src/components/molecules/document-signer/document-signer.tsx b/packages/adena-extension/src/components/molecules/document-signer/document-signer.tsx
new file mode 100644
index 000000000..e39e4930d
--- /dev/null
+++ b/packages/adena-extension/src/components/molecules/document-signer/document-signer.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import * as S from './document-signer.styles';
+
+import IconRight from '@assets/icon-right';
+
+interface DocumentSignerProps {
+  signerCount: number;
+  onClickSetting?: () => void;
+}
+
+const DocumentSigner = ({ signerCount, onClickSetting }: DocumentSignerProps) => {
+  const hasSetting = !!onClickSetting;
+  return (
+    <S.DocumentSignersContainer>
+      <S.DocumentSignersWrapper>
+        <span className='key'>{'Signer'}</span>
+
+        <div className='document-signers-amount-wrapper'>
+          <span className='value'>{signerCount}</span>
+          {hasSetting && (
+            <button className='setting-button' onClick={onClickSetting}>
+              <IconRight />
+            </button>
+          )}
+        </div>
+      </S.DocumentSignersWrapper>
+    </S.DocumentSignersContainer>
+  );
+};
+
+export default DocumentSigner;
diff --git a/packages/adena-extension/src/components/molecules/index.ts b/packages/adena-extension/src/components/molecules/index.ts
index 224e8fc40..b4a9e0c96 100644
--- a/packages/adena-extension/src/components/molecules/index.ts
+++ b/packages/adena-extension/src/components/molecules/index.ts
@@ -1,6 +1,7 @@
 export * from './approve-ledger-loading';
 export * from './approve-loading';
 export * from './approve-transaction';
+export * from './approve-signed-document';
 export * from './bottom-fixed-button';
 export * from './bottom-fixed-button-group';
 export * from './bottom-fixed-loading-button-group';
diff --git a/packages/adena-extension/src/components/pages/document-signer-list-screen/document-signer-list-screen.styles.ts b/packages/adena-extension/src/components/pages/document-signer-list-screen/document-signer-list-screen.styles.ts
new file mode 100644
index 000000000..7eb2d8ec5
--- /dev/null
+++ b/packages/adena-extension/src/components/pages/document-signer-list-screen/document-signer-list-screen.styles.ts
@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+import mixins from '@styles/mixins';
+
+export const DocumentSignerListWrapper = styled.div`
+  ${mixins.flex({ align: 'normal', justify: 'normal' })};
+  width: 100%;
+  height: auto;
+
+  & .content-wrapper {
+    ${mixins.flex({ direction: 'column', justify: 'space-between' })};
+    width: 100%;
+    margin-top: 20px;
+  }
+
+  & .settings-wrapper {
+    ${mixins.flex({ align: 'normal', justify: 'normal' })};
+    width: 100%;
+    gap: 10px;
+  }
+`;
diff --git a/packages/adena-extension/src/components/pages/document-signer-list-screen/document-signer-list-screen.tsx b/packages/adena-extension/src/components/pages/document-signer-list-screen/document-signer-list-screen.tsx
new file mode 100644
index 000000000..2e44d27a8
--- /dev/null
+++ b/packages/adena-extension/src/components/pages/document-signer-list-screen/document-signer-list-screen.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import * as S from './document-signer-list-screen.styles';
+
+import { SubHeader } from '@components/atoms';
+import ArrowLeftIcon from '@assets/arrowL-left.svg';
+import DocumentSignerList from '@components/molecules/document-signer-list/document-signer-list';
+
+interface DocumentSignerListProps {
+  signerAddresses: string[];
+  onClickBack: () => void;
+}
+
+const DocumentSignerListScreen = ({ signerAddresses, onClickBack }: DocumentSignerListProps) => {
+  return (
+    <S.DocumentSignerListWrapper>
+      <SubHeader
+        title='Document Signer'
+        leftElement={{
+          onClick: onClickBack,
+          element: <img src={`${ArrowLeftIcon}`} alt={'back image'} />,
+        }}
+      />
+
+      <div className='content-wrapper'>
+        <DocumentSignerList signerAddresses={signerAddresses} />
+      </div>
+    </S.DocumentSignerListWrapper>
+  );
+};
+
+export default DocumentSignerListScreen;
diff --git a/packages/adena-extension/src/hooks/wallet/use-network-fee.ts b/packages/adena-extension/src/hooks/wallet/use-network-fee.ts
index d8eb8ed68..1160af4c3 100644
--- a/packages/adena-extension/src/hooks/wallet/use-network-fee.ts
+++ b/packages/adena-extension/src/hooks/wallet/use-network-fee.ts
@@ -1,5 +1,6 @@
 import { DEFAULT_GAS_ADJUSTMENT } from '@common/constants/gas.constant';
 import { GasToken } from '@common/constants/token.constant';
+import { convertRawGasAmountToDisplayAmount } from '@common/utils/gas-utils';
 import { GasInfo, NetworkFee, NetworkFeeSettingInfo, NetworkFeeSettingType } from '@types';
 import { Document } from 'adena-module';
 import BigNumber from 'bignumber.js';
@@ -169,11 +170,7 @@ export const useNetworkFee = (
       return null;
     }
 
-    const networkFeeAmount = BigNumber(currentGasInfo.gasFee)
-      .shiftedBy(-GasToken.decimals)
-      .toFixed(GasToken.decimals)
-      .replace(/(\.\d*?)0+$/, '$1')
-      .replace(/\.$/, '');
+    const networkFeeAmount = convertRawGasAmountToDisplayAmount(currentGasInfo.gasFee);
 
     return {
       amount: networkFeeAmount,
diff --git a/packages/adena-extension/src/hooks/wallet/use-signer-addresses.ts b/packages/adena-extension/src/hooks/wallet/use-signer-addresses.ts
new file mode 100644
index 000000000..582684367
--- /dev/null
+++ b/packages/adena-extension/src/hooks/wallet/use-signer-addresses.ts
@@ -0,0 +1,36 @@
+import { useQuery } from '@tanstack/react-query';
+import { useMemo } from 'react';
+import { Signature } from '@adena-wallet/sdk';
+import { extractSignerAddresses, serializeSignaturesKey } from '@common/utils/signer-utils';
+
+export interface UseSignerAddressesReturn {
+  signerAddresses: string[];
+  isLoading: boolean;
+  isFetched: boolean;
+  isError: boolean;
+  error: Error | null;
+}
+
+export const useSignerAddresses = (signatures?: Signature[]): UseSignerAddressesReturn => {
+  const signaturesKey = useMemo(() => serializeSignaturesKey(signatures), [signatures]);
+
+  const {
+    data: signerAddresses = [],
+    isLoading,
+    isFetched,
+    isError,
+    error,
+  } = useQuery(['signerAddresses', signaturesKey], () => extractSignerAddresses(signatures || []), {
+    enabled: !!signatures && signatures.length > 0,
+    staleTime: Infinity,
+    cacheTime: 5 * 60 * 1000,
+  });
+
+  return {
+    signerAddresses,
+    isLoading,
+    isFetched,
+    isError,
+    error: error as Error | null,
+  };
+};
diff --git a/packages/adena-extension/src/inject.ts b/packages/adena-extension/src/inject.ts
index 323bb56f8..e8428c3e7 100644
--- a/packages/adena-extension/src/inject.ts
+++ b/packages/adena-extension/src/inject.ts
@@ -8,9 +8,11 @@ import {
   AddEstablishResponse,
   AddNetworkParams,
   AddNetworkResponse,
+  CreateMultisigDocumentParams,
   DoContractResponse,
   GetAccountResponse,
   GetNetworkResponse,
+  SignedDocument,
   SignTxResponse,
   SwitchNetworkResponse,
   TransactionParams,
@@ -57,6 +59,16 @@ const init = (): void => {
       const response = await executor.signTx(message);
       return response;
     },
+    async SignDocument(signedDocument: SignedDocument) {
+      const executor = new AdenaExecutor();
+      const response = await executor.signDocument(signedDocument);
+      return response;
+    },
+    async CreateMultisigDocument(params: CreateMultisigDocumentParams) {
+      const executor = new AdenaExecutor();
+      const response = await executor.createMultisigDocument(params);
+      return response;
+    },
     async AddNetwork(chain: AddNetworkParams): Promise<AddNetworkResponse> {
       const executor = new AdenaExecutor();
       const response = await executor.addNetwork(chain);
diff --git a/packages/adena-extension/src/inject/executor/executor.ts b/packages/adena-extension/src/inject/executor/executor.ts
index 36fbe8532..b65f1fed4 100644
--- a/packages/adena-extension/src/inject/executor/executor.ts
+++ b/packages/adena-extension/src/inject/executor/executor.ts
@@ -18,14 +18,28 @@ import {
   AddEstablishResponse,
   AddNetworkParams,
   AddNetworkResponse,
+  CreateMultisigDocumentParams,
   DoContractResponse,
   GetAccountResponse,
   GetNetworkResponse,
+  SignedDocument,
   SignTxResponse,
   SwitchNetworkResponse,
   TransactionParams,
 } from '@inject/types';
 import { InjectionMessage, InjectionMessageInstance } from '../message';
+import {
+  validateInvalidAddress,
+  validateSignatures,
+  validateSignedDocumentFee,
+  validateSignedDocumentFields,
+  validateSignedDocumentMessages,
+  validateMultisigConfigExists,
+  validateMultisigSigners,
+  validateMultisigSignerAddresses,
+  validateMultisigThreshold,
+  validateChainId,
+} from '@common/validation';
 
 type Params = { [key in string]: any };
 
@@ -117,6 +131,36 @@ export class AdenaExecutor {
     return this.sendEventMessage(eventMessage);
   };
 
+  public createMultisigDocument = (params: CreateMultisigDocumentParams) => {
+    const result = this.validateCreateMultisigDocument(params);
+    console.log(result, 'resulst');
+    if (result) {
+      return this.sendEventMessage(result);
+    }
+
+    const eventMessage = AdenaExecutor.createEventMessage(
+      'CREATE_MULTISIG_DOCUMENT' as WalletResponseType,
+      params,
+    );
+    console.log(eventMessage, 'eventMessageeventMessage');
+
+    return this.sendEventMessage(eventMessage);
+  };
+
+  public signDocument = (signedDocument: SignedDocument) => {
+    const result = this.validateSignedDocument(signedDocument);
+    if (result) {
+      return this.sendEventMessage(result);
+    }
+
+    const eventMessage = AdenaExecutor.createEventMessage(
+      'SIGN_DOCUMENT' as WalletResponseType,
+      signedDocument,
+    );
+
+    return this.sendEventMessage(eventMessage);
+  };
+
   public addNetwork = (chain: AddNetworkParams): Promise<AddNetworkResponse> => {
     const eventMessage = AdenaExecutor.createEventMessage(WalletResponseExecuteType.ADD_NETWORK, {
       ...chain,
@@ -132,11 +176,15 @@ export class AdenaExecutor {
     return this.sendEventMessage(eventMessage);
   };
 
-  private validateContractMessage = (params: TransactionParams): InjectionMessage | undefined => {
-    if (!validateDoContractRequest(params)) {
-      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
-    }
-    for (const message of params.messages) {
+  /**
+   * Validates an array of transaction messages.
+   * Calls appropriate validation functions based on each message type to verify the format.
+   *
+   * @param messages - Array of transaction messages to validate
+   * @returns InjectionMessage on validation failure, undefined on success
+   */
+  private validateMessages = (messages: any[]): InjectionMessage | undefined => {
+    for (const message of messages) {
       switch (message.type) {
         case '/bank.MsgSend':
           if (!validateTransactionMessageOfBankSend(message)) {
@@ -162,6 +210,100 @@ export class AdenaExecutor {
           return InjectionMessageInstance.failure(WalletResponseFailureType.UNSUPPORTED_TYPE);
       }
     }
+    return undefined;
+  };
+
+  /**
+   * Validates CreateMultisigDocumentParams.
+   * Verifies signers array, threshold value, chain_id, fee structure, and msgs array.
+   *
+   * @param params - The CreateMultisigDocumentParams object to validate
+   * @returns InjectionMessage on validation failure, undefined on success
+   */
+  private validateCreateMultisigDocument = (
+    params: CreateMultisigDocumentParams,
+  ): InjectionMessage | undefined => {
+    if (!params) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateMultisigConfigExists(params.multisigConfig)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    const { signers, threshold } = params.multisigConfig;
+
+    if (!validateMultisigSigners(signers)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_MULTISIG_SIGNERS);
+    }
+
+    if (!validateMultisigSignerAddresses(signers)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_MULTISIG_ADDRESS);
+    }
+
+    if (!validateMultisigThreshold(threshold, signers.length)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_MULTISIG_THRESHOLD);
+    }
+
+    if (!validateChainId(params.chain_id)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateSignedDocumentFee(params.fee)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateSignedDocumentMessages(params.msgs)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    return this.validateMessages(params.msgs);
+  };
+
+  /**
+   * Validates a signed document (SignedDocument).
+   * Verifies the existence and format of required fields (chain_id, account_number, sequence, memo),
+   * fee structure (gas and amount array), signatures array, and msgs array, then validates the included messages as well.
+   *
+   * @param signedDocument - The signed document object to validate
+   * @returns InjectionMessage on validation failure, undefined on success
+   */
+  private validateSignedDocument = (
+    signedDocument: SignedDocument,
+  ): InjectionMessage | undefined => {
+    if (!signedDocument) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateSignedDocumentFields(signedDocument)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!Array.isArray(signedDocument.signatures)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateSignatures(signedDocument.signatures)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateSignedDocumentFee(signedDocument.fee)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    if (!validateSignedDocumentMessages(signedDocument.msgs)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    return this.validateMessages(signedDocument.msgs);
+  };
+
+  private validateContractMessage = (params: TransactionParams): InjectionMessage | undefined => {
+    if (!validateDoContractRequest(params)) {
+      return InjectionMessageInstance.failure(WalletResponseFailureType.INVALID_FORMAT);
+    }
+
+    return this.validateMessages(params.messages);
   };
 
   private sendEventMessage = <T = unknown>(
@@ -174,6 +316,7 @@ export class AdenaExecutor {
       hostname: window.location.hostname,
       key: this.eventKey,
     };
+    console.log(this.eventMessage, 'this.eventMessageeventMessageeventMessageeventMessage');
 
     try {
       window.postMessage(this.eventMessage, window.location.origin);
diff --git a/packages/adena-extension/src/inject/message/message-handler.ts b/packages/adena-extension/src/inject/message/message-handler.ts
index 54c5072c0..929d4168e 100644
--- a/packages/adena-extension/src/inject/message/message-handler.ts
+++ b/packages/adena-extension/src/inject/message/message-handler.ts
@@ -67,6 +67,7 @@ export class MessageHandler {
     if (isPopup) {
       await removePopups();
     }
+    console.log(message, 'message');
 
     switch (message.type) {
       case 'DO_CONTRACT':
@@ -151,6 +152,19 @@ export class MessageHandler {
           }
         });
         break;
+      case 'SIGN_DOCUMENT':
+        HandlerMethod.checkEstablished(core, message, sendResponse).then((isEstablished) => {
+          if (isEstablished) {
+            HandlerMethod.signDocument(message, sendResponse);
+          }
+        });
+      case 'CREATE_MULTISIG_DOCUMENT':
+        console.log('hi');
+        HandlerMethod.checkEstablished(core, message, sendResponse).then((isEstablished) => {
+          if (isEstablished) {
+            HandlerMethod.createMultisigDocument(message, sendResponse);
+          }
+        });
       default:
         break;
     }
diff --git a/packages/adena-extension/src/inject/message/message.ts b/packages/adena-extension/src/inject/message/message.ts
index 55dce4218..7586ccecd 100644
--- a/packages/adena-extension/src/inject/message/message.ts
+++ b/packages/adena-extension/src/inject/message/message.ts
@@ -36,9 +36,11 @@ export class InjectionMessageInstance {
     key?: string,
     withNotification?: boolean,
   ) {
+    console.trace(WalletMessageInfo[messageKey], messageKey, 'WalletMessageInfo[messageKey]');
     const { code, message, type } = WalletMessageInfo[messageKey];
+    console.log(code, message, type, '!!!!!!!!!!!!');
     this.key = key ?? '';
-    this.code = code;
+    this.code = code || 0;
     this.type = type;
     this.status = status ?? 'common';
     this.description = message;
diff --git a/packages/adena-extension/src/inject/message/methods/transaction.ts b/packages/adena-extension/src/inject/message/methods/transaction.ts
index c286b3b45..62dbc71cf 100644
--- a/packages/adena-extension/src/inject/message/methods/transaction.ts
+++ b/packages/adena-extension/src/inject/message/methods/transaction.ts
@@ -40,6 +40,45 @@ export const signTransaction = async (
   );
 };
 
+export const signDocument = async (
+  requestData: InjectionMessage,
+  sendResponse: (message: any) => void,
+): Promise<void> => {
+  const validationMessage = validateInjectionData(requestData);
+  if (validationMessage) {
+    sendResponse(validationMessage);
+    return;
+  }
+
+  HandlerMethod.createPopup(
+    RoutePath.ApproveSignDocument,
+    requestData,
+    InjectionMessageInstance.failure(WalletResponseRejectType.SIGN_REJECTED, {}, requestData.key),
+    sendResponse,
+  );
+};
+
+export const createMultisigDocument = async (
+  requestData: InjectionMessage,
+  sendResponse: (message: any) => void,
+) => {
+  const validationMessage = validateInjectionData(requestData);
+  if (validationMessage) {
+    console.log('if validationMessage');
+    sendResponse(validationMessage);
+    return;
+  }
+  console.log(validationMessage, 'validationMessage');
+
+  console.log('팝업생성');
+  HandlerMethod.createPopup(
+    RoutePath.ApproveSignDocument,
+    requestData,
+    InjectionMessageInstance.failure(WalletResponseRejectType.SIGN_REJECTED, {}, requestData.key),
+    sendResponse,
+  );
+};
+
 export const doContract = async (
   requestData: InjectionMessage,
   sendResponse: (message: any) => void,
diff --git a/packages/adena-extension/src/inject/types/transactions.ts b/packages/adena-extension/src/inject/types/transactions.ts
index 0cd5f18e1..5443560d4 100644
--- a/packages/adena-extension/src/inject/types/transactions.ts
+++ b/packages/adena-extension/src/inject/types/transactions.ts
@@ -2,6 +2,7 @@ import { MsgAddPackage, MsgCall, MsgSend } from '@gnolang/gno-js-client';
 import { MsgRun } from '@gnolang/gno-js-client/bin/proto/gno/vm';
 import { BroadcastTxCommitResult } from '@gnolang/tm2-js-client';
 import { GnoArgumentInfo } from '@inject/message/methods/gno-connect';
+import { Signature } from '@adena-wallet/sdk';
 
 import { AdenaResponse } from '.';
 
@@ -38,6 +39,36 @@ export type TransactionParams = {
   arguments?: GnoArgumentInfo[] | null;
 };
 
+export interface Fee {
+  amount: {
+    amount: string;
+    denom: string;
+  }[];
+  gas: string;
+}
+
+export interface BaseDocument {
+  chain_id: string;
+  fee: Fee;
+  msgs: any[];
+}
+
+export interface MultisigConfig {
+  signers: string[];
+  threshold: number;
+}
+export interface CreateMultisigDocumentParams extends BaseDocument {
+  multisigConfig: MultisigConfig;
+  memo?: string;
+}
+
+export interface SignedDocument extends BaseDocument {
+  account_number: string;
+  sequence: string;
+  memo: string;
+  signatures: Signature[];
+}
+
 // TODO: BroadcastTxCommitResult isn't correct in case of a VM call
 export type DoContractResponse = AdenaResponse<BroadcastTxCommitResult>;
 
diff --git a/packages/adena-extension/src/pages/popup/wallet/approve-sign-document/index.tsx b/packages/adena-extension/src/pages/popup/wallet/approve-sign-document/index.tsx
new file mode 100644
index 000000000..c88aff20f
--- /dev/null
+++ b/packages/adena-extension/src/pages/popup/wallet/approve-sign-document/index.tsx
@@ -0,0 +1,450 @@
+import { Account, Document, isAirgapAccount, isLedgerAccount } from 'adena-module';
+import BigNumber from 'bignumber.js';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+import {
+  WalletResponseFailureType,
+  WalletResponseRejectType,
+  WalletResponseSuccessType,
+} from '@adena-wallet/sdk';
+import { GasToken } from '@common/constants/token.constant';
+import { mappedTransactionMessages } from '@common/mapper/transaction-mapper';
+import { parseTokenAmount } from '@common/utils/amount-utils';
+import {
+  createFaviconByHostname,
+  decodeParameter,
+  parseParameters,
+} from '@common/utils/client-utils';
+import { validateInjectionDataWithAddress } from '@common/validation/validation-transaction';
+import { ApproveSignedDocument } from '@components/molecules';
+import useAppNavigate from '@hooks/use-app-navigate';
+import { useAdenaContext, useWalletContext } from '@hooks/use-context';
+import { useCurrentAccount } from '@hooks/use-current-account';
+import useLink from '@hooks/use-link';
+import { useNetwork } from '@hooks/use-network';
+import { useGetGnotBalance } from '@hooks/wallet/use-get-gnot-balance';
+import { InjectionMessage, InjectionMessageInstance } from '@inject/message';
+import { GnoArgumentInfo } from '@inject/message/methods/gno-connect';
+import { ContractMessage, SignedDocument } from '@inject/types';
+import { NetworkFee, RoutePath } from '@types';
+import { convertRawGasAmountToDisplayAmount } from '@common/utils/gas-utils';
+
+interface TransactionData {
+  messages: readonly any[];
+  contracts: { type: string; function: string; value: any }[];
+  gasWanted: string;
+  gasFee: string;
+  memo: string;
+  document: Document;
+}
+
+function mappedTransactionData(document: Document): TransactionData {
+  return {
+    messages: document.msgs,
+    contracts: document.msgs.map((message) => {
+      return {
+        type: message?.type || '',
+        function: message?.type === '/bank.MsgSend' ? 'Transfer' : message?.value?.func || '',
+        value: message?.value || '',
+      };
+    }),
+    gasWanted: document.fee.gas,
+    gasFee: `${document.fee.amount[0].amount}${document.fee.amount[0].denom}`,
+    memo: `${document.memo || ''}`,
+    document,
+  };
+}
+
+const ApproveSignDocumentContainer: React.FC = () => {
+  const normalNavigate = useNavigate();
+  const { navigate } = useAppNavigate();
+  const { gnoProvider } = useWalletContext();
+  const { walletService, transactionService } = useAdenaContext();
+  const { currentAccount } = useCurrentAccount();
+  const [transactionData, setTransactionData] = useState<TransactionData>();
+  const { currentNetwork } = useNetwork();
+  const [hostname, setHostname] = useState('');
+  const location = useLocation();
+  const [requestData, setRequestData] = useState<InjectionMessage>();
+  const [favicon, setFavicon] = useState<any>(null);
+  const [visibleTransactionInfo, setVisibleTransactionInfo] = useState(false);
+  const [document, setDocument] = useState<SignedDocument>();
+  const [processType, setProcessType] = useState<'INIT' | 'PROCESSING' | 'DONE'>('INIT');
+  const [response, setResponse] = useState<InjectionMessage | null>(null);
+  const [memo, setMemo] = useState('');
+  const { openScannerLink } = useLink();
+  const [transactionMessages, setTransactionMessages] = useState<ContractMessage[]>([]);
+
+  const { data: currentBalance = null } = useGetGnotBalance();
+
+  const rawNetworkFee: NetworkFee | null = useMemo(() => {
+    if (!document?.fee?.amount?.[0]) {
+      return null;
+    }
+
+    const feeAmount = document.fee.amount[0];
+
+    return {
+      amount: feeAmount.amount,
+      denom: feeAmount.denom,
+    };
+  }, [document?.fee]);
+
+  const networkFee: NetworkFee | null = useMemo(() => {
+    if (!rawNetworkFee) {
+      return null;
+    }
+
+    const networkFeeAmount = convertRawGasAmountToDisplayAmount(rawNetworkFee.amount);
+
+    return {
+      amount: networkFeeAmount,
+      denom: GasToken.symbol,
+    };
+  }, [rawNetworkFee]);
+
+  const displayNetworkFee: NetworkFee = useMemo(() => {
+    if (!networkFee) {
+      return {
+        amount: '',
+        denom: '',
+      };
+    }
+
+    return {
+      amount: networkFee.amount,
+      denom: GasToken.symbol,
+    };
+  }, [networkFee]);
+
+  const currentGasWanted = useMemo(() => {
+    return document?.fee?.gas || '0';
+  }, [document?.fee?.gas]);
+
+  const processing = useMemo(() => processType !== 'INIT', [processType]);
+
+  const done = useMemo(() => processType === 'DONE', [processType]);
+
+  const signatures = useMemo(() => {
+    return document?.signatures || [];
+  }, [document?.signatures]);
+
+  const hasSignatures = useMemo(() => {
+    return signatures.length > 0;
+  }, [signatures]);
+
+  const hasMemo = useMemo(() => {
+    if (!requestData?.data?.memo) {
+      return false;
+    }
+    return true;
+  }, [requestData?.data?.memo]);
+
+  const consumedTokenAmount = useMemo(() => {
+    const accumulatedAmount = document?.msgs.reduce((acc, msg) => {
+      const messageValue = msg.value;
+      const amountStr = messageValue?.amount || messageValue?.amount || messageValue?.max_deposit;
+      if (!amountStr) {
+        return acc;
+      }
+
+      try {
+        const amount = parseTokenAmount(amountStr);
+        return BigNumber(acc).plus(amount).toNumber();
+      } catch {
+        return acc;
+      }
+    }, 0);
+
+    const consumedBN = BigNumber(accumulatedAmount || 0).shiftedBy(GasToken.decimals * -1);
+    return consumedBN.toNumber();
+  }, [document]);
+
+  const isNetworkFeeLoading = useMemo(() => {
+    return rawNetworkFee === null;
+  }, [rawNetworkFee]);
+
+  const isErrorNetworkFee = useMemo(() => {
+    if (isNetworkFeeLoading) {
+      return false;
+    }
+
+    if (!networkFee) {
+      return true;
+    }
+
+    const resultConsumedAmount = BigNumber(consumedTokenAmount).plus(networkFee.amount);
+
+    return BigNumber(currentBalance || 0)
+      .shiftedBy(GasToken.decimals * -1)
+      .isLessThan(resultConsumedAmount);
+  }, [isNetworkFeeLoading, networkFee, currentBalance, consumedTokenAmount]);
+
+  const argumentInfos: GnoArgumentInfo[] = useMemo(() => {
+    return requestData?.data?.arguments || [];
+  }, [requestData?.data?.arguments]);
+
+  useEffect(() => {
+    checkLockWallet();
+  }, [walletService]);
+
+  const checkLockWallet = (): void => {
+    walletService
+      .isLocked()
+      .then((locked) => locked && normalNavigate(RoutePath.ApproveLogin + location.search));
+  };
+
+  useEffect(() => {
+    if (location.search) {
+      initRequestData();
+    }
+  }, [location]);
+
+  const initRequestData = (): void => {
+    const data = parseParameters(location.search);
+    const parsedData = decodeParameter(data['data']);
+    setRequestData({ ...parsedData, hostname: data['hostname'] });
+  };
+
+  useEffect(() => {
+    if (currentAccount && requestData && gnoProvider) {
+      if (isAirgapAccount(currentAccount)) {
+        navigate(RoutePath.ApproveSignFailed);
+        return;
+      }
+      validate(currentAccount, requestData).then((validated) => {
+        if (validated) {
+          initFavicon();
+          initTransactionData();
+        }
+      });
+    }
+  }, [currentAccount, requestData, gnoProvider]);
+
+  const validate = async (
+    currentAccount: Account,
+    requestData: InjectionMessage,
+  ): Promise<boolean> => {
+    const validationMessage = validateInjectionDataWithAddress(
+      requestData,
+      await currentAccount.getAddress('g'),
+    );
+    if (validationMessage) {
+      chrome.runtime.sendMessage(validationMessage);
+      return false;
+    }
+    return true;
+  };
+
+  const initFavicon = async (): Promise<void> => {
+    const faviconData = await createFaviconByHostname(
+      requestData?.hostname ? `${requestData?.protocol}//${requestData?.hostname}` : '',
+    );
+    setFavicon(faviconData);
+  };
+
+  const initTransactionData = async (): Promise<boolean> => {
+    if (!currentAccount || !requestData || !currentNetwork || !requestData?.data) {
+      return false;
+    }
+
+    try {
+      const document = await transactionService.createSignedDocument(
+        currentNetwork.chainId,
+        requestData.data as SignedDocument,
+      );
+      setDocument(document);
+      setTransactionData(mappedTransactionData(document));
+      setHostname(requestData?.hostname ?? '');
+      setMemo(document.memo);
+      setTransactionMessages(mappedTransactionMessages(document.msgs));
+      return true;
+    } catch (e) {
+      console.error(e);
+      const error: any = e;
+      if (error?.message === 'Transaction signing request was rejected by the user') {
+        chrome.runtime.sendMessage(
+          InjectionMessageInstance.failure(
+            WalletResponseRejectType.SIGN_REJECTED,
+            requestData?.data,
+            requestData?.key,
+          ),
+        );
+      }
+    }
+    return false;
+  };
+
+  const changeMemo = (memo: string): void => {
+    setMemo(memo);
+  };
+
+  const updateTransactionData = useCallback((): void => {
+    if (!document || !rawNetworkFee) {
+      return;
+    }
+
+    const currentMemo = memo;
+
+    const updatedSignedDocument: SignedDocument = {
+      ...document,
+      memo: currentMemo,
+      fee: {
+        amount: [
+          {
+            amount: rawNetworkFee.amount.toString(),
+            denom: GasToken.denom,
+          },
+        ],
+        gas: currentGasWanted.toString(),
+      },
+    };
+
+    setDocument(updatedSignedDocument);
+    setTransactionData(mappedTransactionData(updatedSignedDocument));
+  }, [document, rawNetworkFee, memo, currentGasWanted]);
+
+  const createSignDocument = async (): Promise<boolean> => {
+    if (!document || !currentAccount) {
+      setResponse(
+        InjectionMessageInstance.failure(
+          WalletResponseFailureType.UNEXPECTED_ERROR,
+          {},
+          requestData?.key,
+        ),
+      );
+      return false;
+    }
+
+    try {
+      const signature = await transactionService.createSignature(currentAccount, document);
+
+      const updateSignedDocument = {
+        ...document,
+        signatures: [...document.signatures, signature],
+      };
+      setProcessType('PROCESSING');
+      setResponse(
+        InjectionMessageInstance.success(
+          WalletResponseSuccessType.SIGN_DOCUMENT_SUCCESS,
+          {
+            document: updateSignedDocument,
+            signature,
+          },
+          requestData?.key,
+        ),
+      );
+    } catch (e) {
+      if (e instanceof Error) {
+        const message = e.message;
+        if (message.includes('Ledger')) {
+          return false;
+        }
+        setResponse(
+          InjectionMessageInstance.failure(
+            WalletResponseFailureType.SIGN_DOCUMENT_FAILED,
+            { error: { message } },
+            requestData?.key,
+          ),
+        );
+      }
+      setResponse(
+        InjectionMessageInstance.failure(
+          WalletResponseFailureType.SIGN_DOCUMENT_FAILED,
+          {},
+          requestData?.key,
+        ),
+      );
+    }
+    return false;
+  };
+
+  const onToggleTransactionData = (visibleTransactionInfo: boolean): void => {
+    setVisibleTransactionInfo(visibleTransactionInfo);
+  };
+
+  const onClickConfirm = (): void => {
+    if (!currentAccount) {
+      return;
+    }
+    if (isLedgerAccount(currentAccount)) {
+      navigate(RoutePath.ApproveSignLoading, {
+        state: {
+          document,
+          requestData,
+        },
+      });
+      return;
+    }
+    createSignDocument().finally(() => setProcessType('DONE'));
+  };
+
+  const onClickCancel = (): void => {
+    chrome.runtime.sendMessage(
+      InjectionMessageInstance.failure(
+        WalletResponseRejectType.SIGN_REJECTED,
+        {},
+        requestData?.key,
+      ),
+    );
+  };
+
+  const onResponseSignTransaction = useCallback(() => {
+    if (response) {
+      chrome.runtime.sendMessage(response);
+    }
+  }, [response]);
+
+  const onTimeoutSignTransaction = useCallback(() => {
+    chrome.runtime.sendMessage(
+      InjectionMessageInstance.failure(
+        WalletResponseFailureType.NETWORK_TIMEOUT,
+        {},
+        requestData?.key,
+      ),
+    );
+  }, [requestData]);
+
+  useEffect(() => {
+    if (transactionMessages.length === 0) {
+      return;
+    }
+
+    updateTransactionData();
+  }, [memo, transactionMessages]);
+
+  return (
+    <ApproveSignedDocument
+      title='Sign Document'
+      domain={hostname}
+      contracts={transactionData?.contracts || []}
+      signatures={signatures}
+      hasSignatures={hasSignatures}
+      memo={memo}
+      hasMemo={hasMemo}
+      loading={transactionData === undefined}
+      processing={processing}
+      done={done}
+      logo={favicon}
+      currentBalance={currentBalance || 0}
+      isErrorNetworkFee={isErrorNetworkFee}
+      isNetworkFeeLoading={isNetworkFeeLoading}
+      networkFee={displayNetworkFee}
+      transactionMessages={transactionMessages}
+      argumentInfos={argumentInfos}
+      changeTransactionMessages={setTransactionMessages}
+      changeMemo={changeMemo}
+      onClickConfirm={onClickConfirm}
+      onClickCancel={onClickCancel}
+      onResponse={onResponseSignTransaction}
+      onTimeout={onTimeoutSignTransaction}
+      onToggleTransactionData={onToggleTransactionData}
+      openScannerLink={openScannerLink}
+      opened={visibleTransactionInfo}
+      transactionData={JSON.stringify(document, null, 2)}
+    />
+  );
+};
+
+export default ApproveSignDocumentContainer;
diff --git a/packages/adena-extension/src/router/popup/index.tsx b/packages/adena-extension/src/router/popup/index.tsx
index b9d56fa2d..a4f8c1803 100644
--- a/packages/adena-extension/src/router/popup/index.tsx
+++ b/packages/adena-extension/src/router/popup/index.tsx
@@ -27,6 +27,7 @@ import ApproveSign from '@pages/popup/wallet/approve-sign';
 import ApproveSignLedgerLoading from '@pages/popup/wallet/approve-sign-ledger-loading';
 import ApproveSignTransaction from '@pages/popup/wallet/approve-sign-transaction';
 import ApproveSignTransactionLedgerLoading from '@pages/popup/wallet/approve-sign-transaction-ledger-loading';
+import ApproveSignDocument from '@pages/popup/wallet/approve-sign-document';
 import ApproveTransactionLedgerLoading from '@pages/popup/wallet/approve-transaction-ledger-loading';
 import ApproveTransactionMain from '@pages/popup/wallet/approve-transaction-main';
 import BroadcastTransactionScreen from '@pages/popup/wallet/broadcast-transaction-screen';
@@ -125,6 +126,7 @@ export const PopupRouter = (): JSX.Element => {
           element={<ApproveSignTransactionLedgerLoading />}
         />
         <Route path={RoutePath.ApproveSignFailed} element={<ApproveSignFailedScreen />} />
+        <Route path={RoutePath.ApproveSignDocument} element={<ApproveSignDocument />} />
         <Route path={RoutePath.ApproveLogin} element={<ApproveLogin />} />
         <Route path={RoutePath.ApproveEstablish} element={<ApproveEstablish />} />
         <Route path={RoutePath.ApproveChangingNetwork} element={<ApproveChangingNetworkPage />} />
diff --git a/packages/adena-extension/src/services/transaction/transaction.ts b/packages/adena-extension/src/services/transaction/transaction.ts
index ced80872e..834fae677 100644
--- a/packages/adena-extension/src/services/transaction/transaction.ts
+++ b/packages/adena-extension/src/services/transaction/transaction.ts
@@ -20,6 +20,7 @@ import { DEFAULT_GAS_FEE, DEFAULT_GAS_WANTED } from '@common/constants/tx.consta
 import { mappedDocumentMessagesWithCaller } from '@common/mapper/transaction-mapper';
 import { GnoProvider } from '@common/provider/gno/gno-provider';
 import { WalletService } from '..';
+import { SignedDocument } from '@inject/types';
 
 interface EncodeTxSignature {
   pubKey: {
@@ -93,6 +94,39 @@ export class TransactionService {
     };
   };
 
+  /**
+   * Create a signed document
+   *
+   * @param chainId
+   * @param signedDocument
+   * @returns
+   */
+  public createSignedDocument = async (
+    chainId: string,
+    signedDocument: SignedDocument,
+  ): Promise<SignedDocument> => {
+    return {
+      ...signedDocument,
+      chain_id: signedDocument.chain_id || chainId,
+      fee: {
+        gas: signedDocument.fee.gas || DEFAULT_GAS_WANTED.toString(),
+        amount:
+          signedDocument.fee.amount.length > 0
+            ? signedDocument.fee.amount.map((fee) => ({
+                ...fee,
+                amount: fee.amount || DEFAULT_GAS_FEE.toString(),
+                denom: fee.denom || GasToken.denom,
+              }))
+            : [
+                {
+                  amount: DEFAULT_GAS_FEE.toString(),
+                  denom: GasToken.denom,
+                },
+              ],
+      },
+    };
+  };
+
   /** Create a signature
    *
    * @param account
diff --git a/packages/adena-extension/src/types/router.ts b/packages/adena-extension/src/types/router.ts
index b8e887e50..42b0f7170 100644
--- a/packages/adena-extension/src/types/router.ts
+++ b/packages/adena-extension/src/types/router.ts
@@ -45,6 +45,9 @@ export enum RoutePath {
   ApproveSignLoading = '/approve/wallet/sign/loading',
   ApproveSignTransaction = '/approve/wallet/sign-tx',
   ApproveSignTransactionLoading = '/approve/wallet/sign-tx/loading',
+  ApproveSignDocument = 'approve/wallet/sign-document',
+  ApproveSignDocumentLoading = 'approve/wallet/sign-document/loading',
+  ApproveSignDocumentFailed = 'approve/wallet/sign-document/failed',
   ApproveEstablish = '/approve/wallet/establish',
   ApproveChangingNetwork = '/approve/wallet/network/change',
   ApproveAddingNetwork = '/approve/wallet/network/add',