diff --git a/src/components/Transaction/TransactionInputViewer.vue b/src/components/Transaction/TransactionInputViewer.vue
new file mode 100644
index 00000000..203d5c36
--- /dev/null
+++ b/src/components/Transaction/TransactionInputViewer.vue
@@ -0,0 +1,292 @@
+<script setup lang="ts">
+import { ethers } from 'ethers';
+import { ref, computed, watch, onMounted } from 'vue';
+import { defineProps, defineEmits } from 'vue';
+import { useI18n } from 'vue-i18n';
+import CopyButton from 'components/CopyButton.vue';
+
+// Interfaces
+export interface DecodedTransactionInput {
+    method: string;
+    name: string;
+    args: { name: string; type: string; input: string; value: unknown }[];
+    input: string;
+}
+
+const props = defineProps<{
+    data: DecodedTransactionInput | null,
+    input: string,
+}>();
+
+const emit = defineEmits(['change']);
+
+const { t: $t } = useI18n();
+const currentView = ref<string>('original');
+
+const showView = (view: string) => {
+    currentView.value = view;
+    emit('change', view);
+};
+
+const defaultViewString = computed(() => {
+    if (!props.data) {
+        return '';
+    }
+    let str = `Function: ${props.data.name}\n`;
+    str += `\nMethodID: ${props.data.input.substring(0, 10)}\n`;
+    str += props.data.args.map((arg, index) => `[${index}]:  ${arg.input}`).join('\n');
+    return str;
+});
+
+const copyButtonText = computed(() => {
+    if (!props.data) {
+        return '';
+    }
+    let str = '';
+    str += columns.value.map(col => col.label).join(',') + '\n';
+    rows.value.forEach((row, index) => {
+        str += `${index}, ${row.name}, ${row.type}, ${row.value}\n`;
+    });
+
+    return str;
+});
+
+const copyButtonDesc = computed(() => $t('components.input_viewer.copy_button_desc'));
+
+const signatureString = computed(() => {
+    if (!props.data) {
+        return '';
+    }
+    return `Function: ${props.data.name}`;
+});
+
+const decodedData = computed(() => {
+    if (!props.data) {
+        return null;
+    }
+    return props.data;
+});
+
+const pagination = ref({
+    page: 1,
+    rowsPerPage: 10,
+    rowsNumber: 0,
+});
+
+const columns = computed(() => [
+    { name: 'index', align: 'left', label: '#', field: 'index' },
+    { name: 'name', align: 'left', label: $t('components.input_viewer.name'), field: 'name' },
+    { name: 'type', align: 'left', label: $t('components.input_viewer.type'), field: 'type' },
+    { name: 'value', align: 'left', label: $t('components.input_viewer.data'), field: 'value' },
+]);
+
+const valueToString = (value: unknown): string => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value.map(v => valueToString(v)).join(', ');
+    }
+    if (value instanceof Uint8Array) {
+        return value.toString();
+    }
+    if (value instanceof ethers.BigNumber) {
+        return value.toString();
+    }
+    if (typeof value === 'object') {
+        return JSON.stringify(value);
+    }
+    if (typeof value?.toString === 'function') {
+        return (value as {toString:()=>string}).toString();
+    }
+    return String(value).toString();
+};
+
+const rows = computed(() => {
+    if (!decodedData.value) {
+        return [];
+    }
+    return decodedData.value.args.map((arg, index) => ({
+        index,
+        name: arg.name,
+        type: arg.type,
+        value: valueToString(arg.value),
+    }));
+});
+
+const initView = () => {
+    if (props.data === null) {
+        currentView.value = 'original';
+    } else {
+        currentView.value = 'original';
+    }
+};
+watch([() => props.data, () => props.input], () => {
+    initView();
+});
+onMounted(() => {
+    initView();
+});
+
+const copied = ref(false);
+const copyToClipboard = (row_value: string) => {
+    navigator.clipboard.writeText(row_value);
+    copied.value = true;
+    setTimeout(() => {
+        copied.value = false;
+    }, 2000);
+};
+
+</script>
+
+
+<template>
+<div class="c-transaction-input-viewer">
+    <div class="c-transaction-input-viewer__view">
+        <div v-if="currentView === 'original'" class="c-transaction-input-viewer__original">
+            {{ props.input }}
+        </div>
+        <div v-else-if="currentView === 'default'" class="c-transaction-input-viewer__default">
+            <q-input
+                v-model="defaultViewString"
+                borderless
+                autogrow
+                readonly
+                type="textarea"
+            />
+        </div>
+        <div v-else-if="currentView === 'decoded'" class="c-transaction-input-viewer__table">
+            <q-input
+                v-model="signatureString"
+                borderless
+                autogrow
+                readonly
+                type="textarea"
+            />
+            <q-table
+                v-model:pagination.sync="pagination"
+                :rows="rows"
+                :columns="columns"
+                row-key="index"
+            >
+                <template v-slot:header="props">
+                    <q-tr :props="props">
+                        <q-th
+                            v-for="col in props.cols"
+                            :key="col.name"
+                            :props="props"
+                        >
+                            <div class="c-transaction-input-viewer__table-header-cell">
+                                <span>{{ col.label }}</span>
+                                <CopyButton
+                                    v-if="col.name === 'value'"
+                                    :text="copyButtonText"
+                                    :description="copyButtonDesc"
+                                    accompanyingText=""
+                                    class="q-mr-sm"
+                                />
+                            </div>
+                        </q-th>
+                    </q-tr>
+                </template>
+                <template v-slot:body="props">
+                    <q-tr :key="props.row.hash + props.row.parsedTransaction?.transfers?.length" :props="props">
+                        <q-td key="index" :props="props" class="c-transaction-input-viewer__table-cell">
+                            {{  props.row ? props.row.index : '' }}
+                        </q-td>
+                        <q-td key="name" :props="props" class="c-transaction-input-viewer__table-cell">
+                            {{  props.row ? props.row.name : '' }}
+                        </q-td>
+                        <q-td key="type" :props="props" class="c-transaction-input-viewer__table-cell">
+                            {{  props.row ? props.row.type : '' }}
+                        </q-td>
+                        <q-td
+                            key="value"
+                            :props="props"
+                            class="c-transaction-input-viewer__table-cell c-transaction-input-viewer__table-cell--value"
+                            @click="copyToClipboard(props.row.value)"
+                        >
+                            <div class="c-transaction-input-viewer__table-cell-value">
+                                {{  props.row ? props.row.value : '' }}
+                            </div>
+                            <q-tooltip>
+                                <q-icon v-if="copied" class="fas fa-check" />
+                                {{ copied ? $t('components.copied') : $t('components.copy_to_clipboard') }}
+                            </q-tooltip>
+                        </q-td>
+                    </q-tr>
+                </template>
+                <template v-slot:bottom></template>
+            </q-table>
+        </div>
+    </div>
+    <div v-if="props.data !== null" class="c-transaction-input-viewer__controls">
+        <!-- TODO: https://github.com/telosnetwork/teloscan/issues/762
+        <q-btn
+            class="c-transaction-input-viewer__controls-btn"
+            :color="currentView === 'default' ? 'primary' : 'default'"
+            @click="showView('default')"
+        >
+            {{ $t('components.input_viewer.default_view') }}
+        </q-btn-->
+        <q-btn
+            class="c-transaction-input-viewer__controls-btn"
+            :color="currentView === 'original' ? 'primary' : 'default'"
+            @click="showView('original')"
+        >
+            {{ $t('components.input_viewer.original_view') }}
+        </q-btn>
+        <q-btn
+            class="c-transaction-input-viewer__controls-btn"
+            :color="currentView === 'decoded' ? 'primary' : 'default'"
+            @click="showView('decoded')"
+        >
+            {{ $t('components.input_viewer.decoded_view') }}
+        </q-btn>
+    </div>
+</div>
+</template>
+
+<style lang="scss">
+.c-transaction-input-viewer {
+    &__table {
+        .q-table__card {
+            box-shadow: none;
+        }
+        .q-table__bottom {
+            display: none;
+        }
+
+        &-cell {
+            &--value {
+                cursor: pointer;
+            }
+            &-value {
+                // solamente para resoluciones desktop
+                @media (min-width: 1024px) {
+                    white-space: normal;
+                }
+            }
+        }
+        &-header-cell {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+    }
+
+    &__controls {
+        padding-top: 10px;
+        display: flex;
+        gap: 8px;
+
+        &-btn.bg-default {
+            color: var(--text-color) !important;
+        }
+    }
+
+    textarea {
+        font-family: monospace;
+    }
+}
+</style>
diff --git a/src/components/TransactionOverview.vue b/src/components/TransactionOverview.vue
index 9f499741..91d5d326 100644
--- a/src/components/TransactionOverview.vue
+++ b/src/components/TransactionOverview.vue
@@ -1,6 +1,6 @@
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
-import { computed, ref, watch } from 'vue';
+import { computed, onMounted, ref, toRaw, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { BlockData, EvmTransactionExtended } from 'src/types';
 import { WEI_PRECISION } from 'src/lib/utils';
@@ -16,6 +16,8 @@ import TransactionField from 'components/TransactionField.vue';
 import TransactionFeeField from 'components/TransactionFeeField.vue';
 import ERCTransferList from 'components/Transaction/ERCTransferList.vue';
 import TLOSTransferList from 'components/Transaction/TLOSTransferList.vue';
+import TransactionInputViewer from 'components/Transaction/TransactionInputViewer.vue';
+import { DecodedTransactionInput, getParsedInternalTransactions } from 'src/lib/transaction-utils';
 
 const { t: $t } = useI18n();
 
@@ -32,12 +34,13 @@ const timestamp = computed(() => props.trx?.timestamp || 0);
 const blockData = ref<BlockData | null>(null);
 const transactionIndex = ref<number>(-1);
 const toAddress = ref('');
+const decodedData = ref<DecodedTransactionInput | null>(null);
 const isAContractDeployment = ref(false);
 
 const showMoreDetails = ref(true);
 const showErc20Transfers = ref(true);
 const showTLOSTransfers = ref(true);
-const moreDetailsHeight = ref(0);
+const moreDetailsHeight = ref<string | number>(0);
 
 const loadBlockData = async () => {
     try {
@@ -59,6 +62,14 @@ function setTLOSTransfersCount(count: number) {
     showTLOSTransfers.value = count > 0;
 }
 
+async function loadParsedInternalTransactions() {
+    if (hash.value) {
+        const { parsedItxs } = await getParsedInternalTransactions(hash.value, $t);
+        const decoded = (toRaw(parsedItxs)[0] as {decoded:unknown})?.decoded;
+        decodedData.value = decoded as DecodedTransactionInput;
+    }
+}
+
 watch(() => props.trx, async (newTrx) => {
     if (newTrx) {
         if (newTrx.to) {
@@ -71,26 +82,51 @@ watch(() => props.trx, async (newTrx) => {
         }
 
         await loadBlockData();
+        await loadParsedInternalTransactions();
     }
 }, { immediate: true });
 
-watch(() => blockData.value, (newBlockData) => {
-    if (newBlockData) {
-        const moreDetailsContainer = document.querySelector('.c-trx-overview__more-details-container');
+const updateMoreDetailsHeight = () => {
+    setTimeout(() => {
+        const moreDetailsContainer = document.querySelector('.c-trx-overview__more-details-container') as HTMLDivElement;
         if (moreDetailsContainer) {
-            moreDetailsHeight.value = moreDetailsContainer.clientHeight;
-            showMoreDetails.value = false;
+            const clone = completeClonehtmlElement(moreDetailsContainer);
+            document.body.appendChild(clone);
+            moreDetailsHeight.value = clone.scrollHeight;
+            document.body.removeChild(clone);
+            if (showMoreDetails.value) {
+                moreDetailsContainer.style.setProperty('height', `${moreDetailsHeight.value}px`);
+            } else {
+                moreDetailsContainer.style.setProperty('height', '0px');
+            }
+        } else {
+            setTimeout(updateMoreDetailsHeight, 100);
         }
-    }
+    }, 20);
+};
+
+const completeClonehtmlElement = (element: HTMLElement) => {
+    const clone = element.cloneNode(true) as HTMLElement;
+    clone.style.setProperty('position', 'absolute');
+    clone.style.setProperty('visibility', 'hidden');
+    clone.style.setProperty('height', 'auto');
+    clone.style.setProperty('width', `${element.offsetWidth}px`);
+    return clone;
+};
+
+watch(() => showMoreDetails.value, () => {
+    updateMoreDetailsHeight();
 });
 
-watch(() => showMoreDetails.value, (newShowMoreDetails) => {
-    const moreDetailsContainer = document.querySelector('.c-trx-overview__more-details-container') as HTMLDivElement;
-    if (moreDetailsContainer) {
-        moreDetailsContainer.style.setProperty('height', newShowMoreDetails ? `${moreDetailsHeight.value}px` : '0px');
-    }
+watch(() => decodedData.value, () => {
+    showMoreDetails.value = false;
+    updateMoreDetailsHeight();
 });
 
+onMounted(() => {
+    showMoreDetails.value = false;
+    updateMoreDetailsHeight();
+});
 
 </script>
 
@@ -483,7 +519,13 @@ watch(() => showMoreDetails.value, (newShowMoreDetails) => {
             </div>
             <div class="c-trx-overview__col-val">
                 <q-skeleton v-if="loading" type="text" class="c-trx-overview__skeleton" />
-                <div v-else class="c-trx-overview__row-value c-trx-overview__row-value--input">{{ trx.input }}</div>
+                <div v-else class="c-trx-overview__row-value c-trx-overview__row-value--input">
+                    <TransactionInputViewer
+                        :data="decodedData"
+                        :input="props.trx?.input || '0x'"
+                        @change="updateMoreDetailsHeight"
+                    />
+                </div>
             </div>
         </div>
 
@@ -524,6 +566,7 @@ watch(() => showMoreDetails.value, (newShowMoreDetails) => {
     }
     &__col-val {
         flex-grow: 1;
+        overflow: hidden;
     }
     &__row {
         padding: 0.5rem 0;
diff --git a/src/i18n/de-de/index.js b/src/i18n/de-de/index.js
index 4e692bc7..4a76fa65 100644
--- a/src/i18n/de-de/index.js
+++ b/src/i18n/de-de/index.js
@@ -274,6 +274,15 @@ export default {
         download_image: 'Bild herunterladen',
         confirm_download_image: 'Bestätigen Sie, dass Sie dieses Bild herunterladen möchten',
         confirm: 'Bestätigen',
+        input_viewer: {
+            name: 'Name',
+            type: 'Typ',
+            data: 'Daten',
+            default_view: 'Standardansicht',
+            original_view: 'Originalansicht',
+            decoded_view: 'Dekodierte Ansicht',
+            copy_button_desc: 'Parametertabelle',
+        },
         transaction: {
             in: 'in',
             out: 'out',
diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
index 5a48164e..d1f0a296 100644
--- a/src/i18n/en-us/index.js
+++ b/src/i18n/en-us/index.js
@@ -225,6 +225,15 @@ export default {
         download_image: 'Download Image',
         confirm_download_image: 'Confirm you want to download this image',
         confirm: 'Confirm',
+        input_viewer: {
+            name: 'Name',
+            type: 'Type',
+            data: 'Data',
+            default_view: 'Default View',
+            original_view: 'Original View',
+            decoded_view: 'Decoded View',
+            copy_button_desc: 'parameters table',
+        },
         approvals: {
             token_id: 'Token ID',
             approved: 'Approved',
diff --git a/src/i18n/es-es/index.js b/src/i18n/es-es/index.js
index ea97a23a..1c859b63 100644
--- a/src/i18n/es-es/index.js
+++ b/src/i18n/es-es/index.js
@@ -275,6 +275,15 @@ export default {
         download_image: 'Descargar imagen',
         confirm_download_image: 'Confirma que quieres descargar esta imagen',
         confirm: 'Confirmar',
+        input_viewer: {
+            name: 'Nombre',
+            type: 'Tipo',
+            data: 'Datos',
+            default_view: 'Vista predeterminada',
+            original_view: 'Vista original',
+            decoded_view: 'Vista decodificada',
+            copy_button_desc: 'tabla de parámetros',
+        },
         transaction: {
             in: 'entra',
             out: 'sale',
diff --git a/src/i18n/fr-fr/index.js b/src/i18n/fr-fr/index.js
index 683cc01a..2a3fde13 100644
--- a/src/i18n/fr-fr/index.js
+++ b/src/i18n/fr-fr/index.js
@@ -220,6 +220,15 @@ export default {
         download_image: 'Télécharger l’image',
         confirm_download_image: 'Confirmez que vous voulez télécharger cette image',
         confirm: 'Confirmer',
+        input_viewer: {
+            name: 'Nom',
+            type: 'Type',
+            data: 'Données',
+            default_view: 'Vue par défaut',
+            original_view: 'Vue originale',
+            decoded_view: 'Vue décodée',
+            copy_button_desc: 'tableau des paramètres',
+        },
         approvals: {
             token_id: 'ID Jeton',
             approved: 'Approuvé',
diff --git a/src/i18n/pt-br/index.js b/src/i18n/pt-br/index.js
index 4664733c..f29537ff 100644
--- a/src/i18n/pt-br/index.js
+++ b/src/i18n/pt-br/index.js
@@ -274,6 +274,15 @@ export default {
         download_image: 'Baixar imagem',
         confirm_download_image: 'Confirme que deseja baixar esta imagem',
         confirm: 'Confirmar',
+        input_viewer: {
+            name: 'Nome',
+            type: 'Tipo',
+            data: 'Dados',
+            default_view: 'Vista padrão',
+            original_view: 'Vista original',
+            decoded_view: 'Vista decodificada',
+            copy_button_desc: 'tabela de parâmetros',
+        },
         transaction: {
             in: 'in',
             out: 'out',
diff --git a/src/lib/transaction-utils.ts b/src/lib/transaction-utils.ts
index d8fd0b01..2ff37add 100644
--- a/src/lib/transaction-utils.ts
+++ b/src/lib/transaction-utils.ts
@@ -66,6 +66,48 @@ export const loadTransaction = async (hash: string): Promise<EvmTransactionExten
         return null;
     }
 };
+function parseInput(inputString: string, inputs: {name: string, type: string}[], values: {[key: string]: unknown}) {
+    let offset = 10; // El prefijo de la función ocupa 10 caracteres.
+
+    const list = inputs.map((input, index) => {
+        const value = values[index];
+        let length = 64; // Longitud predeterminada para uint256, bool, etc.
+        let inputPortion = '';
+
+        if (input.type === 'address') {
+            length = 64;
+            inputPortion = inputString.slice(offset, offset + length);
+        } else if (input.type === 'uint128' || input.type.startsWith('uint')) {
+            inputPortion = inputString.slice(offset, offset + length);
+        } else if (input.type === 'bool') {
+            inputPortion = inputString.slice(offset, offset + length);
+        } else if (input.type === 'string' || input.type.startsWith('bytes')) {
+            const dataOffset = parseInt(inputString.slice(offset, offset + 64), 16) * 2;
+            const dataLength = parseInt(inputString.slice(dataOffset, dataOffset + 64), 16) * 2;
+            inputPortion = inputString.slice(dataOffset + 64, dataOffset + 64 + dataLength);
+            length = 64; // Reinicia la longitud a 64 para los punteros
+        }
+
+        const result = {
+            name: input.name,
+            type: input.type,
+            value: value,
+            input: inputPortion,
+        };
+
+        offset += length;
+        return result;
+    });
+
+    return list;
+}
+
+export interface DecodedTransactionInput {
+    method: string;
+    name: string;
+    args: {name: string, type: string, input: string, value: unknown}[];
+    input: string;
+}
 
 export const getParsedInternalTransactions = async (hash: string, $t: (k:string)=>string) => new Promise<{itxs:unknown[], parsedItxs:unknown[]}>((resolve, reject) => {
     const query = `/transaction/${hash}/internal?limit=1000&sort=ASC&offset=0&includeAbi=1`;
@@ -92,6 +134,7 @@ export const getParsedInternalTransactions = async (hash: string, $t: (k:string)
                 itx.callType = itx.action.callType;
                 const contract = await contractManager.getContract(itx.action.to);
                 let inputs, outputs, args, name, isTransferETH = false;
+                let decoded: DecodedTransactionInput|null = null;
 
                 if (itx.type === 'create') {
                     name = $t('components.transaction.contract_deployment');
@@ -117,10 +160,26 @@ export const getParsedInternalTransactions = async (hash: string, $t: (k:string)
                         inputs = parsedTransaction.functionFragment ?
                             parsedTransaction.functionFragment.inputs :
                             parsedTransaction.inputs;
+
+                        // Extraemos "setValue" de la string "setValue(string,uint128,uint128)"
+                        const mothod = name ? name.split('(')[0] : '';
+
+                        const values = args;
+                        const decodedArgs = parseInput(itx.action.input, inputs, values);
+
+                        decoded = {
+                            mothod,
+                            name: name,
+                            args: decodedArgs,
+                            input: itx.action.input,
+                        } as unknown as DecodedTransactionInput;
                     }
                 }
                 itxs.push(itx);
+
+
                 parsedItxs.push({
+                    decoded,
                     index: itx.index,
                     type: itx.type,
                     args: args,
diff --git a/src/pages/TransactionPage.vue b/src/pages/TransactionPage.vue
index 38475997..c980c273 100644
--- a/src/pages/TransactionPage.vue
+++ b/src/pages/TransactionPage.vue
@@ -31,6 +31,7 @@ watch(() => route.params.hash, async (newValue) => {
     hash.value = typeof newValue === 'string' ? newValue : newValue[0];
     trx.value = await loadTransaction(hash.value);
     trxNotFound.value = !trx.value;
+
 }, { immediate: true });