From 56a4919f1439830510734e2bfe7a8ce303dfd79b Mon Sep 17 00:00:00 2001
From: jalil <jalil@1001.digital>
Date: Wed, 15 Apr 2026 13:12:58 +0200
Subject: [PATCH 1/3] Introduce AccountName component in function results

---
 .../app/assets/css/{function.css => action.css}  |  0
 .../app/components/AccountName.vue               | 16 ++++++++++++++++
 .../ArtifactPreview.client.vue                   |  0
 .../components/{Function => Action}/Cards.vue    |  0
 .../components/{Function => Action}/Detail.vue   |  0
 .../components/{Function => Action}/Groups.vue   |  0
 .../components/{Function => Action}/Input.vue    |  0
 .../app/components/{Function => Action}/List.vue |  0
 .../MetadataPreview.client.vue                   |  0
 .../components/{Function => Action}/Result.vue   |  4 ++--
 .../{Function => Action}/ResultFields.vue        |  0
 .../{Function => Action}/TupleInput.vue          |  0
 12 files changed, 18 insertions(+), 2 deletions(-)
 rename packages/contract-reader/app/assets/css/{function.css => action.css} (100%)
 create mode 100644 packages/contract-reader/app/components/AccountName.vue
 rename packages/contract-reader/app/components/{Function => Action}/ArtifactPreview.client.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Cards.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Detail.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Groups.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Input.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/List.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/MetadataPreview.client.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Result.vue (94%)
 rename packages/contract-reader/app/components/{Function => Action}/ResultFields.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/TupleInput.vue (100%)

diff --git a/packages/contract-reader/app/assets/css/function.css b/packages/contract-reader/app/assets/css/action.css
similarity index 100%
rename from packages/contract-reader/app/assets/css/function.css
rename to packages/contract-reader/app/assets/css/action.css
diff --git a/packages/contract-reader/app/components/AccountName.vue b/packages/contract-reader/app/components/AccountName.vue
new file mode 100644
index 0000000..97de2aa
--- /dev/null
+++ b/packages/contract-reader/app/components/AccountName.vue
@@ -0,0 +1,16 @@
+<template>
+  <span class="account-name">
+    <EvmAccount
+      :address="address"
+      resolve-ens
+    />
+  </span>
+</template>
+
+<script setup lang="ts">
+import type { Address } from 'viem'
+
+defineProps<{
+  address?: Address
+}>()
+</script>
diff --git a/packages/contract-reader/app/components/Function/ArtifactPreview.client.vue b/packages/contract-reader/app/components/Action/ArtifactPreview.client.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/ArtifactPreview.client.vue
rename to packages/contract-reader/app/components/Action/ArtifactPreview.client.vue
diff --git a/packages/contract-reader/app/components/Function/Cards.vue b/packages/contract-reader/app/components/Action/Cards.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Cards.vue
rename to packages/contract-reader/app/components/Action/Cards.vue
diff --git a/packages/contract-reader/app/components/Function/Detail.vue b/packages/contract-reader/app/components/Action/Detail.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Detail.vue
rename to packages/contract-reader/app/components/Action/Detail.vue
diff --git a/packages/contract-reader/app/components/Function/Groups.vue b/packages/contract-reader/app/components/Action/Groups.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Groups.vue
rename to packages/contract-reader/app/components/Action/Groups.vue
diff --git a/packages/contract-reader/app/components/Function/Input.vue b/packages/contract-reader/app/components/Action/Input.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Input.vue
rename to packages/contract-reader/app/components/Action/Input.vue
diff --git a/packages/contract-reader/app/components/Function/List.vue b/packages/contract-reader/app/components/Action/List.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/List.vue
rename to packages/contract-reader/app/components/Action/List.vue
diff --git a/packages/contract-reader/app/components/Function/MetadataPreview.client.vue b/packages/contract-reader/app/components/Action/MetadataPreview.client.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/MetadataPreview.client.vue
rename to packages/contract-reader/app/components/Action/MetadataPreview.client.vue
diff --git a/packages/contract-reader/app/components/Function/Result.vue b/packages/contract-reader/app/components/Action/Result.vue
similarity index 94%
rename from packages/contract-reader/app/components/Function/Result.vue
rename to packages/contract-reader/app/components/Action/Result.vue
index 79f240c..ebf215c 100644
--- a/packages/contract-reader/app/components/Function/Result.vue
+++ b/packages/contract-reader/app/components/Action/Result.vue
@@ -43,7 +43,7 @@
             :value="value"
             :href="addressHref"
           >
-            {{ value }}
+            <AccountName :address="value as `0x${string}`" />
           </slot>
         </a>
         <slot
@@ -53,7 +53,7 @@
           :value="value"
           :href="null"
         >
-          {{ value }}
+          <AccountName :address="value as `0x${string}`" />
         </slot>
         <template v-else>
           {{ value }}
diff --git a/packages/contract-reader/app/components/Function/ResultFields.vue b/packages/contract-reader/app/components/Action/ResultFields.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/ResultFields.vue
rename to packages/contract-reader/app/components/Action/ResultFields.vue
diff --git a/packages/contract-reader/app/components/Function/TupleInput.vue b/packages/contract-reader/app/components/Action/TupleInput.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/TupleInput.vue
rename to packages/contract-reader/app/components/Action/TupleInput.vue

From 91ad26f52789d17f56fd2a1bacecabd398273332 Mon Sep 17 00:00:00 2001
From: jalil <jalil@1001.digital>
Date: Wed, 15 Apr 2026 13:51:58 +0200
Subject: [PATCH 2/3] Refactor functions into actions

---
 packages/contract-reader/README.md            |  42 ++--
 .../contract-reader/app/assets/css/action.css |  92 ++++----
 .../app/assets/css/controls.css               |   6 +-
 .../contract-reader/app/assets/css/core.css   |   6 +-
 .../contract-reader/app/assets/css/index.css  |   2 +-
 .../contract-reader/app/assets/css/tokens.css |  30 +--
 .../app/components/Action/Cards.vue           |  62 ++---
 .../app/components/Action/Detail.vue          | 222 +++++++++---------
 .../app/components/Action/Groups.vue          |  36 +--
 .../app/components/Action/Input.vue           |  11 +-
 .../app/components/Action/List.vue            |  68 +++---
 .../app/components/Action/ResultFields.vue    |   6 +-
 .../app/components/Action/TupleInput.vue      |  20 +-
 .../app/components/Overview.vue               |   8 +-
 .../contract-reader/app/types/contract.ts     |  29 ++-
 .../contract-reader/app/types/metadata.ts     |  29 ++-
 packages/contract-reader/app/utils/abi.ts     | 193 +++++++--------
 .../contract-reader/app/utils/contract.ts     |  14 +-
 packages/contract-reader/app/utils/format.ts  |  10 +-
 packages/contract-reader/app/utils/inputs.ts  |  26 +-
 packages/dapp/app/assets/css/reader.css       |  76 +++---
 ...tractFunctions.vue => ContractActions.vue} |  76 +++---
 packages/dapp/app/pages/index.vue             |  40 ++--
 23 files changed, 565 insertions(+), 539 deletions(-)
 rename packages/dapp/app/components/{ContractFunctions.vue => ContractActions.vue} (73%)

diff --git a/packages/contract-reader/README.md b/packages/contract-reader/README.md
index c50a5d0..de2a3b6 100644
--- a/packages/contract-reader/README.md
+++ b/packages/contract-reader/README.md
@@ -2,7 +2,7 @@
 
 A [Nuxt 4](https://nuxt.com) layer of Vue 3 components, composables and utilities for inspecting and interacting with verified EVM smart contracts. It powers [evm.now](https://evm.now) and is published so you can drop the same UI into your own dApp.
 
-The layer covers the contract-explorer surface end to end: contract overview, grouped read/interact function panels with form generation, source-file viewer with Solidity syntax highlighting, and a composable that fetches verified metadata, ABI and source through [`@evmnow/sdk`](https://www.npmjs.com/package/@evmnow/sdk).
+The layer covers the contract-explorer surface end to end: contract overview, grouped read/interact action panels with form generation, source-file viewer with Solidity syntax highlighting, and a composable that fetches verified metadata, ABI and source through [`@evmnow/sdk`](https://www.npmjs.com/package/@evmnow/sdk).
 
 ## Install
 
@@ -35,9 +35,9 @@ Each surface is also exported under its own subpath for projects that don't want
 // components
 import Overview from '@evmnow/contract-reader/components/Overview'
 import Source from '@evmnow/contract-reader/components/Source'
-import FunctionList from '@evmnow/contract-reader/components/Function/List'
-import FunctionCards from '@evmnow/contract-reader/components/Function/Cards'
-import FunctionDetail from '@evmnow/contract-reader/components/Function/Detail'
+import ActionList from '@evmnow/contract-reader/components/Action/List'
+import ActionCards from '@evmnow/contract-reader/components/Action/Cards'
+import ActionDetail from '@evmnow/contract-reader/components/Action/Detail'
 
 // composable
 import { useContractMetadataSdk } from '@evmnow/contract-reader/composables/useContractMetadataSdk'
@@ -45,7 +45,7 @@ import { useContractMetadataSdk } from '@evmnow/contract-reader/composables/useC
 // types
 import type {
   ContractData,
-  ContractFunction,
+  ContractAction,
   SourceFile,
 } from '@evmnow/contract-reader/types/contract'
 import type { ContractUIMetadata } from '@evmnow/contract-reader/types/metadata'
@@ -55,7 +55,7 @@ import type {
 } from '@evmnow/contract-reader/types/actions'
 
 // utils
-import { groupFunctions } from '@evmnow/contract-reader/utils/abi'
+import { groupActions } from '@evmnow/contract-reader/utils/abi'
 import { highlightSolidity } from '@evmnow/contract-reader/utils/syntax'
 ```
 
@@ -91,21 +91,21 @@ Stale responses from older `get()` calls are dropped, so it's safe to react to i
 <template>
   <Overview :contract="contract" />
 
-  <FunctionList
-    :functions="contract.functions.read"
+  <ActionList
+    :actions="contract.actions.read"
     :metadata="contract.metadata"
     :selected="selected?.slug"
-    @select="selectFn"
+    @select="selectAction"
   />
 
-  <FunctionDetail
+  <ActionDetail
     v-if="selected"
     :address="contract.address"
     :abi="contract.abi"
     :chain-id="contract.chainId"
-    :fn="selected"
-    :read-function="readContractFunction"
-    :write-function="writeContractFunction"
+    :action="selected"
+    :read-function="readContract"
+    :write-function="writeContract"
     :wallet-connected="walletConnected"
     :connected-address="connectedAddress"
   />
@@ -116,7 +116,7 @@ Stale responses from older `get()` calls are dropped, so it's safe to react to i
 
 `readFunction` / `writeFunction` take `ContractReadFn` / `ContractWriteFn` callbacks (`{ address, abi, functionName, args, value? }`) so you can wire them to viem, ethers, or the wallet implementation of your choice. The bundled wallet layer ships ready-made versions you can use directly.
 
-`FunctionDetail` builds inputs from the ABI plus the metadata schema (semantic input types, autofill, validation, examples, tuple support) and renders the call result back into the matching field shape.
+`ActionDetail` builds inputs from the ABI plus the metadata schema (semantic input types, autofill, validation, examples, tuple support, hidden/disabled preset params for variants like "Revoke Approval") and renders the call result back into the matching field shape.
 
 ### Components
 
@@ -124,18 +124,18 @@ Stale responses from older `get()` calls are dropped, so it's safe to react to i
 | --- | --- |
 | `Overview` | Description, stat tiles, long-form `about` markdown — slot-driven for full overrides. |
 | `Source` | Multi-file Solidity viewer with Shiki highlighting, line-level deep-linking, file/line `href` builders. |
-| `FunctionList` | Sidebar list of grouped functions with selection and optional `href` per item. |
-| `FunctionCards` | Card grid alternative — each function expands inline into `FunctionDetail`. |
-| `FunctionGroups` | Headless grouping primitive used by `List`/`Cards`; expose your own layout via slots. |
-| `FunctionDetail` | Form generation, validation, examples, read-call execution, write-call submission. |
-| `FunctionResult` / `FunctionResultFields` | Output rendering with semantic-type formatting. |
+| `ActionList` | Sidebar list of grouped actions with selection and optional `href` per item. |
+| `ActionCards` | Card grid alternative — each action expands inline into `ActionDetail`. |
+| `ActionGroups` | Headless grouping primitive used by `List`/`Cards`; expose your own layout via slots. |
+| `ActionDetail` | Form generation, validation, examples, read-call execution, write-call submission. Respects `hidden`/`disabled` param flags for variant actions. |
+| `ActionResult` / `ActionResultFields` | Output rendering with semantic-type formatting. |
 | `Markdown` / `InlineMarkdown` | Lightweight markdown renderers for descriptions and `about`. |
 | `CopyButton` | Copy-to-clipboard helper. |
 | `TransactionButton` | Shared submit-button styling for write actions. |
 
 ### Utilities
 
-- `utils/abi` — `groupFunctions`, ABI grouping helpers, slug generation.
+- `utils/abi` — `parseActions`, `groupActions`, ABI-to-action resolution helpers.
 - `utils/contract` — derive `ContractData` from raw SDK output, proxy/diamond handling.
 - `utils/inputs` — parse, validate and serialize human-entered values against ABI types and `SemanticType`s (eth, gwei, timestamp, basis points, enums, sliders…).
 - `utils/format` — display formatters for addresses, amounts, durations, etc.
@@ -146,7 +146,7 @@ Stale responses from older `get()` calls are dropped, so it's safe to react to i
 
 ## Styling
 
-The layer registers `app/assets/css/index.css`, which pulls in design tokens, base controls, and per-component stylesheets (`overview.css`, `function.css`, `source.css`, `markdown.css`, `result.css`). All selectors are namespaced under `.cr-*` and built on CSS variables, so you can theme the UI by overriding the tokens in your own stylesheet — no preprocessor required.
+The layer registers `app/assets/css/index.css`, which pulls in design tokens, base controls, and per-component stylesheets (`overview.css`, `action.css`, `source.css`, `markdown.css`, `result.css`). All selectors are namespaced under `.cr-*` and built on CSS variables, so you can theme the UI by overriding the tokens in your own stylesheet — no preprocessor required.
 
 ## License
 
diff --git a/packages/contract-reader/app/assets/css/action.css b/packages/contract-reader/app/assets/css/action.css
index ae8e97f..335c453 100644
--- a/packages/contract-reader/app/assets/css/action.css
+++ b/packages/contract-reader/app/assets/css/action.css
@@ -1,8 +1,8 @@
 @layer components {
-  .cr-functions,
-  .cr-function-cards {
+  .cr-actions,
+  .cr-action-cards {
     display: grid;
-    gap: var(--cr-function-section-gap);
+    gap: var(--cr-action-section-gap);
     align-content: start;
   }
 
@@ -12,72 +12,72 @@
   }
 
   .cr-form {
-    gap: var(--cr-function-form-gap);
+    gap: var(--cr-action-form-gap);
   }
 
   .cr-overview {
-    gap: var(--cr-function-grid-gap);
+    gap: var(--cr-action-grid-gap);
   }
 
-  .cr-function-detail {
+  .cr-action-detail {
     display: grid;
     gap: var(--spacer-sm);
   }
 
-  .cr-function-description,
-  .cr-function-detail > .cr-warning,
-  .cr-function-detail > .cr-field,
-  .cr-function-detail > .cr-form {
-    margin-bottom: var(--cr-function-detail-gap);
+  .cr-action-description,
+  .cr-action-detail > .cr-warning,
+  .cr-action-detail > .cr-field,
+  .cr-action-detail > .cr-form {
+    margin-bottom: var(--cr-action-detail-gap);
   }
 
-  .cr-function-action {
-    justify-self: var(--cr-function-detail-button-justify);
+  .cr-action-action {
+    justify-self: var(--cr-action-detail-button-justify);
   }
 
-  .cr-function-cards,
-  .cr-function-group,
-  .cr-function-group-body {
+  .cr-action-cards,
+  .cr-action-group,
+  .cr-action-group-body {
     min-width: 0;
   }
 
-  .cr-function-group,
-  .cr-function-group-body,
-  .cr-function-card-grid,
+  .cr-action-group,
+  .cr-action-group-body,
+  .cr-action-card-grid,
   .cr-field,
   .cr-tuple-input {
     display: grid;
   }
 
-  .cr-function-group {
-    gap: var(--cr-function-group-gap);
+  .cr-action-group {
+    gap: var(--cr-action-group-gap);
   }
 
-  .cr-function-group-body,
-  .cr-function-card-grid {
-    gap: var(--cr-function-gap);
+  .cr-action-group-body,
+  .cr-action-card-grid {
+    gap: var(--cr-action-gap);
   }
 
   .cr-field,
   .cr-tuple-input {
-    gap: var(--cr-function-field-gap);
+    gap: var(--cr-action-field-gap);
   }
 
   .cr-examples {
     display: flex;
     flex-wrap: wrap;
-    gap: var(--cr-function-gap);
+    gap: var(--cr-action-gap);
   }
 
   .cr-group-title {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--cr-function-grid-gap);
+    gap: var(--cr-action-grid-gap);
     margin: 0;
   }
 
-  .cr-function-item {
+  .cr-action-item {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
     align-items: center;
@@ -86,39 +86,39 @@
     text-align: left;
   }
 
-  .cr-function-item-title,
-  .cr-function-item-signature,
-  .cr-function-card-title,
-  .cr-function-card-signature {
+  .cr-action-item-title,
+  .cr-action-item-signature,
+  .cr-action-card-title,
+  .cr-action-card-signature {
     min-width: 0;
   }
 
-  .cr-function-item-signature,
-  .cr-function-card-signature {
+  .cr-action-item-signature,
+  .cr-action-card-signature {
     font-family: var(--cr-mono);
   }
 
-  .cr-function-item-title,
-  .cr-function-card-title {
+  .cr-action-item-title,
+  .cr-action-card-title {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-  .cr-function-item-signature {
+  .cr-action-item-signature {
     grid-column: 1 / -1;
   }
 
-  .cr-function-card {
+  .cr-action-card {
     display: grid;
     min-width: 0;
   }
 
-  .cr-function-card-header {
+  .cr-action-card-header {
     display: grid;
     width: 100%;
-    padding: var(--cr-function-card-header-padding-block)
-      var(--cr-function-card-header-padding-inline);
+    padding: var(--cr-action-card-header-padding-block)
+      var(--cr-action-card-header-padding-inline);
     border: 0;
     background: transparent;
     color: inherit;
@@ -127,11 +127,11 @@
     text-align: left;
   }
 
-  .cr-function-card-signature {
+  .cr-action-card-signature {
     overflow-wrap: anywhere;
   }
 
-  .cr-function-card-expand {
+  .cr-action-card-expand {
     display: grid;
     grid-template-rows: 0fr;
     opacity: 0;
@@ -140,17 +140,17 @@
       opacity var(--speed);
   }
 
-  .cr-function-card-expand.open {
+  .cr-action-card-expand.open {
     grid-template-rows: 1fr;
     opacity: 1;
   }
 
-  .cr-function-card-collapse {
+  .cr-action-card-collapse {
     min-height: 0;
     overflow: hidden;
   }
 
-  .cr-function-card-body {
+  .cr-action-card-body {
     min-width: 0;
     display: grid;
     gap: var(--spacer);
diff --git a/packages/contract-reader/app/assets/css/controls.css b/packages/contract-reader/app/assets/css/controls.css
index ed8330b..fb88769 100644
--- a/packages/contract-reader/app/assets/css/controls.css
+++ b/packages/contract-reader/app/assets/css/controls.css
@@ -1,6 +1,6 @@
 @layer components {
   .cr-copy,
-  .cr-function-item {
+  .cr-action-item {
     color: inherit;
     cursor: pointer;
     font: inherit;
@@ -14,11 +14,11 @@
   }
 
   .cr-copy:disabled,
-  .cr-function-item:disabled {
+  .cr-action-item:disabled {
     cursor: not-allowed;
   }
 
-  .cr-function-item {
+  .cr-action-item {
     text-decoration: none;
   }
 }
diff --git a/packages/contract-reader/app/assets/css/core.css b/packages/contract-reader/app/assets/css/core.css
index 96c9733..b56d845 100644
--- a/packages/contract-reader/app/assets/css/core.css
+++ b/packages/contract-reader/app/assets/css/core.css
@@ -31,7 +31,7 @@
   }
 
   .cr-overview code,
-  .cr-function-item-signature {
+  .cr-action-item-signature {
     display: block;
     max-width: 100%;
     color: var(--cr-muted);
@@ -49,8 +49,8 @@
     text-transform: var(--cr-label-text-transform);
   }
 
-  .cr-function-item-signature,
-  .cr-function-card-signature,
+  .cr-action-item-signature,
+  .cr-action-card-signature,
   .cr-overview code,
   .cr-field-type,
   .cr-result-value,
diff --git a/packages/contract-reader/app/assets/css/index.css b/packages/contract-reader/app/assets/css/index.css
index fdc1769..8abf3a2 100644
--- a/packages/contract-reader/app/assets/css/index.css
+++ b/packages/contract-reader/app/assets/css/index.css
@@ -10,7 +10,7 @@
 @import './markdown.css';
 @import './overview.css';
 @import './controls.css';
-@import './function.css';
+@import './action.css';
 @import './result.css';
 @import './preview.css';
 @import './source.css';
diff --git a/packages/contract-reader/app/assets/css/tokens.css b/packages/contract-reader/app/assets/css/tokens.css
index 6314ac1..72fde1c 100644
--- a/packages/contract-reader/app/assets/css/tokens.css
+++ b/packages/contract-reader/app/assets/css/tokens.css
@@ -22,22 +22,22 @@
     --cr-label-font-weight: 700;
     --cr-label-letter-spacing: 0;
     --cr-label-text-transform: uppercase;
-    --cr-function-gap: var(--size-2);
-    --cr-function-section-gap: var(--size-4);
-    --cr-function-group-gap: var(--size-2);
-    --cr-function-form-gap: var(--size-5);
-    --cr-function-grid-gap: var(--size-3);
-    --cr-function-field-gap: var(--size-2);
-    --cr-function-item-padding-block: var(--size-2);
-    --cr-function-item-padding-inline: var(--size-3);
-    --cr-function-item-min-block-size: calc(var(--size-6) + var(--size-2));
-    --cr-function-card-header-padding-block: var(--size-2);
-    --cr-function-card-header-padding-inline: var(--size-3);
-    --cr-function-card-body-padding: var(--size-3);
-    --cr-function-detail-gap: var(--size-4);
-    --cr-function-detail-button-justify: start;
+    --cr-action-gap: var(--size-2);
+    --cr-action-section-gap: var(--size-4);
+    --cr-action-group-gap: var(--size-2);
+    --cr-action-form-gap: var(--size-5);
+    --cr-action-grid-gap: var(--size-3);
+    --cr-action-field-gap: var(--size-2);
+    --cr-action-item-padding-block: var(--size-2);
+    --cr-action-item-padding-inline: var(--size-3);
+    --cr-action-item-min-block-size: calc(var(--size-6) + var(--size-2));
+    --cr-action-card-header-padding-block: var(--size-2);
+    --cr-action-card-header-padding-inline: var(--size-3);
+    --cr-action-card-body-padding: var(--size-3);
+    --cr-action-detail-gap: var(--size-4);
+    --cr-action-detail-button-justify: start;
     --cr-input-help-margin-top: calc(
-      var(--size-1) - var(--cr-function-field-gap)
+      var(--size-1) - var(--cr-action-field-gap)
     );
     --cr-result-margin-top: 0;
     --cr-result-padding: var(--size-4);
diff --git a/packages/contract-reader/app/components/Action/Cards.vue b/packages/contract-reader/app/components/Action/Cards.vue
index 9c0a879..f340221 100644
--- a/packages/contract-reader/app/components/Action/Cards.vue
+++ b/packages/contract-reader/app/components/Action/Cards.vue
@@ -1,52 +1,52 @@
 <template>
-  <nav class="cr-function-cards">
-    <FunctionGroups
-      :functions="functions"
+  <nav class="cr-action-cards">
+    <ActionGroups
+      :actions="actions"
       :metadata="metadata"
       :all-function-names="allFunctionNames"
       :title="title"
     >
-      <template #group="{ functions: fns }">
-        <div class="cr-function-card-grid">
+      <template #group="{ actions: items }">
+        <div class="cr-action-card-grid">
           <article
-            v-for="fn in fns"
-            :key="fn.slug"
-            class="cr-function-card"
-            :class="{ expanded: isExpanded(fn.slug) }"
+            v-for="action in items"
+            :key="action.slug"
+            class="cr-action-card"
+            :class="{ expanded: isExpanded(action.slug) }"
           >
             <button
-              class="cr-function-card-header"
+              class="cr-action-card-header"
               type="button"
-              @click="toggleFunction(fn.slug)"
+              @click="toggleAction(action.slug)"
             >
-              <span class="cr-function-card-title">{{ fn.title }}</span>
+              <span class="cr-action-card-title">{{ action.title }}</span>
               <span
-                v-if="fn.title !== fn.name"
-                class="cr-function-card-signature"
+                v-if="action.title !== action.name"
+                class="cr-action-card-signature"
               >
-                {{ fn.name }}()
+                {{ action.name }}()
               </span>
             </button>
 
             <div
-              class="cr-function-card-expand"
-              :class="{ open: isExpanded(fn.slug) }"
+              class="cr-action-card-expand"
+              :class="{ open: isExpanded(action.slug) }"
             >
-              <div class="cr-function-card-collapse">
-                <div class="cr-function-card-body">
-                  <FunctionDetail
-                    v-if="rendered.has(fn.slug)"
+              <div class="cr-action-card-collapse">
+                <div class="cr-action-card-body">
+                  <ActionDetail
+                    v-if="rendered.has(action.slug)"
                     :address="address"
                     :abi="abi"
                     :chain-id="chainId"
-                    :fn="fn"
-                    :args="selected === fn.slug ? args : undefined"
+                    :action="action"
+                    :args="selected === action.slug ? args : undefined"
                     :read-function="readFunction"
                     :write-function="writeFunction"
                     :resolve-metadata="resolveMetadata"
                     :wallet-connected="walletConnected"
                     :connected-address="connectedAddress"
-                    @update:args="updateArgs(fn.slug, $event)"
+                    @update:args="updateArgs(action.slug, $event)"
                     @error="emit('error', $event)"
                   />
                 </div>
@@ -55,15 +55,15 @@
           </article>
         </div>
       </template>
-    </FunctionGroups>
+    </ActionGroups>
   </nav>
 </template>
 
 <script setup lang="ts">
 import type { Abi } from 'viem'
-import FunctionDetail from './Detail.vue'
-import FunctionGroups from './Groups.vue'
-import type { ContractFunction } from '../../types/contract'
+import ActionDetail from './Detail.vue'
+import ActionGroups from './Groups.vue'
+import type { ContractAction } from '../../types/contract'
 import type {
   ContractReadFn,
   ContractWriteFn,
@@ -73,7 +73,7 @@ import type { ContractUIMetadata } from '../../types/metadata'
 
 const props = withDefaults(
   defineProps<{
-    functions: ContractFunction[]
+    actions: ContractAction[]
     address: string
     abi: Abi
     chainId?: number
@@ -90,7 +90,7 @@ const props = withDefaults(
   }>(),
   {
     selected: null,
-    title: 'functions',
+    title: 'actions',
     walletConnected: false,
   },
 )
@@ -107,7 +107,7 @@ function isExpanded(slug: string): boolean {
   return props.selected === slug
 }
 
-function toggleFunction(slug: string) {
+function toggleAction(slug: string) {
   emit('select', props.selected === slug ? undefined : slug)
 }
 
diff --git a/packages/contract-reader/app/components/Action/Detail.vue b/packages/contract-reader/app/components/Action/Detail.vue
index 2f3039d..6bcf653 100644
--- a/packages/contract-reader/app/components/Action/Detail.vue
+++ b/packages/contract-reader/app/components/Action/Detail.vue
@@ -1,27 +1,27 @@
 <template>
-  <article class="cr-function-detail">
+  <article class="cr-action-detail">
     <div
-      v-if="fn.description"
-      class="cr-function-description cr-muted"
+      v-if="action.description"
+      class="cr-action-description cr-muted"
     >
-      <InlineMarkdown :text="fn.description" />
+      <InlineMarkdown :text="action.description" />
     </div>
 
     <div
-      v-if="fn.warning"
+      v-if="action.warning"
       class="cr-warning"
     >
-      {{ fn.warning }}
+      {{ action.warning }}
     </div>
 
     <slot
       name="intro"
-      :fn="fn"
+      :action="action"
     />
 
     <slot
       name="examples"
-      :fn="fn"
+      :action="action"
       :examples="examples"
       :apply-example="applyExample"
     >
@@ -51,12 +51,13 @@
       @submit.prevent="submit"
     >
       <template
-        v-for="(input, index) in fn.inputs"
+        v-for="(input, index) in action.inputs"
         :key="fieldKey(input, index)"
       >
         <slot
+          v-if="!isHidden(input)"
           name="field"
-          :fn="fn"
+          :action="action"
           :input="input"
           :index="index"
           :field-key="fieldKey(input, index)"
@@ -75,7 +76,7 @@
               <span class="cr-field-type">({{ input.type }})</span>
             </span>
 
-            <FunctionTupleInput
+            <ActionTupleInput
               :components="tupleComponents(input)"
               :prefix="fieldKey(input, index)"
               :values="inputValues"
@@ -90,7 +91,7 @@
             </small>
           </div>
 
-          <FunctionInput
+          <ActionInput
             v-else
             :input="input"
             :meta="input.meta"
@@ -101,7 +102,7 @@
       </template>
 
       <label
-        v-if="fn.isPayable"
+        v-if="action.isPayable"
         class="cr-field cr-value-field"
       >
         <span class="cr-field-label">
@@ -121,7 +122,7 @@
 
       <slot
         name="actions"
-        :fn="fn"
+        :action="action"
         :pending="pending"
         :has-errors="hasErrors"
         :auto-read="autoRead"
@@ -133,8 +134,8 @@
         :wallet-connected="walletConnected"
       >
         <Button
-          v-if="fn.isRead && fn.inputs.length"
-          class="primary cr-function-action"
+          v-if="action.isRead && visibleInputCount"
+          class="primary cr-action-submit"
           type="submit"
           :disabled="pending || !readFunction || hasErrors"
         >
@@ -147,12 +148,12 @@
           :chain="chainId"
           :label="labels.send"
           :busy-label="labels.sending"
-          button-class="cr-function-action"
+          button-class="cr-action-submit"
           :disabled="hasErrors"
         />
 
         <p
-          v-else-if="!fn.isRead"
+          v-else-if="!action.isRead"
           class="cr-hint cr-muted"
         >
           {{ writeHint }}
@@ -165,8 +166,8 @@
       :pending="pending"
       :result="result"
       :error="error"
-      :fn="fn"
-      :outputs="fn.outputs"
+      :action="action"
+      :outputs="action.outputs"
       :has-result-fields="hasResultFields"
       :address-href="addressHref"
       :format-value="formatValue"
@@ -176,34 +177,26 @@
         :pending="pending"
         :result="result"
         :error="error"
-        :fn="fn"
-        :outputs="fn.outputs"
+        :action="action"
+        :outputs="action.outputs"
         :has-result-fields="hasResultFields"
         :address-href="addressHref"
         :format-value="formatValue"
       >
         <template v-if="autoRead">
-          <FunctionResult
+          <ActionResult
             v-if="pending || !hasResult"
             label="result"
             value="loading..."
             :address-href="addressHref"
           >
-            <template #address="slotProps">
-              <slot
-                name="address"
-                v-bind="slotProps"
-              >
-                {{ slotProps.value }}
-              </slot>
-            </template>
-          </FunctionResult>
+          </ActionResult>
 
-          <FunctionResultFields
+          <ActionResultFields
             v-else-if="hasResultFields"
             :result="result"
-            :outputs="fn.outputs"
-            :returns-meta="fn.meta?.returns"
+            :outputs="action.outputs"
+            :returns-meta="action.meta?.returns"
             :address-href="addressHref"
           >
             <template #address="slotProps">
@@ -214,9 +207,9 @@
                 {{ slotProps.value }}
               </slot>
             </template>
-          </FunctionResultFields>
+          </ActionResultFields>
 
-          <FunctionResult
+          <ActionResult
             v-else
             label="result"
             :value="formatValue(result)"
@@ -230,15 +223,15 @@
                 {{ slotProps.value }}
               </slot>
             </template>
-          </FunctionResult>
+          </ActionResult>
         </template>
 
         <template v-else-if="result !== null">
-          <FunctionResultFields
+          <ActionResultFields
             v-if="hasResultFields"
             :result="result"
-            :outputs="fn.outputs"
-            :returns-meta="fn.meta?.returns"
+            :outputs="action.outputs"
+            :returns-meta="action.meta?.returns"
             :address-href="addressHref"
           >
             <template #address="slotProps">
@@ -249,9 +242,9 @@
                 {{ slotProps.value }}
               </slot>
             </template>
-          </FunctionResultFields>
+          </ActionResultFields>
 
-          <FunctionResult
+          <ActionResult
             v-else
             label="result"
             :value="formatValue(result)"
@@ -265,10 +258,10 @@
                 {{ slotProps.value }}
               </slot>
             </template>
-          </FunctionResult>
+          </ActionResult>
         </template>
 
-        <FunctionResult
+        <ActionResult
           v-if="error"
           label="error"
           :value="error"
@@ -279,7 +272,7 @@
 
     <slot
       name="preview"
-      :fn="fn"
+      :action="action"
       :result="result"
       :error="error"
       :artifact-result="artifactResult"
@@ -288,9 +281,9 @@
       :metadata-resolving="metadataResolving"
       :metadata-error="metadataError"
     >
-      <FunctionArtifactPreview :value="artifactResult" />
+      <ActionArtifactPreview :value="artifactResult" />
 
-      <FunctionMetadataPreview
+      <ActionMetadataPreview
         v-if="showMetadataPreview"
         :metadata="metadataPreview"
         :raw-json="metadataRawJson"
@@ -301,7 +294,7 @@
 
     <slot
       name="footer"
-      :fn="fn"
+      :action="action"
       :result="result"
       :error="error"
     />
@@ -311,13 +304,13 @@
 <script setup lang="ts">
 import type { Abi, Hash } from 'viem'
 import { parseEther } from 'viem'
-import type { ContractFunction } from '../../types/contract'
+import type { ContractAction } from '../../types/contract'
 import type {
   ContractReadFn,
   ContractWriteFn,
   MetadataResolveFn,
 } from '../../types/actions'
-import type { FunctionExample } from '../../types/metadata'
+import type { ActionExample } from '../../types/metadata'
 import { normalizeReadError } from '../../utils/errors'
 import {
   applyInputExample,
@@ -328,12 +321,12 @@ import {
   seedInputValues,
   serializeInputArgs,
 } from '../../utils/inputs'
-import FunctionInput from './Input.vue'
-import FunctionArtifactPreview from './ArtifactPreview.client.vue'
-import FunctionMetadataPreview from './MetadataPreview.client.vue'
-import FunctionResult from './Result.vue'
-import FunctionResultFields from './ResultFields.vue'
-import FunctionTupleInput from './TupleInput.vue'
+import ActionInput from './Input.vue'
+import ActionArtifactPreview from './ArtifactPreview.client.vue'
+import ActionMetadataPreview from './MetadataPreview.client.vue'
+import ActionResult from './Result.vue'
+import ActionResultFields from './ResultFields.vue'
+import ActionTupleInput from './TupleInput.vue'
 import { formatArgValue } from '../../utils/format'
 import { detectPreviewMarkupKind } from '../../utils/markup-preview'
 import {
@@ -342,15 +335,15 @@ import {
 } from '../../utils/metadata-display'
 
 defineSlots<{
-  intro?: (props: { fn: ContractFunction }) => unknown
+  intro?: (props: { action: ContractAction }) => unknown
   examples?: (props: {
-    fn: ContractFunction
-    examples: FunctionExample[]
-    applyExample: (example: FunctionExample) => void
+    action: ContractAction
+    examples: ActionExample[]
+    applyExample: (example: ActionExample) => void
   }) => unknown
   field?: (props: {
-    fn: ContractFunction
-    input: ContractFunction['inputs'][number]
+    action: ContractAction
+    input: ContractAction['inputs'][number]
     index: number
     fieldKey: string
     value: string
@@ -358,7 +351,7 @@ defineSlots<{
     updateValue: (value: string) => void
   }) => unknown
   actions?: (props: {
-    fn: ContractFunction
+    action: ContractAction
     pending: boolean
     hasErrors: boolean
     autoRead: boolean
@@ -366,15 +359,15 @@ defineSlots<{
     submit: () => void
     writeRequest?: () => Promise<Hash>
     writeHint: string
-    labels: FunctionDetailLabels
+    labels: ActionDetailLabels
     walletConnected?: boolean
   }) => unknown
   result?: (props: {
     pending: boolean
     result: unknown
     error: string
-    fn: ContractFunction
-    outputs: ContractFunction['outputs']
+    action: ContractAction
+    outputs: ContractAction['outputs']
     hasResultFields: boolean
     addressHref?: (address: string) => string | undefined | null
     formatValue: (value: unknown) => string
@@ -383,8 +376,8 @@ defineSlots<{
     pending: boolean
     result: unknown
     error: string
-    fn: ContractFunction
-    outputs: ContractFunction['outputs']
+    action: ContractAction
+    outputs: ContractAction['outputs']
     hasResultFields: boolean
     addressHref?: (address: string) => string | undefined | null
     formatValue: (value: unknown) => string
@@ -395,12 +388,12 @@ defineSlots<{
     href: string | null
   }) => unknown
   footer?: (props: {
-    fn: ContractFunction
+    action: ContractAction
     result: unknown
     error: string
   }) => unknown
   preview?: (props: {
-    fn: ContractFunction
+    action: ContractAction
     result: unknown
     error: string
     artifactResult: string | null
@@ -416,7 +409,7 @@ const props = withDefaults(
     address: string
     abi: Abi
     chainId?: number
-    fn: ContractFunction
+    action: ContractAction
     args?: string[]
     readFunction?: ContractReadFn
     writeFunction?: ContractWriteFn
@@ -424,7 +417,7 @@ const props = withDefaults(
     connectedAddress?: string
     addressHref?: (address: string) => string | undefined | null
     resolveMetadata?: MetadataResolveFn
-    labels?: Partial<FunctionDetailLabels>
+    labels?: Partial<ActionDetailLabels>
     autoRead?: boolean
   }>(),
   {
@@ -439,7 +432,7 @@ const emit = defineEmits<{
 
 const inputValues = reactive<Record<string, string>>({})
 const inputErrors = computed(() =>
-  buildInputErrors(props.fn.inputs, inputValues, props.fn.meta?.params),
+  buildInputErrors(props.action.inputs, inputValues, props.action.meta?.params),
 )
 const hasErrors = computed(() =>
   Object.values(inputErrors.value).some((error) => !!error),
@@ -454,14 +447,22 @@ const metadataRawJson = ref<Record<string, unknown> | null>(null)
 const metadataResolving = ref(false)
 const metadataError = ref<string | null>(null)
 
+const visibleInputCount = computed(
+  () => props.action.inputs.filter((input) => !isHidden(input)).length,
+)
 const autoRead = computed(
   () =>
-    props.autoRead !== false && props.fn.isRead && props.fn.inputs.length === 0,
+    props.autoRead !== false &&
+    props.action.isRead &&
+    visibleInputCount.value === 0,
 )
 const hasForm = computed(
-  () => props.fn.inputs.length > 0 || props.fn.isPayable || !props.fn.isRead,
+  () =>
+    visibleInputCount.value > 0 ||
+    props.action.isPayable ||
+    !props.action.isRead,
 )
-const hasResultFields = computed(() => props.fn.outputs.length > 1)
+const hasResultFields = computed(() => props.action.outputs.length > 1)
 const artifactResult = computed(() => {
   if (typeof result.value !== 'string') return null
   return detectPreviewMarkupKind(result.value) ? result.value : null
@@ -474,8 +475,8 @@ const showMetadataPreview = computed(
     metadataResolving.value ||
     Boolean(metadataPreview.value || metadataError.value),
 )
-const examples = computed(() => props.fn.meta?.examples || [])
-const labels = computed<FunctionDetailLabels>(() => ({
+const examples = computed(() => props.action.meta?.examples || [])
+const labels = computed<ActionDetailLabels>(() => ({
   examples: 'examples',
   read: 'read',
   reading: 'reading...',
@@ -493,19 +494,19 @@ const writeHint = computed(() => {
   return labels.value.invalidInputs
 })
 const writeRequest = computed<(() => Promise<Hash>) | undefined>(() => {
-  if (!props.writeFunction || props.fn.isRead || !props.walletConnected) {
+  if (!props.writeFunction || props.action.isRead || !props.walletConnected) {
     return
   }
 
   const writeFunction = props.writeFunction!
 
   return async () => {
-    const value = props.fn.isPayable ? txValue.value.trim() : ''
+    const value = props.action.isPayable ? txValue.value.trim() : ''
 
     return writeFunction({
       address: props.address,
       abi: props.abi,
-      functionName: props.fn.name,
+      functionName: props.action.name,
       args: buildArgs(),
       ...(value ? { value: parseEther(value) } : {}),
     })
@@ -513,7 +514,7 @@ const writeRequest = computed<(() => Promise<Hash>) | undefined>(() => {
 })
 
 watch(
-  () => [props.address, props.fn.slug] as const,
+  () => [props.address, props.action.slug] as const,
   () => resetInputs(),
   { immediate: true },
 )
@@ -522,7 +523,7 @@ watch(
   () => props.args,
   (args) => {
     if (!args) return
-    hydrateInputValues(props.fn.inputs, inputValues, args)
+    hydrateInputValues(props.action.inputs, inputValues, args)
   },
   { immediate: true },
 )
@@ -530,13 +531,13 @@ watch(
 watch(
   inputValues,
   () => {
-    emit('update:args', serializeInputArgs(props.fn.inputs, inputValues))
+    emit('update:args', serializeInputArgs(props.action.inputs, inputValues))
   },
   { deep: true },
 )
 
 watch(
-  () => [props.fn.slug, props.readFunction] as const,
+  () => [props.action.slug, props.readFunction] as const,
   () => {
     if (autoRead.value) read()
   },
@@ -547,30 +548,31 @@ onMounted(() => {
   if (autoRead.value) read()
 })
 
-watch(
-  [metadataUri, () => props.resolveMetadata],
-  ([uri, resolveMetadata]) => {
-    if (!uri || !resolveMetadata) {
-      resetMetadataPreview()
-      return
-    }
+watch([metadataUri, () => props.resolveMetadata], ([uri, resolveMetadata]) => {
+  if (!uri || !resolveMetadata) {
+    resetMetadataPreview()
+    return
+  }
 
-    void resolveMetadataPreview(uri, resolveMetadata)
-  },
-)
+  void resolveMetadataPreview(uri, resolveMetadata)
+})
 
-function isTuple(input: ContractFunction['inputs'][number]): boolean {
+function isTuple(input: ContractAction['inputs'][number]): boolean {
   return input.type === 'tuple' && !!input.components?.length
 }
 
+function isHidden(input: ContractAction['inputs'][number]): boolean {
+  return Boolean(input.meta?.hidden)
+}
+
 function tupleComponents(
-  input: ContractFunction['inputs'][number],
-): ContractFunction['inputs'][number][] {
+  input: ContractAction['inputs'][number],
+): ContractAction['inputs'][number][] {
   return input.components || []
 }
 
 function fieldKey(
-  input: ContractFunction['inputs'][number],
+  input: ContractAction['inputs'][number],
   index: number,
 ): string {
   return buildInputKey(undefined, input.name, index)
@@ -589,10 +591,10 @@ function resetInputs() {
 
   for (const key of Object.keys(inputValues)) delete inputValues[key]
   seedInputValues(
-    props.fn.inputs,
+    props.action.inputs,
     inputValues,
     undefined,
-    props.fn.meta?.params,
+    props.action.meta?.params,
     {
       contractAddress: props.address,
       connectedAddress: props.connectedAddress,
@@ -602,7 +604,7 @@ function resetInputs() {
 }
 
 function buildArgs() {
-  return buildInputArgs(props.fn.inputs, inputValues)
+  return buildInputArgs(props.action.inputs, inputValues)
 }
 
 function resetMetadataPreview() {
@@ -641,7 +643,7 @@ async function resolveMetadataPreview(
 }
 
 async function read() {
-  if (pending.value || !props.fn.isRead || hasErrors.value) {
+  if (pending.value || !props.action.isRead || hasErrors.value) {
     return
   }
 
@@ -661,13 +663,13 @@ async function read() {
     result.value = await props.readFunction({
       address: props.address,
       abi: props.abi,
-      functionName: props.fn.name,
+      functionName: props.action.name,
       args: buildArgs(),
     })
     hasResult.value = true
   } catch (err: any) {
     emit('error', err)
-    error.value = normalizeReadError(err, { functionName: props.fn.name })
+    error.value = normalizeReadError(err, { functionName: props.action.name })
     hasResult.value = true
   } finally {
     pending.value = false
@@ -675,14 +677,14 @@ async function read() {
 }
 
 function submit() {
-  if (props.fn.isRead) read()
+  if (props.action.isRead) read()
 }
 
-function applyExample(example: FunctionExample) {
+function applyExample(example: ActionExample) {
   resetInputs()
   applyInputExample(inputValues, example.params)
 
-  if (props.fn.isRead) {
+  if (props.action.isRead) {
     nextTick(() => {
       if (!hasErrors.value) read()
     })
@@ -693,7 +695,7 @@ function formatValue(value: unknown) {
   return formatArgValue(value)
 }
 
-interface FunctionDetailLabels {
+interface ActionDetailLabels {
   examples: string
   read: string
   reading: string
diff --git a/packages/contract-reader/app/components/Action/Groups.vue b/packages/contract-reader/app/components/Action/Groups.vue
index 52d430c..b193bbe 100644
--- a/packages/contract-reader/app/components/Action/Groups.vue
+++ b/packages/contract-reader/app/components/Action/Groups.vue
@@ -4,17 +4,17 @@
       v-for="(group, index) in allGroups"
       :key="group.key"
     >
-      <section class="cr-function-group">
+      <section class="cr-action-group">
         <slot
           name="header"
           :group="group"
           :index="index"
-          :functions="group.functions"
+          :actions="group.actions"
         >
           <div class="cr-group-title">
             <span>
               {{ group.label }}
-              <span class="cr-group-count">({{ group.functions.length }})</span>
+              <span class="cr-group-count">({{ group.actions.length }})</span>
             </span>
 
             <slot
@@ -24,11 +24,11 @@
           </div>
         </slot>
 
-        <div class="cr-function-group-body">
+        <div class="cr-action-group-body">
           <slot
             name="group"
             :group="group"
-            :functions="group.functions"
+            :actions="group.actions"
           />
         </div>
       </section>
@@ -44,42 +44,42 @@
 </template>
 
 <script setup lang="ts">
-import type { ContractFunction } from '../../types/contract'
+import type { ContractAction } from '../../types/contract'
 import type { ContractUIMetadata } from '../../types/metadata'
-import { groupFunctions, type ContractFunctionGroup } from '../../utils/abi'
+import { groupActions, type ContractActionGroup } from '../../utils/abi'
 
 const props = withDefaults(
   defineProps<{
-    functions: ContractFunction[]
+    actions: ContractAction[]
     metadata?: ContractUIMetadata
     allFunctionNames?: Set<string>
     title?: string
-    groups?: ContractFunctionGroup[]
-    labels?: Partial<FunctionGroupLabels>
+    groups?: ContractActionGroup[]
+    labels?: Partial<ActionGroupLabels>
   }>(),
   {
-    title: 'functions',
+    title: 'actions',
   },
 )
 
-interface FunctionGroupLabels {
+interface ActionGroupLabels {
   empty: string
   other: string
   constants: string
 }
 
-const labels = computed<FunctionGroupLabels>(() => ({
-  empty: 'no functions found',
+const labels = computed<ActionGroupLabels>(() => ({
+  empty: 'no actions found',
   other: 'Other',
   constants: 'Constants',
   ...props.labels,
 }))
 
 const groups = computed(() =>
-  groupFunctions(props.functions, props.metadata, props.allFunctionNames),
+  groupActions(props.actions, props.metadata, props.allFunctionNames),
 )
 
-const allGroups = computed<ContractFunctionGroup[]>(() => {
+const allGroups = computed<ContractActionGroup[]>(() => {
   if (props.groups) return props.groups
 
   const { grouped, ungrouped, constants } = groups.value
@@ -90,7 +90,7 @@ const allGroups = computed<ContractFunctionGroup[]>(() => {
     result.push({
       key: '_ungrouped',
       label: hasOtherGroups ? labels.value.other : props.title,
-      functions: ungrouped,
+      actions: ungrouped,
     })
   }
 
@@ -98,7 +98,7 @@ const allGroups = computed<ContractFunctionGroup[]>(() => {
     result.push({
       key: '_constants',
       label: labels.value.constants,
-      functions: constants,
+      actions: constants,
     })
   }
 
diff --git a/packages/contract-reader/app/components/Action/Input.vue b/packages/contract-reader/app/components/Action/Input.vue
index 33bebb2..7ac8eb9 100644
--- a/packages/contract-reader/app/components/Action/Input.vue
+++ b/packages/contract-reader/app/components/Action/Input.vue
@@ -9,6 +9,7 @@
       v-if="input.type === 'bool'"
       v-model="model"
       class="cr-input"
+      :disabled="disabled"
     >
       <option value="false">false</option>
       <option value="true">true</option>
@@ -18,6 +19,7 @@
       v-else-if="input.type === 'address'"
       v-model="model"
       class="cr-input"
+      :disabled="disabled"
     />
 
     <textarea
@@ -28,6 +30,7 @@
       rows="3"
       spellcheck="false"
       autocomplete="off"
+      :disabled="disabled"
     />
 
     <input
@@ -37,6 +40,7 @@
       :placeholder="input.type"
       spellcheck="false"
       autocomplete="off"
+      :disabled="disabled"
     />
 
     <small
@@ -57,11 +61,11 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { ContractFunctionParam } from '../../types/contract'
+import type { ContractActionParam } from '../../types/contract'
 import type { ParamMeta } from '../../types/metadata'
 
 const props = defineProps<{
-  input: ContractFunctionParam
+  input: ContractActionParam
   meta?: ParamMeta
   error?: string | null
 }>()
@@ -72,4 +76,7 @@ const label = computed(() => props.meta?.label || props.input.label)
 const description = computed(
   () => props.meta?.description || props.input.description,
 )
+const disabled = computed(
+  () => Boolean(props.meta?.disabled || props.input.meta?.disabled),
+)
 </script>
diff --git a/packages/contract-reader/app/components/Action/List.vue b/packages/contract-reader/app/components/Action/List.vue
index 22acd65..e88a8c7 100644
--- a/packages/contract-reader/app/components/Action/List.vue
+++ b/packages/contract-reader/app/components/Action/List.vue
@@ -1,7 +1,7 @@
 <template>
-  <nav class="cr-functions">
-    <FunctionGroups
-      :functions="functions"
+  <nav class="cr-actions">
+    <ActionGroups
+      :actions="actions"
       :metadata="metadata"
       :all-function-names="allFunctionNames"
       :title="title"
@@ -16,64 +16,64 @@
         />
       </template>
 
-      <template #group="{ group, functions: fns }">
+      <template #group="{ group, actions: items }">
         <slot
           name="group"
           :group="group"
-          :functions="fns"
+          :actions="items"
           :selected="selected"
-          :select="selectFunction"
+          :select="selectAction"
         >
           <template
-            v-for="fn in fns"
-            :key="fn.slug"
+            v-for="action in items"
+            :key="action.slug"
           >
             <slot
               name="item"
-              :fn="fn"
-              :selected="selected === fn.slug"
-              :href="itemHref(fn)"
-              :select="selectFunction"
+              :action="action"
+              :selected="selected === action.slug"
+              :href="itemHref(action)"
+              :select="selectAction"
             >
               <component
-                :is="itemHref(fn) ? 'a' : 'button'"
-                class="cr-function-item"
-                :class="{ active: selected === fn.slug }"
-                :href="itemHref(fn) || undefined"
-                :type="itemHref(fn) ? undefined : 'button'"
-                @click="selectFunction(fn.slug)"
+                :is="itemHref(action) ? 'a' : 'button'"
+                class="cr-action-item"
+                :class="{ active: selected === action.slug }"
+                :href="itemHref(action) || undefined"
+                :type="itemHref(action) ? undefined : 'button'"
+                @click="selectAction(action.slug)"
               >
-                <span class="cr-function-item-title">{{ fn.title }}</span>
+                <span class="cr-action-item-title">{{ action.title }}</span>
                 <span
-                  v-if="fn.title !== fn.name"
-                  class="cr-function-item-signature"
+                  v-if="action.title !== action.name"
+                  class="cr-action-item-signature"
                 >
-                  {{ fn.name }}()
+                  {{ action.name }}()
                 </span>
               </component>
             </slot>
           </template>
         </slot>
       </template>
-    </FunctionGroups>
+    </ActionGroups>
   </nav>
 </template>
 
 <script setup lang="ts">
-import FunctionGroups from './Groups.vue'
-import type { ContractFunction } from '../../types/contract'
+import ActionGroups from './Groups.vue'
+import type { ContractAction } from '../../types/contract'
 import type { ContractUIMetadata } from '../../types/metadata'
 
 const slots = defineSlots<{
   header?: (props: Record<string, unknown>) => unknown
   group?: (props: {
-    group: { key: string; label: string; functions: ContractFunction[] }
-    functions: ContractFunction[]
+    group: { key: string; label: string; actions: ContractAction[] }
+    actions: ContractAction[]
     selected?: string | null
     select: (slug: string) => void
   }) => unknown
   item?: (props: {
-    fn: ContractFunction
+    action: ContractAction
     selected: boolean
     href: string | null
     select: (slug: string) => void
@@ -82,16 +82,16 @@ const slots = defineSlots<{
 
 const props = withDefaults(
   defineProps<{
-    functions: ContractFunction[]
+    actions: ContractAction[]
     metadata?: ContractUIMetadata
     allFunctionNames?: Set<string>
     selected?: string | null
     title?: string
-    itemHref?: (fn: ContractFunction) => string | undefined | null
+    itemHref?: (action: ContractAction) => string | undefined | null
   }>(),
   {
     selected: null,
-    title: 'functions',
+    title: 'actions',
   },
 )
 
@@ -99,11 +99,11 @@ const emit = defineEmits<{
   select: [slug: string]
 }>()
 
-function itemHref(fn: ContractFunction) {
-  return props.itemHref?.(fn) ?? null
+function itemHref(action: ContractAction) {
+  return props.itemHref?.(action) ?? null
 }
 
-function selectFunction(slug: string) {
+function selectAction(slug: string) {
   emit('select', slug)
 }
 </script>
diff --git a/packages/contract-reader/app/components/Action/ResultFields.vue b/packages/contract-reader/app/components/Action/ResultFields.vue
index 478b8a7..ec77ae1 100644
--- a/packages/contract-reader/app/components/Action/ResultFields.vue
+++ b/packages/contract-reader/app/components/Action/ResultFields.vue
@@ -59,7 +59,7 @@
 </template>
 
 <script setup lang="ts">
-import type { ContractFunctionParam } from '../../types/contract'
+import type { ContractActionParam } from '../../types/contract'
 import type { ParamMeta } from '../../types/metadata'
 import {
   formatArgValue,
@@ -73,7 +73,7 @@ import {
 
 const props = defineProps<{
   result: unknown
-  outputs: ContractFunctionParam[]
+  outputs: ContractActionParam[]
   returnsMeta?: Record<string, ParamMeta>
   addressHref?: (address: string) => string | undefined | null
 }>()
@@ -98,7 +98,7 @@ interface ResultField {
 
 function buildFields(
   result: unknown,
-  outputs: ContractFunctionParam[],
+  outputs: ContractActionParam[],
   depth = 0,
   prefix = '',
 ): ResultField[] {
diff --git a/packages/contract-reader/app/components/Action/TupleInput.vue b/packages/contract-reader/app/components/Action/TupleInput.vue
index b2d07f5..8cd009e 100644
--- a/packages/contract-reader/app/components/Action/TupleInput.vue
+++ b/packages/contract-reader/app/components/Action/TupleInput.vue
@@ -4,14 +4,14 @@
       v-for="(component, index) in components"
       :key="fieldKey(component, index)"
     >
-      <FunctionInput
+      <ActionInput
         v-if="!isTuple(component)"
         :input="component"
         :error="errors[fieldKey(component, index)]"
         v-model="values[fieldKey(component, index)]"
       />
 
-      <FunctionTupleInput
+      <ActionTupleInput
         v-else
         :components="tupleComponents(component)"
         :prefix="fieldKey(component, index)"
@@ -23,30 +23,30 @@
 </template>
 
 <script setup lang="ts">
-import type { ContractFunctionParam } from '../../types/contract'
-import FunctionInput from './Input.vue'
+import type { ContractActionParam } from '../../types/contract'
+import ActionInput from './Input.vue'
 import { buildInputKey } from '../../utils/inputs'
 
-defineOptions({ name: 'FunctionTupleInput' })
+defineOptions({ name: 'ActionTupleInput' })
 
 const props = defineProps<{
-  components: ContractFunctionParam[]
+  components: ContractActionParam[]
   prefix: string
   values: Record<string, string>
   errors: Record<string, string | null>
 }>()
 
-function isTuple(component: ContractFunctionParam): boolean {
+function isTuple(component: ContractActionParam): boolean {
   return component.type === 'tuple' && !!component.components?.length
 }
 
 function tupleComponents(
-  component: ContractFunctionParam,
-): ContractFunctionParam[] {
+  component: ContractActionParam,
+): ContractActionParam[] {
   return component.components || []
 }
 
-function fieldKey(component: ContractFunctionParam, index: number): string {
+function fieldKey(component: ContractActionParam, index: number): string {
   return buildInputKey(props.prefix, component.name, index)
 }
 </script>
diff --git a/packages/contract-reader/app/components/Overview.vue b/packages/contract-reader/app/components/Overview.vue
index be4ffb8..bf4e559 100644
--- a/packages/contract-reader/app/components/Overview.vue
+++ b/packages/contract-reader/app/components/Overview.vue
@@ -84,13 +84,13 @@ const stats = computed<OverviewStat[]>(() => {
   return [
     {
       key: 'read',
-      label: 'read functions',
-      value: props.contract.functions.read.length,
+      label: 'read actions',
+      value: props.contract.actions.read.length,
     },
     {
       key: 'write',
-      label: 'interact functions',
-      value: props.contract.functions.write.length,
+      label: 'interact actions',
+      value: props.contract.actions.write.length,
     },
     {
       key: 'source',
diff --git a/packages/contract-reader/app/types/contract.ts b/packages/contract-reader/app/types/contract.ts
index 159007b..af1cebb 100644
--- a/packages/contract-reader/app/types/contract.ts
+++ b/packages/contract-reader/app/types/contract.ts
@@ -1,5 +1,5 @@
 import type { Abi, AbiFunction } from 'viem'
-import type { ContractUIMetadata, FunctionMeta, ParamMeta } from './metadata'
+import type { ContractUIMetadata, ActionMeta, ParamMeta } from './metadata'
 
 export type ContractType = 'standard' | 'proxy' | 'diamond'
 export type SourceRole = 'main' | 'implementation' | 'facet'
@@ -31,31 +31,40 @@ export interface ContractProxy {
   admin?: string
 }
 
-export interface ContractFunctionParam {
+export interface ContractActionParam {
   name: string
   label: string
   type: string
   description?: string
   meta?: ParamMeta
-  components?: ContractFunctionParam[]
+  components?: ContractActionParam[]
 }
 
-export interface ContractFunction {
+export interface ContractAction {
+  /** Free-form action identifier (authored or synthesized default id). */
+  id: string
   abi: AbiFunction
   name: string
+  /** URL-safe routing handle; defaults to `id`. */
   slug: string
   signature?: string
+  /** 4-byte selector, lowercase. */
+  selector: `0x${string}`
   title: string
   description?: string
-  inputs: ContractFunctionParam[]
-  outputs: ContractFunctionParam[]
+  inputs: ContractActionParam[]
+  outputs: ContractActionParam[]
   stateMutability: 'pure' | 'view' | 'nonpayable' | 'payable'
   isRead: boolean
   isPayable: boolean
   group?: string
   warning?: string
-  meta?: FunctionMeta
+  meta?: ActionMeta
   facet?: string
+  /** True when this action was synthesized from the ABI (no authored entry). */
+  synthesized: boolean
+  /** True when another action shares this selector. */
+  isVariant: boolean
 }
 
 export interface SourceFile {
@@ -73,9 +82,9 @@ export interface ContractData {
   deployer?: string
   deploymentTxHash?: string
   deployedAt?: string
-  functions: {
-    read: ContractFunction[]
-    write: ContractFunction[]
+  actions: {
+    read: ContractAction[]
+    write: ContractAction[]
   }
   sourceFiles: SourceFile[]
   sources?: ContractSourceUnit[]
diff --git a/packages/contract-reader/app/types/metadata.ts b/packages/contract-reader/app/types/metadata.ts
index aea77b3..596262e 100644
--- a/packages/contract-reader/app/types/metadata.ts
+++ b/packages/contract-reader/app/types/metadata.ts
@@ -47,9 +47,20 @@ export interface ParamMeta {
   validation?: ValidationRule
   preview?: ParamPreview
   components?: Record<string, ParamMeta>
+  /**
+   * Input-side: don't render an input for this parameter; inject the autofill
+   * value at call time. REQUIRES `autofill`. Orthogonal to `type: "hidden"`
+   * which is display-side.
+   */
+  hidden?: boolean
+  /**
+   * Input-side: render the input but non-editable. REQUIRES `autofill`.
+   * Mutually exclusive with `hidden: true`.
+   */
+  disabled?: boolean
 }
 
-export interface FunctionExample {
+export interface ActionExample {
   label: string
   params: Record<string, string>
 }
@@ -104,7 +115,16 @@ export interface ContractMeta {
   theme?: ContractTheme
 }
 
-export interface FunctionMeta {
+export interface ActionMeta {
+  /**
+   * Reference to the ABI function this action invokes. Accepts a bare name,
+   * full Solidity signature (for overloads), or 4-byte selector.
+   *
+   * Optional — when omitted, the action's id is used as the reference.
+   * Variants whose id differs from the underlying function name MUST set
+   * this explicitly.
+   */
+  function?: string
   order?: number
   title?: string
   description?: string
@@ -113,7 +133,8 @@ export interface FunctionMeta {
   stateMutability?: 'view' | 'pure' | 'nonpayable' | 'payable'
   params?: Record<string, ParamMeta>
   returns?: Record<string, ParamMeta>
-  examples?: FunctionExample[]
+  examples?: ActionExample[]
+  /** Identifiers of related actions (keys in the top-level `actions` object). */
   related?: string[]
   intent?: string
   featured?: boolean
@@ -160,7 +181,7 @@ export interface ContractUIMetadata extends ContractMeta {
     string,
     { label: string; description?: string; order?: number }
   >
-  functions?: Record<string, FunctionMeta>
+  actions?: Record<string, ActionMeta>
   events?: Record<string, EventMeta>
   errors?: Record<string, ErrorMeta>
   messages?: Record<string, MessageMeta>
diff --git a/packages/contract-reader/app/utils/abi.ts b/packages/contract-reader/app/utils/abi.ts
index 507346b..b718058 100644
--- a/packages/contract-reader/app/utils/abi.ts
+++ b/packages/contract-reader/app/utils/abi.ts
@@ -1,13 +1,13 @@
 import type { Abi, AbiFunction } from 'viem'
 import { toFunctionSelector } from 'viem'
+import { resolveActions, type ResolvedAction } from '@evmnow/sdk'
 import type {
-  ContractFunction,
-  ContractFunctionParam,
+  ContractAction,
+  ContractActionParam,
   ContractSourceUnit,
 } from '../types/contract'
 import type {
   ContractUIMetadata,
-  FunctionMeta,
   ParamMeta,
 } from '../types/metadata'
 
@@ -28,7 +28,7 @@ function buildParam(
   input: AbiParam,
   index: number,
   paramsMeta?: Record<string, ParamMeta>,
-): ContractFunctionParam {
+): ContractActionParam {
   const key = input.name || `_${index}`
   const meta = getParamMeta(paramsMeta, key, index)
 
@@ -53,21 +53,6 @@ function getParamMeta(
   return paramsMeta[key] || paramsMeta[String(index)]
 }
 
-function buildFunctionSignature(fn: AbiFunction): string {
-  return `${fn.name}(${fn.inputs.map(formatAbiType).join(',')})`
-}
-
-function formatAbiType(input: AbiParam): string {
-  if (!input.type.startsWith('tuple')) return input.type
-
-  const suffix = input.type.slice('tuple'.length)
-  const inner = input.components?.length
-    ? input.components.map(formatAbiType).join(',')
-    : ''
-
-  return `(${inner})${suffix}`
-}
-
 function buildFacetMap(sources: ContractSourceUnit[]): Map<string, string> {
   const map = new Map<string, string>()
 
@@ -88,74 +73,66 @@ function buildFacetMap(sources: ContractSourceUnit[]): Map<string, string> {
   return map
 }
 
-export function parseAbiFunctions(
+function buildAction(
+  resolved: ResolvedAction,
+  facetMap: Map<string, string> | null,
+): ContractAction {
+  const fn = resolved.abi as unknown as AbiFunction
+  const meta = resolved.meta
+  const raw = fn as any
+  const inferred =
+    fn.stateMutability ??
+    (raw.payable ? 'payable' : raw.constant ? 'view' : 'nonpayable')
+  const stateMutability = meta.stateMutability || inferred
+  const isRead = stateMutability === 'view' || stateMutability === 'pure'
+
+  const facet = facetMap?.get(resolved.selector.toLowerCase())
+
+  return {
+    id: resolved.id,
+    abi: fn,
+    name: fn.name,
+    slug: resolved.id,
+    signature: resolved.signature,
+    selector: resolved.selector,
+    title: meta.title || prettifyName(fn.name),
+    description: meta.description,
+    inputs: fn.inputs.map((input, i) => buildParam(input, i, meta.params)),
+    outputs: (fn.outputs || []).map((output, i) =>
+      buildParam(output, i, meta.returns),
+    ),
+    stateMutability,
+    isRead,
+    isPayable: stateMutability === 'payable',
+    group: meta.group || facet,
+    warning: meta.warning || meta.deprecated,
+    meta,
+    facet,
+    synthesized: resolved.synthesized,
+    isVariant: resolved.isVariant,
+  }
+}
+
+export function parseActions(
   abi: Abi,
   metadata?: ContractUIMetadata,
   sources?: ContractSourceUnit[],
-): { read: ContractFunction[]; write: ContractFunction[] } {
-  const functions = abi.filter(
-    (item): item is AbiFunction => item.type === 'function',
-  )
+): { read: ContractAction[]; write: ContractAction[] } {
   const facetMap = sources ? buildFacetMap(sources) : null
-  const read: ContractFunction[] = []
-  const write: ContractFunction[] = []
+  const { actions } = resolveActions(abi, metadata ?? {})
 
-  for (const fn of functions) {
-    const meta: FunctionMeta | undefined = metadata?.functions?.[fn.name]
-    const raw = fn as any
-    const inferred =
-      fn.stateMutability ??
-      (raw.payable ? 'payable' : raw.constant ? 'view' : 'nonpayable')
-    const stateMutability = meta?.stateMutability || inferred
-    const isRead = stateMutability === 'view' || stateMutability === 'pure'
+  const read: ContractAction[] = []
+  const write: ContractAction[] = []
 
-    let facet: string | undefined
-    if (facetMap) {
-      try {
-        facet = facetMap.get(toFunctionSelector(fn).toLowerCase())
-      } catch {}
-    }
-
-    const contractFunction: ContractFunction = {
-      abi: fn,
-      name: fn.name,
-      slug: fn.name,
-      signature: buildFunctionSignature(fn),
-      title: meta?.title || prettifyName(fn.name),
-      description: meta?.description,
-      inputs: fn.inputs.map((input, i) => buildParam(input, i, meta?.params)),
-      outputs: (fn.outputs || []).map((output, i) =>
-        buildParam(output, i, meta?.returns),
-      ),
-      stateMutability,
-      isRead,
-      isPayable: stateMutability === 'payable',
-      group: meta?.group || facet,
-      warning: meta?.warning || meta?.deprecated,
-      meta,
-      facet,
-    }
-
-    if (isRead) read.push(contractFunction)
-    else write.push(contractFunction)
+  for (const resolved of actions) {
+    const action = buildAction(resolved, facetMap)
+    if (action.isRead) read.push(action)
+    else write.push(action)
   }
 
-  assignOverloadSlugs([...read, ...write])
   return { read, write }
 }
 
-function assignOverloadSlugs(functions: ContractFunction[]) {
-  const counts = new Map<string, number>()
-  for (const fn of functions)
-    counts.set(fn.name, (counts.get(fn.name) || 0) + 1)
-
-  for (const fn of functions) {
-    if ((counts.get(fn.name) || 0) <= 1) continue
-    const types = fn.abi.inputs.map((input) => input.type).join('-')
-    fn.slug = types ? `${fn.name}-${types}` : fn.name
-  }
-}
-
 const STANDARDS = [
   {
     label: 'ERC-1155',
@@ -257,66 +234,66 @@ function buildStandardMap(names: Set<string>): Map<string, string> {
   return map
 }
 
-function isConstant(fn: ContractFunction): boolean {
+function isConstant(action: ContractAction): boolean {
   return (
-    fn.isRead &&
-    fn.abi.inputs.length === 0 &&
-    (fn.abi.outputs?.length || 0) <= 1
+    action.isRead &&
+    action.abi.inputs.length === 0 &&
+    (action.abi.outputs?.length || 0) <= 1
   )
 }
 
-export interface ContractFunctionGroup {
+export interface ContractActionGroup {
   key: string
   label: string
-  functions: ContractFunction[]
+  actions: ContractAction[]
 }
 
-export interface GroupedContractFunctions {
-  grouped: ContractFunctionGroup[]
-  ungrouped: ContractFunction[]
-  constants: ContractFunction[]
+export interface GroupedContractActions {
+  grouped: ContractActionGroup[]
+  ungrouped: ContractAction[]
+  constants: ContractAction[]
 }
 
 function addToGroup(
-  map: Map<string, ContractFunction[]>,
+  map: Map<string, ContractAction[]>,
   key: string,
-  fn: ContractFunction,
+  action: ContractAction,
 ) {
   const group = map.get(key) || []
-  group.push(fn)
+  group.push(action)
   map.set(key, group)
 }
 
-export function groupFunctions(
-  functions: ContractFunction[],
+export function groupActions(
+  actions: ContractAction[],
   metadata?: ContractUIMetadata,
   allFunctionNames?: Set<string>,
-): GroupedContractFunctions {
+): GroupedContractActions {
   const metadataGroups = metadata?.groups || {}
   const hasMetadataGroups = Object.keys(metadataGroups).length > 0
   const facetNames = new Set(
-    functions.map((fn) => fn.facet).filter(Boolean) as string[],
+    actions.map((a) => a.facet).filter(Boolean) as string[],
   )
   const standardMap =
     !hasMetadataGroups && !facetNames.size
       ? buildStandardMap(
-          allFunctionNames || new Set(functions.map((fn) => fn.name)),
+          allFunctionNames || new Set(actions.map((a) => a.name)),
         )
       : null
 
-  const groupMap = new Map<string, ContractFunction[]>()
-  const constants: ContractFunction[] = []
-  const ungrouped: ContractFunction[] = []
-
-  for (const fn of functions) {
-    if (fn.group && (metadataGroups[fn.group] || facetNames.has(fn.group))) {
-      addToGroup(groupMap, fn.group, fn)
-    } else if (standardMap?.has(fn.name)) {
-      addToGroup(groupMap, standardMap.get(fn.name)!, fn)
-    } else if (standardMap && isConstant(fn)) {
-      constants.push(fn)
+  const groupMap = new Map<string, ContractAction[]>()
+  const constants: ContractAction[] = []
+  const ungrouped: ContractAction[] = []
+
+  for (const action of actions) {
+    if (action.group && (metadataGroups[action.group] || facetNames.has(action.group))) {
+      addToGroup(groupMap, action.group, action)
+    } else if (standardMap?.has(action.name)) {
+      addToGroup(groupMap, standardMap.get(action.name)!, action)
+    } else if (standardMap && isConstant(action)) {
+      constants.push(action)
     } else {
-      ungrouped.push(fn)
+      ungrouped.push(action)
     }
   }
 
@@ -330,10 +307,10 @@ export function groupFunctions(
       const orderB = STANDARD_ORDER.get(b) ?? Infinity
       return orderA !== orderB ? orderA - orderB : a.localeCompare(b)
     })
-    .map(([key, groupFunctions]) => ({
+    .map(([key, groupActions]) => ({
       key,
       label: metadataGroups[key]?.label || key,
-      functions: groupFunctions.sort(
+      actions: groupActions.sort(
         (a, b) => (a.meta?.order ?? Infinity) - (b.meta?.order ?? Infinity),
       ),
     }))
diff --git a/packages/contract-reader/app/utils/contract.ts b/packages/contract-reader/app/utils/contract.ts
index bd16be1..5cc3879 100644
--- a/packages/contract-reader/app/utils/contract.ts
+++ b/packages/contract-reader/app/utils/contract.ts
@@ -10,7 +10,7 @@ import type {
 } from '../types/contract'
 import type { ContractMetadataResult } from '../types/metadata-result'
 import type { ContractUIMetadata } from '../types/metadata'
-import { parseAbiFunctions } from './abi'
+import { parseActions } from './abi'
 import { parseSourcesIntoFiles, sortSourceFiles } from './source'
 
 const CONTRACT_TYPES: ContractType[] = ['standard', 'proxy', 'diamond']
@@ -37,7 +37,7 @@ const METADATA_KEYS = [
   'audits',
   'theme',
   'groups',
-  'functions',
+  'actions',
   'events',
   'errors',
   'messages',
@@ -278,11 +278,11 @@ function normalizeContractType(
   return 'standard'
 }
 
-function normalizeFunctions(value: unknown): ContractData['functions'] | null {
+function normalizeActions(value: unknown): ContractData['actions'] | null {
   if (!isRecord(value)) return null
 
   return Array.isArray(value.read) && Array.isArray(value.write)
-    ? (value as ContractData['functions'])
+    ? (value as ContractData['actions'])
     : null
 }
 
@@ -328,9 +328,9 @@ export function toContractData(
     ...(deployer ? { deployer } : {}),
     ...(deploymentTxHash ? { deploymentTxHash } : {}),
     ...(deployedAt ? { deployedAt } : {}),
-    functions:
-      normalizeFunctions(raw.functions) ||
-      parseAbiFunctions(abi, metadata, sources),
+    actions:
+      normalizeActions(raw.actions) ||
+      parseActions(abi, metadata, sources),
     sourceFiles,
     sources,
     proxy,
diff --git a/packages/contract-reader/app/utils/format.ts b/packages/contract-reader/app/utils/format.ts
index 1837ecc..bf5d2ac 100644
--- a/packages/contract-reader/app/utils/format.ts
+++ b/packages/contract-reader/app/utils/format.ts
@@ -1,5 +1,5 @@
 import { formatEther } from 'viem'
-import type { ContractFunctionParam } from '../types/contract'
+import type { ContractActionParam } from '../types/contract'
 import type { SemanticType } from '../types/metadata'
 
 export function isRecord(value: unknown): value is Record<string, unknown> {
@@ -73,7 +73,7 @@ export function formatSemanticValue(
 }
 
 export function resultFieldKind(
-  output: ContractFunctionParam,
+  output: ContractActionParam,
   semanticType?: string,
 ):
   | 'default'
@@ -94,7 +94,7 @@ export function resultFieldKind(
 
 export function getResultValue(
   result: unknown,
-  output: ContractFunctionParam,
+  output: ContractActionParam,
   index: number,
 ): unknown {
   if (Array.isArray(result)) {
@@ -119,13 +119,13 @@ export function getResultValue(
 }
 
 export function getResultFieldLabel(
-  output: ContractFunctionParam,
+  output: ContractActionParam,
   index: number,
 ): string {
   return output.label || output.name || `result ${index + 1}`
 }
 
-export function isTupleType(output: ContractFunctionParam): boolean {
+export function isTupleType(output: ContractActionParam): boolean {
   return output.type === 'tuple' && Boolean(output.components?.length)
 }
 
diff --git a/packages/contract-reader/app/utils/inputs.ts b/packages/contract-reader/app/utils/inputs.ts
index 917b8cc..7b756ca 100644
--- a/packages/contract-reader/app/utils/inputs.ts
+++ b/packages/contract-reader/app/utils/inputs.ts
@@ -1,9 +1,9 @@
 import { isAddress } from 'viem'
 import { ensCache } from '@1001-digital/layers.evm/app/utils/ens'
-import type { ContractFunctionParam } from '../types/contract'
+import type { ContractActionParam } from '../types/contract'
 import type { Autofill, ParamMeta, ValidationRule } from '../types/metadata'
 
-function isTupleInput(input: ContractFunctionParam): boolean {
+function isTupleInput(input: ContractActionParam): boolean {
   return input.type === 'tuple' && !!input.components?.length
 }
 
@@ -214,7 +214,7 @@ function validateArrayValue(
 
 function getParamMeta(
   meta: Record<string, ParamMeta> | undefined,
-  input: ContractFunctionParam,
+  input: ContractActionParam,
   prefix?: string,
 ): ParamMeta | undefined {
   return input.meta || (!prefix ? meta?.[input.name] : undefined)
@@ -250,7 +250,7 @@ export function buildInputKey(
 }
 
 export function seedInputValues(
-  inputs: ContractFunctionParam[],
+  inputs: ContractActionParam[],
   values: Record<string, string>,
   prefix?: string,
   meta?: Record<string, ParamMeta>,
@@ -275,6 +275,16 @@ export function seedInputValues(
       return
     }
 
+    // Hidden or disabled params are always driven by autofill, not the user.
+    // Overwrite on every seed to keep the locked value consistent.
+    if (inputMeta?.hidden || inputMeta?.disabled) {
+      const autofill = resolveAutofillValue(inputMeta.autofill, context)
+      if (autofill !== undefined) {
+        values[key] = autofill
+        return
+      }
+    }
+
     if (!(key in values) || values[key] === '') {
       const autofill = resolveAutofillValue(inputMeta?.autofill, context)
       values[key] =
@@ -286,7 +296,7 @@ export function seedInputValues(
 }
 
 export function buildInputArgs(
-  inputs: ContractFunctionParam[],
+  inputs: ContractActionParam[],
   values: Record<string, string>,
   prefix?: string,
 ): unknown[] {
@@ -301,7 +311,7 @@ export function buildInputArgs(
 }
 
 export function serializeInputArgs(
-  inputs: ContractFunctionParam[],
+  inputs: ContractActionParam[],
   values: Record<string, string>,
   prefix?: string,
 ): string[] {
@@ -316,7 +326,7 @@ export function serializeInputArgs(
 }
 
 export function hydrateInputValues(
-  inputs: ContractFunctionParam[],
+  inputs: ContractActionParam[],
   values: Record<string, string>,
   args: unknown[],
   prefix?: string,
@@ -359,7 +369,7 @@ export function parseInputValue(value: string, type: string): unknown {
 }
 
 export function buildInputErrors(
-  inputs: ContractFunctionParam[],
+  inputs: ContractActionParam[],
   values: Record<string, string>,
   meta?: Record<string, ParamMeta>,
   prefix?: string,
diff --git a/packages/dapp/app/assets/css/reader.css b/packages/dapp/app/assets/css/reader.css
index 1f29f41..0b62e66 100644
--- a/packages/dapp/app/assets/css/reader.css
+++ b/packages/dapp/app/assets/css/reader.css
@@ -12,7 +12,7 @@
     --cr-active-surface: var(--cr-surface-muted);
     --cr-font: var(--font-family);
     --cr-mono: var(--font-mono);
-    --cr-contract-functions-detail-gap: var(--spacer);
+    --cr-contract-actions-detail-gap: var(--spacer);
     --cr-input-padding-block: var(--ui-padding-block);
     --cr-input-padding-inline: var(--ui-padding-inline);
     --cr-warning-padding-block: var(--size-3);
@@ -24,7 +24,7 @@
     font-family: var(--cr-font);
   }
 
-  .cr-function-item {
+  .cr-action-item {
     border: var(--border-width) solid var(--cr-border);
     border-radius: var(--cr-radius);
     background: var(--cr-surface-muted);
@@ -35,11 +35,11 @@
     user-select: none;
   }
 
-  button.cr-function-item,
+  button.cr-action-item,
   input.cr-input,
   select.cr-input,
   textarea.cr-input,
-  button.cr-function-item:is(:hover, :active, :focus, .active),
+  button.cr-action-item:is(:hover, :active, :focus, .active),
   input.cr-input:is(:hover, :active, :focus, .active),
   select.cr-input:is(:hover, :active, :focus, .active),
   textarea.cr-input:is(:hover, :active, :focus, .active) {
@@ -74,17 +74,17 @@
     height: var(--size-4);
   }
 
-  .cr-function-item.active {
+  .cr-action-item.active {
     border-color: var(--cr-primary);
     background: var(--cr-active-surface);
   }
 
-  .cr-function-item:disabled {
+  .cr-action-item:disabled {
     opacity: 0.55;
   }
 
   .cr-header,
-  .contract-functions__heading {
+  .contract-actions__heading {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
@@ -101,20 +101,20 @@
   }
 
   .cr-header > *,
-  .contract-functions__heading > *,
-  .contract-functions__list,
-  .contract-functions__detail {
+  .contract-actions__heading > *,
+  .contract-actions__list,
+  .contract-actions__detail {
     min-width: 0;
   }
 
   .cr-header,
-  .contract-functions__list,
-  .contract-functions__detail {
+  .contract-actions__list,
+  .contract-actions__detail {
     padding: var(--cr-gap);
   }
 
   .cr-header h1,
-  .contract-functions__heading h2 {
+  .contract-actions__heading h2 {
     margin: 0;
     line-height: var(--line-height-md);
   }
@@ -124,7 +124,7 @@
   }
 
   .cr-header code,
-  .contract-functions__heading code {
+  .contract-actions__heading code {
     display: block;
     max-width: 100%;
     color: var(--cr-muted);
@@ -138,13 +138,13 @@
     display: flex;
     flex-shrink: 0;
     flex-wrap: wrap;
-    gap: var(--cr-function-field-gap);
+    gap: var(--cr-action-field-gap);
     margin-left: auto;
   }
 
-  .contract-functions__cards .cr-function-group,
-  .contract-functions__cards .cr-function-card-grid {
-    gap: var(--cr-function-group-gap);
+  .contract-actions__cards .cr-action-group,
+  .contract-actions__cards .cr-action-card-grid {
+    gap: var(--cr-action-group-gap);
   }
 
   .cr-group-count {
@@ -152,7 +152,7 @@
     opacity: 0.65;
   }
 
-  .cr-function-item {
+  .cr-action-item {
     appearance: none;
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -160,9 +160,9 @@
     inline-size: 100%;
     min-inline-size: 0;
     block-size: auto;
-    column-gap: var(--cr-function-grid-gap);
+    column-gap: var(--cr-action-grid-gap);
     row-gap: var(--size-0);
-    min-block-size: var(--cr-function-item-min-block-size);
+    min-block-size: var(--cr-action-item-min-block-size);
     box-shadow: none;
     letter-spacing: 0;
     line-height: var(--line-height-md);
@@ -171,23 +171,23 @@
     user-select: none;
   }
 
-  .cr-function-item:is(:hover, :focus-visible) {
+  .cr-action-item:is(:hover, :focus-visible) {
     outline: none;
     background: var(--cr-active-surface);
   }
 
-  .cr-function-item-title {
+  .cr-action-item-title {
     font-size: var(--font-sm);
     font-weight: 600;
     line-height: var(--line-height-md);
   }
 
-  .cr-function-item-signature {
+  .cr-action-item-signature {
     font-size: var(--font-xs);
     line-height: var(--line-height-md);
   }
 
-  .contract-functions__cards .cr-function-card {
+  .contract-actions__cards .cr-action-card {
     border: var(--border-width) solid var(--cr-border);
     border-radius: var(--cr-radius);
     background: var(--cr-surface);
@@ -195,17 +195,17 @@
     transition: border-color var(--speed);
   }
 
-  .contract-functions__cards .cr-function-card.expanded {
+  .contract-actions__cards .cr-action-card.expanded {
     border-color: var(--cr-primary);
   }
 
-  .contract-functions__cards .cr-function-card-header {
+  .contract-actions__cards .cr-action-card-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--cr-function-grid-gap);
-    padding: var(--cr-function-card-header-padding-block)
-      var(--cr-function-card-header-padding-inline);
+    gap: var(--cr-action-grid-gap);
+    padding: var(--cr-action-card-header-padding-block)
+      var(--cr-action-card-header-padding-inline);
     border-radius: 0;
     box-shadow: none;
     background: transparent;
@@ -216,7 +216,7 @@
     user-select: none;
   }
 
-  .contract-functions__cards .cr-function-card-title {
+  .contract-actions__cards .cr-action-card-title {
     flex: 1 1 auto;
     min-width: 0;
     overflow: hidden;
@@ -227,7 +227,7 @@
     line-height: var(--line-height-md);
   }
 
-  .contract-functions__cards .cr-function-card-signature {
+  .contract-actions__cards .cr-action-card-signature {
     flex-shrink: 0;
     margin-left: auto;
     color: var(--cr-muted);
@@ -236,13 +236,13 @@
     line-height: var(--line-height-md);
   }
 
-  .contract-functions__cards .cr-function-card-expand:not(.open) {
+  .contract-actions__cards .cr-action-card-expand:not(.open) {
     pointer-events: none;
   }
 
-  .contract-functions__cards .cr-function-card-body {
-    padding: 0 var(--cr-function-card-body-padding)
-      var(--cr-function-card-body-padding);
+  .contract-actions__cards .cr-action-card-body {
+    padding: 0 var(--cr-action-card-body-padding)
+      var(--cr-action-card-body-padding);
   }
 
   .cr-field-label {
@@ -301,7 +301,7 @@
 
   .cr-tuple-input {
     border-left: var(--border-width) solid var(--cr-border);
-    padding-left: var(--cr-function-item-padding-inline);
+    padding-left: var(--cr-action-item-padding-inline);
   }
 
   .cr-panel {
@@ -309,7 +309,7 @@
   }
 
   .cr-shell .dialog.evm-profile .profile-actions {
-    gap: var(--cr-function-grid-gap);
+    gap: var(--cr-action-grid-gap);
   }
 
   .cr-shell .dialog.evm-profile .banner {
diff --git a/packages/dapp/app/components/ContractFunctions.vue b/packages/dapp/app/components/ContractActions.vue
similarity index 73%
rename from packages/dapp/app/components/ContractFunctions.vue
rename to packages/dapp/app/components/ContractActions.vue
index 70493b3..0562e6d 100644
--- a/packages/dapp/app/components/ContractFunctions.vue
+++ b/packages/dapp/app/components/ContractActions.vue
@@ -1,13 +1,13 @@
 <template>
   <section
     ref="root"
-    class="contract-functions"
+    class="contract-actions"
     :class="{ 'is-card-view': isCardView }"
   >
-    <FunctionCards
+    <ActionCards
       v-if="isCardView"
-      class="contract-functions__cards"
-      :functions="functions"
+      class="contract-actions__cards"
+      :actions="actions"
       :address="contractAddress"
       :abi="abi"
       :chain-id="chainId"
@@ -20,34 +20,34 @@
       :resolve-metadata="resolveMetadata"
       :wallet-connected="walletConnected"
       :connected-address="connectedAddress"
-      :title="functionTitle"
-      @select="selectFunction"
+      :title="actionTitle"
+      @select="selectAction"
       @update:args="updateArgs"
       @error="emit('read-error', $event)"
     />
 
     <template v-else>
-      <FunctionList
-        class="contract-functions__list cr-panel"
-        :functions="functions"
+      <ActionList
+        class="contract-actions__list cr-panel"
+        :actions="actions"
         :metadata="metadata"
         :all-function-names="allFunctionNames"
-        :selected="selectedFunction?.slug"
-        @select="selectFunction"
+        :selected="selectedAction?.slug"
+        @select="selectAction"
       />
 
-      <div class="contract-functions__detail cr-panel">
-        <template v-if="selectedFunction">
-          <header class="contract-functions__heading">
-            <h2>{{ selectedFunction.title }}</h2>
+      <div class="contract-actions__detail cr-panel">
+        <template v-if="selectedAction">
+          <header class="contract-actions__heading">
+            <h2>{{ selectedAction.title }}</h2>
             <code>{{ signature }}</code>
           </header>
 
-          <FunctionDetail
+          <ActionDetail
             :address="contractAddress"
             :abi="abi"
             :chain-id="chainId"
-            :fn="selectedFunction"
+            :action="selectedAction"
             :args="args"
             :read-function="readFunction"
             :write-function="writeFunction"
@@ -71,12 +71,12 @@
 </template>
 
 <script setup lang="ts">
-import FunctionCards from '@evmnow/contract-reader/components/Function/Cards'
-import FunctionDetail from '@evmnow/contract-reader/components/Function/Detail'
-import FunctionList from '@evmnow/contract-reader/components/Function/List'
+import ActionCards from '@evmnow/contract-reader/components/Action/Cards'
+import ActionDetail from '@evmnow/contract-reader/components/Action/Detail'
+import ActionList from '@evmnow/contract-reader/components/Action/List'
 import type {
   ContractData,
-  ContractFunction,
+  ContractAction,
 } from '@evmnow/contract-reader/types/contract'
 import type { ContractUIMetadata } from '@evmnow/contract-reader/types/metadata'
 import type {
@@ -87,7 +87,7 @@ import type {
 
 const props = withDefaults(
   defineProps<{
-    functions: ContractFunction[]
+    actions: ContractAction[]
     contractAddress: string
     abi: ContractData['abi']
     chainId?: number
@@ -103,7 +103,7 @@ const props = withDefaults(
     emptyText?: string
   }>(),
   {
-    emptyText: 'select a function',
+    emptyText: 'select an action',
     walletConnected: false,
   },
 )
@@ -117,25 +117,25 @@ const emit = defineEmits<{
 const root = ref<HTMLElement | null>(null)
 const isCardView = ref(false)
 
-const selectedFunction = computed(
+const selectedAction = computed(
   () =>
-    props.functions.find((fn) => fn.slug === props.selected) ||
-    props.functions[0] ||
+    props.actions.find((action) => action.slug === props.selected) ||
+    props.actions[0] ||
     null,
 )
 
 const signature = computed(() => {
-  if (!selectedFunction.value) return ''
+  if (!selectedAction.value) return ''
 
-  return `${selectedFunction.value.name}(${selectedFunction.value.inputs
+  return `${selectedAction.value.name}(${selectedAction.value.inputs
     .map((input) => input.type)
     .join(', ')})`
 })
 
-const functionTitle = computed(() =>
+const actionTitle = computed(() =>
   props.emptyText.includes('interaction')
-    ? 'interaction functions'
-    : 'read functions',
+    ? 'interaction actions'
+    : 'read actions',
 )
 
 function readSizeVariable(name: string): number {
@@ -172,7 +172,7 @@ onBeforeUnmount(() => {
   resizeObserver?.disconnect()
 })
 
-function selectFunction(slug: string | undefined) {
+function selectAction(slug: string | undefined) {
   emit('select', slug)
 }
 
@@ -183,7 +183,7 @@ function updateArgs(nextArgs: string[]) {
 
 <style scoped>
 @layer components {
-  .contract-functions {
+  .contract-actions {
     display: flex;
     flex-wrap: wrap;
     gap: var(--cr-gap);
@@ -193,24 +193,24 @@ function updateArgs(nextArgs: string[]) {
     }
   }
 
-  .contract-functions__list {
+  .contract-actions__list {
     flex: 0 1 calc(var(--form-width) - var(--size-7));
     align-self: start;
     overflow: auto;
   }
 
-  .contract-functions__detail {
+  .contract-actions__detail {
     display: grid;
     flex: 1 1 calc(var(--form-width) + var(--size-8));
     align-content: start;
-    gap: var(--cr-contract-functions-detail-gap);
+    gap: var(--cr-contract-actions-detail-gap);
   }
 
-  .contract-functions__cards {
+  .contract-actions__cards {
     flex: 1 1 100%;
   }
 
-  .contract-functions__heading h2 {
+  .contract-actions__heading h2 {
     font-size: var(--font-base);
     min-width: 50%;
   }
diff --git a/packages/dapp/app/pages/index.vue b/packages/dapp/app/pages/index.vue
index 14f763d..b222f5e 100644
--- a/packages/dapp/app/pages/index.vue
+++ b/packages/dapp/app/pages/index.vue
@@ -87,9 +87,9 @@
           :link-resolver="resolveStatLink"
         />
 
-        <ContractFunctions
+        <ContractActions
           v-else-if="currentView === 'read' || currentView === 'interact'"
-          :functions="visibleFunctions"
+          :actions="visibleActions"
           :contract-address="contractData.address"
           :abi="contractData.abi"
           :chain-id="contractData.chainId"
@@ -106,8 +106,8 @@
           "
           :wallet-connected="walletConnected"
           :connected-address="connectedAddress"
-          :empty-text="emptyFunctionText"
-          @select="selectFunction"
+          :empty-text="emptyActionText"
+          @select="selectAction"
           @update:args="updateArgs"
           @read-error="onReadError"
         />
@@ -209,22 +209,22 @@ const currentView = computed<ContractView>(() => {
 
   return viewState.value.view
 })
-const selectedFunctionSlug = computed(() =>
+const selectedActionSlug = computed(() =>
   currentView.value === 'code' ? viewState.value.fn : undefined,
 )
 const selectedSource = computed(() => {
   return state.value.source
 })
-const visibleFunctions = computed(() => {
-  return functionsForView(currentView.value)
+const visibleActions = computed(() => {
+  return actionsForView(currentView.value)
 })
 const allFunctionNames = computed(() => {
   if (!contractData.value) return undefined
   return new Set(
     [
-      ...contractData.value.functions.read,
-      ...contractData.value.functions.write,
-    ].map((fn) => fn.name),
+      ...contractData.value.actions.read,
+      ...contractData.value.actions.write,
+    ].map((action) => action.name),
   )
 })
 const STAT_VIEW_MAP: Record<string, ContractView> = {
@@ -258,10 +258,10 @@ const title = computed(
     fallbackFileName.value ||
     'Contract',
 )
-const emptyFunctionText = computed(() =>
+const emptyActionText = computed(() =>
   currentView.value === 'interact'
-    ? 'select an interaction function'
-    : 'select a read function',
+    ? 'select an interaction'
+    : 'select a read action',
 )
 const contentClass = computed(() =>
   isReaderMode.value ? undefined : 'home-page',
@@ -294,7 +294,7 @@ watch(
 )
 
 watch(
-  [selectedFunctionSlug, () => contractData.value?.sourceFiles],
+  [selectedActionSlug, () => contractData.value?.sourceFiles],
   ([slug, files]) => {
     if (!slug || !files?.length) return
 
@@ -315,12 +315,12 @@ function onReadError(cause: unknown) {
 
 function setView(view: ContractView) {
   const nextState = { ...viewState.value, view }
-  const functions = functionsForView(view)
+  const actions = actionsForView(view)
 
   if (
     (view === 'read' || view === 'interact') &&
     nextState.fn &&
-    !functions.some((fn) => fn.slug === nextState.fn)
+    !actions.some((action) => action.slug === nextState.fn)
   ) {
     nextState.fn = undefined
     nextState.args = []
@@ -329,7 +329,7 @@ function setView(view: ContractView) {
   viewState.value = nextState
 }
 
-function selectFunction(fn: string | undefined) {
+function selectAction(fn: string | undefined) {
   viewState.value = { ...viewState.value, fn, args: [] }
 }
 
@@ -345,10 +345,10 @@ function updateSource(source: SourceSelection) {
   }
 }
 
-function functionsForView(view: ContractView) {
+function actionsForView(view: ContractView) {
   if (!contractData.value) return []
   return view === 'interact'
-    ? contractData.value.functions.write
-    : contractData.value.functions.read
+    ? contractData.value.actions.write
+    : contractData.value.actions.read
 }
 </script>

From ffe372f2c80a22747599b5280aa1f03316077ef7 Mon Sep 17 00:00:00 2001
From: jalil <jalil@1001.digital>
Date: Wed, 15 Apr 2026 13:12:58 +0200
Subject: [PATCH 3/3] Introduce AccountName component in function results

---
 .../app/assets/css/{function.css => action.css}  |  0
 .../app/components/AccountName.vue               | 16 ++++++++++++++++
 .../ArtifactPreview.client.vue                   |  0
 .../components/{Function => Action}/Cards.vue    |  0
 .../components/{Function => Action}/Detail.vue   |  0
 .../components/{Function => Action}/Groups.vue   |  0
 .../components/{Function => Action}/Input.vue    |  0
 .../app/components/{Function => Action}/List.vue |  0
 .../MetadataPreview.client.vue                   |  0
 .../components/{Function => Action}/Result.vue   |  4 ++--
 .../{Function => Action}/ResultFields.vue        |  0
 .../{Function => Action}/TupleInput.vue          |  0
 12 files changed, 18 insertions(+), 2 deletions(-)
 rename packages/contract-reader/app/assets/css/{function.css => action.css} (100%)
 create mode 100644 packages/contract-reader/app/components/AccountName.vue
 rename packages/contract-reader/app/components/{Function => Action}/ArtifactPreview.client.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Cards.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Detail.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Groups.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Input.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/List.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/MetadataPreview.client.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/Result.vue (94%)
 rename packages/contract-reader/app/components/{Function => Action}/ResultFields.vue (100%)
 rename packages/contract-reader/app/components/{Function => Action}/TupleInput.vue (100%)

diff --git a/packages/contract-reader/app/assets/css/function.css b/packages/contract-reader/app/assets/css/action.css
similarity index 100%
rename from packages/contract-reader/app/assets/css/function.css
rename to packages/contract-reader/app/assets/css/action.css
diff --git a/packages/contract-reader/app/components/AccountName.vue b/packages/contract-reader/app/components/AccountName.vue
new file mode 100644
index 0000000..97de2aa
--- /dev/null
+++ b/packages/contract-reader/app/components/AccountName.vue
@@ -0,0 +1,16 @@
+<template>
+  <span class="account-name">
+    <EvmAccount
+      :address="address"
+      resolve-ens
+    />
+  </span>
+</template>
+
+<script setup lang="ts">
+import type { Address } from 'viem'
+
+defineProps<{
+  address?: Address
+}>()
+</script>
diff --git a/packages/contract-reader/app/components/Function/ArtifactPreview.client.vue b/packages/contract-reader/app/components/Action/ArtifactPreview.client.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/ArtifactPreview.client.vue
rename to packages/contract-reader/app/components/Action/ArtifactPreview.client.vue
diff --git a/packages/contract-reader/app/components/Function/Cards.vue b/packages/contract-reader/app/components/Action/Cards.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Cards.vue
rename to packages/contract-reader/app/components/Action/Cards.vue
diff --git a/packages/contract-reader/app/components/Function/Detail.vue b/packages/contract-reader/app/components/Action/Detail.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Detail.vue
rename to packages/contract-reader/app/components/Action/Detail.vue
diff --git a/packages/contract-reader/app/components/Function/Groups.vue b/packages/contract-reader/app/components/Action/Groups.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Groups.vue
rename to packages/contract-reader/app/components/Action/Groups.vue
diff --git a/packages/contract-reader/app/components/Function/Input.vue b/packages/contract-reader/app/components/Action/Input.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/Input.vue
rename to packages/contract-reader/app/components/Action/Input.vue
diff --git a/packages/contract-reader/app/components/Function/List.vue b/packages/contract-reader/app/components/Action/List.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/List.vue
rename to packages/contract-reader/app/components/Action/List.vue
diff --git a/packages/contract-reader/app/components/Function/MetadataPreview.client.vue b/packages/contract-reader/app/components/Action/MetadataPreview.client.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/MetadataPreview.client.vue
rename to packages/contract-reader/app/components/Action/MetadataPreview.client.vue
diff --git a/packages/contract-reader/app/components/Function/Result.vue b/packages/contract-reader/app/components/Action/Result.vue
similarity index 94%
rename from packages/contract-reader/app/components/Function/Result.vue
rename to packages/contract-reader/app/components/Action/Result.vue
index 79f240c..ebf215c 100644
--- a/packages/contract-reader/app/components/Function/Result.vue
+++ b/packages/contract-reader/app/components/Action/Result.vue
@@ -43,7 +43,7 @@
             :value="value"
             :href="addressHref"
           >
-            {{ value }}
+            <AccountName :address="value as `0x${string}`" />
           </slot>
         </a>
         <slot
@@ -53,7 +53,7 @@
           :value="value"
           :href="null"
         >
-          {{ value }}
+          <AccountName :address="value as `0x${string}`" />
         </slot>
         <template v-else>
           {{ value }}
diff --git a/packages/contract-reader/app/components/Function/ResultFields.vue b/packages/contract-reader/app/components/Action/ResultFields.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/ResultFields.vue
rename to packages/contract-reader/app/components/Action/ResultFields.vue
diff --git a/packages/contract-reader/app/components/Function/TupleInput.vue b/packages/contract-reader/app/components/Action/TupleInput.vue
similarity index 100%
rename from packages/contract-reader/app/components/Function/TupleInput.vue
rename to packages/contract-reader/app/components/Action/TupleInput.vue